.colordrop-test--answer-button[data-value="1"]{box-shadow:0 1px #ed309b40,0 -1px #f9396340,1px 0 #ed309b40,-1px 0 #f9396340,1px -1px #f3357f80,-1px 1px #f3357f80,1px 1px #e82cb8bf,-1px -1px #ff3e47bf}.colordrop-test--answer-button[data-value="2"],.colordrop-test--answer-button[data-value="4"]{box-shadow:0 1px #da2cdc40,0 -1px #e32cc440,1px 0 #da2cdc40,-1px 0 #e32cc440,1px -1px #df2cd080,-1px 1px #df2cd080,1px 1px #d62ce8bf,-1px -1px #e82cb8bf}.colordrop-test--answer-button[data-value="3"],.colordrop-test--answer-button[data-value="5"],.colordrop-test--answer-button[data-value="7"]{box-shadow:0 1px #8d39f940,0 -1px #bd30ed40,1px 0 #8d39f940,-1px 0 #bd30ed40,1px -1px #a535f380,-1px 1px #a535f380,1px 1px #753effbf,-1px -1px #d62ce8bf}.colordrop-test--answer-button[data-value="8"],.colordrop-test--answer-button[data-value="6"],.colordrop-test--answer-button[data-value="9"]{box-shadow:0 1px #4682ed40,0 -1px #6554f940,1px 0 #4682ed40,-1px 0 #6554f940,1px -1px #566bf380,-1px 1px #566bf380,1px 1px #3799e8bf,-1px -1px #753effbf}.colordrop-test--answer-button[data-value=Enter]{display:none;box-shadow:0 1px #2e75e840,0 -1px #348de840,1px 0 #2e75e840,-1px 0 #348de840,1px -1px #3181e880,-1px 1px #3181e880,1px 1px #2c69e8bf,-1px -1px #3799e8bf}.colordrop-test--answer-button[data-value="0"]{box-shadow:0 1px #2e75e840,0 -1px #348de840,1px 0 #2e75e840,-1px 0 #348de840,1px -1px #3181e880,-1px 1px #3181e880,1px 1px #2c69e8bf,-1px -1px #3799e8bf}.colordrop-test--answer-button[data-value="Not sure"]{box-shadow:0 1px #47d2ef40,0 -1px #358cea40,1px 0 #47d2ef40,-1px 0 #358cea40,1px -1px #3eafed80,-1px 1px #3eafed80,1px 1px #51f5f2bf,-1px -1px #2c69e8bf}.colordrop-test-HeroBanner{padding:40px 0;position:relative}@media (min-width: 420px){.colordrop-test-HeroBanner{padding:40px 60px}}.colordrop-test-HeroBanner-body{max-width:1000px;margin:auto}.colordrop-test-HeroBanner-content{max-width:420px;text-align:center;padding:20px;background:#00000080}.colordrop-test-HeroBanner-content p.text_title{text-transform:uppercase;font-size:26px}.colordrop-test-HeroBanner-content p{color:#fff;font-size:18px}.colordrop-test-Title-logo{display:block;position:fixed;bottom:10px;right:20px}.colordrop-test-Title-logo svg{width:160px;margin:5px auto 10px;display:block;fill:#fff}@media (max-width: 640px){.colordrop-test-Title-logo{bottom:10px;left:0;right:0;margin:40px 40px 20px;display:none}}.h2.colordrop-test-Title-text{background:none;color:#fff;-webkit-text-fill-color:white;text-align:center}.colordrop-test-Title-image{position:absolute;bottom:0;left:0}.colordrop-test-Title-text{color:#fff}.colordrop-test-Title-text svg{display:block;height:56px;fill:#fff;width:568px;max-width:100%}@media (min-width: 640px){.colordrop-test-Title-text{display:block;letter-spacing:.2em;font-size:34px}.colordrop-test-Header{display:flex;justify-content:space-between;align-items:center}.colordrop-test-Header>*{flex:1}.colordrop-test-Title-image{position:static;width:98px;margin-right:12px;margin-left:50px}}.colordrop-test-StartTest{display:block}.colordrop-test-ImageAndButtons{display:flex;align-items:center;justify-content:center;max-height:calc(100% - 62px)}@media (orientation: portrait) and (max-width: 767px){.colordrop-test-ImageAndButtons{gap:20px;flex-direction:column;justify-content:space-between;max-height:calc(100% - 26px)}}.colordrop-test-NumberImage{flex:40%;flex-grow:0;max-width:666px;height:100%}@media (orientation: portrait) and (max-width: 767px){.colordrop-test-NumberImage{max-height:calc(100% - 147px)}}.colordrop-test-NumberImage svg{width:100%;height:100%}.colordrop-test--answer-button{background:#333;color:#fff;border-radius:8px;font-weight:700;white-space:nowrap;padding:12px 20px;margin-left:6px;margin-right:6px;margin-bottom:16px;text-transform:uppercase;box-shadow:0 1px #666,0 5px #444,0 6px 6px #0009;cursor:pointer}@media (orientation: portrait) and (max-width: 767px){.colordrop-test--answer-button{margin-left:5px;margin-right:5px;margin-bottom:12px}}@media (max-width: 767px){.colordrop-test--answer-button{padding:8px 12px}}.colordrop-test--answer-button[data-value="0"]{display:none}@media (orientation: portrait) and (max-width: 767px){.colordrop-test--answer-button[data-value="0"]{display:block}}.colordrop-test--answer-button-number{flex:calc(33% - 20px)}@media (orientation: portrait) and (max-width: 767px){.colordrop-test--answer-button-number{flex:calc(33% - 10px)}}.colordrop-test-Buttons{display:flex;flex-wrap:wrap;align-items:center;margin-left:40px;max-width:360px}@media (orientation: portrait) and (max-width: 767px){.colordrop-test-Buttons{margin-left:0}}.colordrop-test-progress-wrapper{width:100%;max-width:1024px;margin:40px auto}.colordrop-test-progress-border{min-height:30px;display:flex;justify-content:center;align-items:center;background:#333;box-sizing:border-box;border-radius:30px}.colordrop-test-progress{background:#e1e4e8;border-radius:8px;overflow:hidden;height:10px;width:calc(100% - 20px)}.colordrop-test-progress .colordrop-test-progress-bar{display:block;height:100px;background:linear-gradient(90deg,#ffd33d,#ea4aaa 17%,#b34bff,#01feff,#ffd33d,#ea4aaa 85%,#b34bff);background-size:300% 100px;transition:all .8s}.colordrop-test-Overlay{position:fixed;z-index:999999999;left:0;top:0;width:100%;height:100%;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.colordrop-test-Overlay.is-open{opacity:1;visibility:visible}.colordrop-test-Modal{position:relative;width:100%;height:100%;padding:2%;background:#191919;color:#fff;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.colordrop-test-Close{position:absolute;right:10px;top:10px;opacity:1;cursor:pointer;width:25px;height:25px;background:#fff;color:#9a2fff;border-radius:50%;font-size:13px;text-align:center;line-height:26px;font-weight:700}.colordrop-test-Result-wrapper{transform:scale(0);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:90%;width:100%;margin:0 auto;position:absolute;left:0;top:0}.colordrop-test-Result{height:90%;max-height:500px;width:100%;max-width:680px;background:#000000bf;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;width:fit-content;padding:0;margin:0;height:fit-content}#EMAIL::placeholder{color:#fff}.colordrop-test-Result-signupFields{display:flex;flex-direction:column;align-items:center}.colordrop-test-Result-signupFields-field{padding:0 18px;width:100%;max-width:560px;font-size:17px}@media only screen and (min-width: 769px) and (max-width: 959px){.colordrop-test-Result-signupFields-field{padding:0 40px}}.colordrop-test-Modal h2{margin:0 20px;text-align:center;text-transform:uppercase}.colordrop-test-Test{display:flex;flex-direction:column;position:relative;max-height:calc(100% - 60px)}.colordrop-test-Test circle{transform-box:fill-box}.colordrop-test-Modal input:not([type=submit]){background-color:#ccc}.colordrop-test--answer-button:hover{animation:pulsate 1.2s linear infinite}.colordrop-test--answer-button:active{color:#fff;text-shadow:0 -1px 0 #444,0 0 5px #ffd,0 0 8px #fff;box-shadow:0 1px #666,0 2px #444,0 2px 2px #000000e6;transform:translateY(3px);animation:none}@keyframes pulsate{0%{color:#ddd;text-shadow:0 -1px 0 #000}50%{color:#fff;text-shadow:0 -1px 0 #444,0 0 5px #ffd,0 0 8px #fff}to{color:#ddd;text-shadow:0 -1px 0 #000}}.colordrop-test--inputGroupBtn{margin-top:10px;display:flex;flex-direction:column}@media (min-width: 460px){.colordrop-test--inputGroupBtn{flex-direction:row}}.colordrop-test-Result-signupFields-input{min-width:280px}.colordrop-test--submit{height:43px;line-height:43px;padding-top:0;padding-bottom:0;margin:20px 0 0}.colordrop-test-TextLink{display:inline-block;color:#fff;font-size:12px;border-bottom:1px solid #fff}.colordrop-test-TextLink:hover,.colordrop-test-TextLink:active,.colordrop-test-TextLink:focus{color:#fff}@media (max-width: 640px){.colordrop-test-TextLink{position:relative!important;height:fit-content;width:100%;top:10px!important;display:flex;align-items:center;justify-content:center;border-bottom:0;text-decoration:underline}}@media (min-width: 640px){.colordrop-test-TextLink{margin-top:20px;margin-left:6px;position:relative!important;bottom:0!important;left:0!important}}.colorblindness{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 20px}
/*# sourceMappingURL=/cdn/shop/t/27/assets/color-blindness-test.scss.css.map */