.cbtHeroBanner{padding:40px 0;position:relative}@media (min-width: 420px){.cbtHeroBanner{padding:40px 60px}}.cbtHeroBanner-body{max-width:1000px;margin:auto}.cbtHeroBanner-content{max-width:420px;text-align:center;padding:20px;background:#00000080}.cbtHeroBanner-content p.text_title{text-transform:uppercase;font-size:26px}.cbtHeroBanner-content p{color:#fff;font-size:18px}.cbtTitle-logo{display:block}.cbtTitle-logo svg{width:160px;margin:5px auto 10px;display:block;fill:#fff}.cbtTitle-image{position:absolute;bottom:0;left:0}.cbtTitle-text{display:none}.cbtTitle-text svg{display:block;height:56px;fill:#fff;width:568px;max-width:100%}@media (min-width: 640px){.cbtTitle-text{display:block}.cbtHeader{display:flex;justify-content:space-between;align-items:center}.cbtTitle-image{position:static;width:98px;margin-right:12px;margin-left:50px}}.cbtStartTest{display:block;margin:20px auto}.cbtModal .cbtBody{display:flex;flex-direction:column;height:100%}.cbtImageAndButtons{display:flex;align-items:center;justify-content:center;max-height:calc(100% - 62px)}@media (orientation: portrait) and (max-width: 767px){.cbtImageAndButtons{flex-direction:column;justify-content:space-between;max-height:calc(100% - 26px)}}.cbtNumberImage{flex:40%;flex-grow:0;max-width:666px;height:100%}@media (orientation: portrait) and (max-width: 767px){.cbtNumberImage{max-height:calc(100% - 147px)}}.cbtNumberImage svg{width:100%;height:100%}.cbt-answer-button{background:#333;color:#fff;border-radius:6px;font-weight:700;white-space:nowrap;padding:14px 24px;margin-left:10px;margin-right:10px;margin-bottom:20px;text-transform:uppercase;box-shadow:0 1px #666,0 5px #444,0 6px 6px #0009;cursor:pointer}@media (orientation: portrait) and (max-width: 767px){.cbt-answer-button{margin-left:5px;margin-right:5px;margin-bottom:12px}}@media (max-width: 767px){.cbt-answer-button{padding:8px 12px}}.cbt-answer-button[data-value="0"]{display:none}@media (orientation: portrait) and (max-width: 767px){.cbt-answer-button[data-value="0"]{display:block}}.cbt-answer-button-number{flex:calc(33% - 20px)}@media (orientation: portrait) and (max-width: 767px){.cbt-answer-button-number{flex:calc(20% - 10px)}}.cbtButtons{display:flex;flex-wrap:wrap;align-items:center;margin-left:40px;max-width:360px}@media (orientation: portrait) and (max-width: 767px){.cbtButtons{margin-left:0}}.cbt-restart-button{margin-bottom:10px;line-height:1px;min-height:30px}.cbt-progressbar{display:flex;max-width:1024px;counter-reset:cbtStep;margin:2% auto;position:relative}@media (min-width: 560px){.cbt-progressbar{width:90%}}.cbt-progressbar-line{height:2px;content:"";background:#fff;position:absolute;top:14px;left:20px;width:calc(100% - 40px)}@media (orientation: portrait) and (max-width: 767px){.cbt-progressbar-line{top:9px;left:14px;width:calc(100% - 28px)}}@media (max-width: 560px){.cbt-progressbar-line{left:11px;width:calc(100% - 22px)}}@media (max-width: 459px){.cbt-progressbar-line{height:1px;top:7px;left:9px;width:calc(100% - 16px)}}.cbt-progressbar .cbt-step{width:50%;position:relative;text-indent:-999999px}.cbt-progressbar .cbt-step.cbt-active{text-indent:initial}@media (max-width: 459px){.cbt-progressbar .cbt-step.cbt-active{margin-top:-2px}}.cbt-progressbar .cbt-step:before{position:relative;z-index:10;display:block;background-color:#fff;width:30px;height:30px;content:counter(cbtStep);counter-increment:cbtStep;line-height:28px;font-weight:600;text-align:center;margin:0 auto;border-radius:50%;font-size:11px}@media (max-width: 459px){.cbt-progressbar .cbt-step:before{font-size:8px}}@media (orientation: portrait) and (max-width: 767px){.cbt-progressbar .cbt-step:before{width:20px;height:20px;line-height:16px}}@media (max-width: 459px){.cbt-progressbar .cbt-step:not(.cbt-active):before{width:15px;height:15px}}.cbt-progressbar .cbt-step{color:#55b776}.cbt-progressbar .cbt-step.cbt-active~.cbt-step{color:#fff}.cbt-progressbar .cbt-step:before{transform:scale(.5)}@media (orientation: portrait) and (max-width: 767px){.cbt-progressbar .cbt-step:before{transform:scale(.3)}}.cbt-progressbar .cbt-step.cbt-active:before{transform:scale(1.1);background:#fff}.cbt-progressbar .cbt-step:before{border:2px solid #55b776;background:#55b776}.cbt-progressbar .cbt-step.cbt-active~.cbt-step:before{border:2px solid #fff;background:#fff}.cbt-progressbar .cbt-step.cbt-active:before{-webkit-animation-name:cbtProgressbar;animation-name:cbtProgressbar;-webkit-animation-duration:.6s;animation-duration:.6s}@-webkit-keyframes cbtProgressbar{0%{transform:scale(.5)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes cbtProgressbar{0%{transform:scale(.5)}50%{transform:scale(1.2)}to{transform:scale(1)}}.cbtOverlay{display:none;position:fixed;z-index:999999999;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#000000d9;-webkit-animation-name:cbtModalOverlayAppear;animation-name:cbtModalOverlayAppear;-webkit-animation-duration:.3s;animation-duration:.3s}.cbtOverlay.is-open{display:block}@-webkit-keyframes cbtModalOverlayAppear{0%{background-color:#0000}to{background-color:#000000d9}}@keyframes cbtModalOverlayAppear{0%{background-color:#0000}to{background-color:#000000d9}}.cbtModal{position:relative;width:100%;height:100%;padding:2%;background:#191919;color:#fff;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-animation-name:cbtModalAppear;animation-name:cbtModalAppear;-webkit-animation-duration:.6s;animation-duration:.6s}@-webkit-keyframes cbtModalAppear{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}@keyframes cbtModalAppear{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}.cbtClose{position:absolute;color:#fff;font-size:28px;line-height:28px;font-weight:700;top:0;right:10px}@media (min-width: 640px){.cbtClose{right:20px;top:8px}}.cbtClose:hover,.cbtClose:focus{transform:scale(1.2);text-decoration:none;cursor:pointer}.cbtBody{padding-top:20px;text-align:center}@media (max-width: 767px){.cbtBody{padding-top:0}}.cbtBody{flex:100%}.cbtResult-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center;height:90%;max-height:500px;width:100%;max-width:680px;margin:0 auto;position:absolute;left:50%;top:calc(50% + 34px);transform:translate(-50%,-50%)}.cbtResult{margin:20px;width:calc(100% - 40px);background:#00000080;min-height:100%;display:flex;flex-direction:column;justify-content:space-around;overflow-y:auto}@media only screen and (min-width: 769px){.cbtResult{margin:40px;width:calc(100% - 80px)}}.cbtResult-signupFields{display:flex;flex-direction:column;align-items:center}.cbtResult-signupFields-field{padding:0 18px;width:100%;max-width:560px;font-size:17px}@media only screen and (min-width: 769px) and (max-width: 959px){.cbtResult-signupFields-field{padding:0 40px}}.cbtModal h2{margin:0 20px}.cbtBody{width:50%;overflow:hidden}.cbtTest{display:flex;flex-direction:column;position:relative;max-height:calc(100% - 60px)}.cbtTest circle,.cbtPresentationImage circle{transform-box:fill-box}.cbtModal input{background-color:#ccc}.cbt-answer-button:hover{-webkit-animation:pulsate 1.2s linear infinite;animation:pulsate 1.2s linear infinite}.cbt-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;-webkit-transform:translateY(3px);transform:translateY(3px);-webkit-animation:none;animation:none}@-webkit-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}}@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}}.cbtPresentationImage{margin:0 auto 25.5px;background:#fff;border-radius:50%;display:block;width:100%;height:auto;transition:opacity 1s;max-width:210px;max-height:210px}.cbtPresentationImage.is-loaded{opacity:1!important;visibility:visible!important}@media only screen and (min-width: 769px){.cbtPresentationImage{position:absolute;top:-130px;right:20px}}@media only screen and (min-width: 960px){.cbtPresentationImage{top:-150px;max-width:250px;max-height:250px}}@media only screen and (min-width: 1050px){.cbtPresentationImage{top:-200px;max-width:333px;max-height:333px}}.cbt-inputGroupBtn{margin-top:10px;display:flex;flex-direction:column}@media (min-width: 460px){.cbt-inputGroupBtn{flex-direction:row}}#Email-cbt{color:#000;border:none;flex:1}.cbt-submit{height:43px;margin:10px 0 0;box-shadow:none;font-size:15px}@media (min-width: 460px){.cbt-submit{margin-top:0}}.cbtTextLink{display:inline-block;color:#fff;font-size:12px;border-bottom:1px solid #fff}.cbtTextLink:hover,.cbtTextLink:active,.cbtTextLink:focus{color:#fff}
/*# sourceMappingURL=/cdn/shop/t/19/assets/color-blind-test.scss.css.map */