.color-variant-hdr-button-wrap{display:flex;justify-content:space-between}#color-quiz-modal{z-index:80000}.color-quiz-modal{background-color:#23232780;color:#232327;z-index:800001}.color-quiz-modal__table-centered{text-align:center}@media screen and (max-width:989px){#color-quiz-modal{background-color:#000}#color-quiz-modal .modal__card{transform:translateY(0)}}.color-quiz-modal .mm-modal-container{overflow-y:hidden;display:flex;flex-direction:column;padding:0}@media screen and (max-width:47.99em){.color-quiz-modal .mm-modal-container.large-modal{padding:0;height:100vh;max-height:100vh;height:100dvh;max-height:100dvh}}.color-quiz-modal .mm-modal-header{position:sticky;top:0;background-color:#fff;z-index:10;flex-shrink:0;margin:0;padding:1.6rem 0 0}@media screen and (max-width:749px){.color-quiz-modal .mm-modal-header{padding:1.6rem 1.6rem 0}}.color-quiz-modal .mm-modal-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.color-quiz-modal .modal__header-main{position:relative;width:100%;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;min-height:3.2rem}@media screen and (min-width:990px){.modal__header.modal__header-main{padding-left:2rem;padding-right:2rem}.modal__header.modal__header-main.step_0{padding-left:0}}.color-quiz-modal .modal__header{padding-bottom:0;background-color:#fff}@media screen and (max-width:989px){.color-quiz-modal .cq-results .modal__header{position:fixed;top:0;left:0;width:100%}}@media screen and (min-width:990px){.color-quiz-modal .cq-results .modal__header{padding-top:0;padding-left:0}.cq-results .modal__title{text-align:left}}.modal__close-trigger{background-color:transparent;min-width:fit-content;color:#232327;padding:0;z-index:6;margin-top:-1rem}@media screen and (max-width:749px){.modal__close-trigger{margin-right:-.8rem}}#color-quiz-title{margin-top:0;margin-bottom:0;line-height:1.33}.step_1 #color-quiz-title,.step_2 #color-quiz-title,.step_3 #color-quiz-title{text-align:center;padding-left:0}.cq-header-2{text-align:center;width:70%}.step_0 .cq-header-2{text-align:left}.step_0 .cq-header-1{display:none}.step_1 .cq-header-1,.step_2 .cq-header-1,.step_3 .cq-header-1,.step_1 .cq-header-3,.step_2 .cq-header-3,.step_3 .cq-header-3{width:15%}.cq-header-3{display:flex;justify-content:flex-end}@media screen and (max-width:749px){#color-quiz-title{margin-top:0;margin-bottom:0}}@media screen and (max-width:989px){.color-quiz-modal h5{margin-bottom:0}}.color-quiz-modal .color-guide{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding-bottom:0}.color-guide-intro{flex-shrink:0;margin-bottom:2.4rem;padding:0 1.6rem}@media screen and (max-width:749px){.color-guide-intro{padding-left:1.6rem;padding-right:1.6rem}}@media screen and (min-width:750px){.color-guide-intro{padding:0}}.color-quiz-modal .table-outer-cq{flex:1;min-height:0;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2.4rem}@media screen and (max-width:749px){.color-quiz-modal .table-outer-cq{padding-bottom:1.6rem}}.color-quiz-modal .popup-table{margin-bottom:0}.color-quiz-modal .table-outer-cq thead{position:sticky;top:0;background-color:#fff;z-index:2}.color-quiz-modal tbody td{padding:.8rem;font-size:1.4rem;line-height:1.42}.color-quiz-modal .filter-color-swatch{display:inline-block;width:3.4rem;height:3.4rem;min-width:3.4rem;min-height:3.4rem;border-radius:50%;background-size:100%;background-repeat:no-repeat}.lens-color-with-swatch{display:flex;align-items:center;gap:.8rem;white-space:nowrap;margin:0;font-size:1.4rem;font-weight:400;line-height:1.42}@media screen and (max-width:749px){.color-swatch-color-name{white-space:normal}}.color-guide-conditions{display:flex;align-items:center;gap:.8rem;white-space:nowrap;margin:0;font-size:1.4rem;font-weight:400;line-height:1.42}@media screen and (max-width:749px){.color-guide-conditions{gap:.4rem}.color-guide-conditions .color-guide-conditions-text{white-space:normal;text-align:left}}.color-guide-conditions img,.color-guide-conditions svg{width:2.8rem;height:2.8rem}.cg-table-col-1{width:34%}.cg-table-col-2,.cg-table-col-3{width:21%}.cg-table-col-4{width:24%}@media screen and (max-width:749px){.cg-table-col-1{width:40%;padding-left:1.6rem}.cg-table-col-2{width:16%}.cg-table-col-3{width:12%}.cg-table-col-4{width:32%}.show-color-quiz{width:100%}}.lens-compare-table-hdr .tooltip-content{top:calc(100% + .8rem);bottom:unset}.lens-compare-table-hdr .tooltip-arrow{top:-5px;bottom:unset;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid rgba(16,16,16,.95);border-top:none}.lens-compare-table-hdr .vlt-info-link{vertical-align:middle}.lens-compare-table-hdr .vlt-info-link .svg-wrapper{color:rgb(var(--color-foreground));width:1.5rem;height:1.5rem;transform:translateY(1.5px)}.color-guide-quiz-promo{flex-shrink:0;position:sticky;bottom:0;left:0;right:0;padding:0;background:#fff;box-shadow:0 -4px 4px #0000001a;z-index:5;margin-top:0}@media screen and (min-width:768px){.color-guide-quiz-promo{width:calc(100% + 3.2rem);margin-left:-1.6rem;transform:translateY(1.6rem)}}.color-guide-quiz-promo-inner{padding:.8rem 1.6rem 1.6rem}@media screen and (min-width:750px){.color-guide-quiz-promo-inner{padding:1.6rem 2rem}}@media screen and (max-width:749px){.color-guide-quiz-promo-inner{padding:1.2rem 1.6rem calc(1.2rem + env(safe-area-inset-bottom))}}.color-guide-quiz-promo h3{margin-top:0;margin-bottom:.8rem;font-size:2rem;line-height:1.6}@media screen and (max-width:400px){.color-guide-quiz-promo h3{font-size:1.8rem}}.color-guide-quiz-promo p:first-of-type{margin-top:0}.color-guide-quiz-promo p:last-of-type{margin-bottom:0}.color-guide-quiz-promo-text{margin-bottom:1.6rem}.color-quiz-modal .modal__card{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:block;background-color:#fff;max-width:100%;width:748px;padding:0;margin-left:auto;margin-right:auto}@media screen and (max-width:989px){.color-quiz-modal .modal__card{width:100%;max-width:100%;height:calc(100vh - 4.8rem);max-height:calc(100vh - 4.8rem);height:calc(100dvh - 4.8rem);max-height:calc(100dvh - 4.8rem)}.color-quiz-modal .modal__body{padding-left:0;padding-right:0}}@media screen and (max-width:749px){.cq-questions-wrap-outer{padding-left:1.6rem;padding-right:1.6rem}}.color-quiz-modal .modal__contents{position:relative;width:100%;height:100%}@media screen and (min-width:750px){.color-quiz-modal .modal__body-scroll{height:auto}}.cq-quiz-wrap-inner{max-width:100%;margin:0 auto}@media screen and (max-width:989px){.cq-quiz-wrap-inner{margin-top:0}}.quiz-main{width:100%}.cq-progress-bar,.cq-progress-bar-label{width:282px;max-width:90%;margin:1em auto 0;position:relative}.cq-progress-bar-label{margin-top:2.5rem}.cq-progress-bar:before{content:"";position:absolute;top:0;left:0;height:5px;width:33.33%;background-color:#232326;z-index:1}.cq-progress-bar:after{content:"";position:absolute;top:0;left:0;height:5px;width:100%;background-color:#d9d9d9;z-index:0}.cq-progress-bar-circle{position:absolute;width:10px;height:10px;border:#232326 solid 2px;border-radius:50%;background-color:#fff;z-index:2;top:-2.5px;left:calc(33% - 5px)}.cq-step-2 .cq-progress-bar:before{width:66.66%}.cq-step-2 .cq-progress-bar .cq-progress-bar-circle{left:calc(66% - 5px)}.cq-step-1-label,.cq-step-2-label{display:none;text-align:center}.cq-step-1 .cq-step-1-label{display:block;transform:translate(-16.66%)}.cq-step-2 .cq-step-2-label{display:block;transform:translate(16.66%)}.cq-questions-wrap-outer{overflow:hidden;width:768px;max-width:100%;margin:1.6rem auto;transform:translate(0)}.quiz-main-inner .modal__body{width:524px;max-width:100%;margin:0 auto;overflow:hidden}.cq-questions-wrap{display:flex;position:relative;width:100%;overflow:hidden;min-height:400px}.cq-question{text-align:center;width:524px;min-width:524px;max-width:100%;margin:0;transition:all ease-in .2s;transform:translate(0);flex-shrink:0;position:absolute;left:0;top:0}.cq-question.current{position:relative}@media screen and (max-width:749px){.cq-question{width:calc(100vw - 3.2rem);min-width:calc(100vw - 3.2rem)}.cq-question h6{padding:0 2.4rem}}.cq-screen{width:840px;max-width:100%;margin:0 auto;transition:all ease-in .2s;transform:translate(0)}@media screen and (max-width:989px){.cq-screen{width:100vw}}.off-left{transform:translate(-150%)}.off-right{transform:translate(150%)}.cq-question h6{margin:0 auto 2.4rem}.cq-questions{list-style:none;margin:0 auto;padding:0;display:grid;gap:1.6rem;grid-template-columns:repeat(3,1fr)}@media screen and (max-width:767px){.cq-questions{grid-template-columns:repeat(2,1fr)}}.cq-questions label{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:9.9rem;background-color:#fff;color:#000;font-size:18px;line-height:1.35;padding:.4rem 1.6rem;border-radius:2px;border:1px solid #D1D5DB;transition:all ease-in .1s;cursor:pointer}.cq-questions label:active{background-color:#f6f4f3}.cq-questions label svg.icon.large{width:50px;height:50px}@media screen and (max-width:989px){.cq-questions label{height:9.6rem;padding:.9rem .4rem .4rem;display:block}}.cq-questions label:hover,.cq-questions input:checked+label{background-color:#f6f4f3}.cq-questions label:focus,.cq-questions input:focus+label,.cq-questions input:focus-within+label{border-color:rgb(var(--color-foreground));outline:none;box-shadow:none}.cq-question-input{position:absolute;opacity:0}.cq-question-2 label .svg-label-text{transform:translateY(-.7rem)}.cq-questions label svg{width:56px;height:56px;display:block;margin:0 auto}@media screen and (max-width:989px){.cq-questions label svg{width:50px;height:50px}.cq-question-2 label{display:flex;height:10.4rem;padding:2rem .4rem}.cq-question-2 label .svg-label-text{line-height:1.25}.cq-question-2 label svg{width:50px;height:50px}.cq-question-2 label .icon-cloudy{transform:translateY(.3rem)}}.color-quiz-fieldset{margin:0;padding:0;border:0}.step-back{display:none;color:#000;z-index:2;border:none;background-color:transparent;padding:4px;cursor:pointer;margin-top:-.4rem}.cq-reset{display:none;font-family:var(--font-body-family);font-size:1.6rem;font-weight:500;line-height:1.5;color:#000;z-index:2;border:none;background-color:transparent;cursor:pointer;margin-top:1.2rem;margin-bottom:2.8rem}.cq-reset svg{display:inline-block;vertical-align:middle;margin-right:.8rem;width:2.4rem;height:2.4rem}@media screen and (max-width:989px){.cq-reset{top:2rem;right:unset}}.cq-reset-text{text-decoration:underline;text-underline-offset:.275em;text-decoration-thickness:1px}.color-quiz-results-description{margin-bottom:1.6rem}@media screen and (max-width:749px){.color-quiz-results-description{padding-left:1.6rem;padding-right:1.6rem}}.cq-result{padding-bottom:2.4rem}@media screen and (max-width:749px){.cq-result{padding:0 1.6rem 2.7rem}.cq-result-details{margin-bottom:1rem}}@media screen and (min-width:990px){.cq-result{padding-top:2.4rem}.cq-result:first-of-type{padding-top:.5rem}}.cq-result strong{font-weight:bolder}.cq-result h6{margin-bottom:.3rem}.cq-result-wrap{display:flex;flex-direction:column;gap:1.6rem}@media screen and (min-width:990px){.cq-result-wrap{flex-direction:row;gap:1.6rem}}.cq-result-wrap .button,.cq-button{width:100%}.cq-result-img-title{gap:2.4rem;align-items:stretch}@media screen and (max-width:749px){.cq-result-img-title{flex-direction:column-reverse;padding-bottom:.4rem}}@media screen and (min-width:990px){.cq-result-img-title{width:calc(50% - 1.6rem)}}.cq-result-img{background-color:#f6f4f3}@media screen and (max-width:749px){.cq-result-img{margin-top:1.6rem;margin-bottom:2.4rem}}@media screen and (min-width:750px){.cq-result-img{width:50%}}.cq-result-img img{display:block;mix-blend-mode:multiply;max-width:100%;height:auto;aspect-ratio:1 / 1}.cq-result-title h6{font-size:1.6rem;margin:0 0 .4rem}.cq-result-details h6:last-of-type{margin-bottom:1.6rem}.cq-result-title h3{margin-top:0;margin-bottom:.8rem}@media screen and (min-width:750px){.cq-result-title h3{font-size:2rem;font-weight:500}}.cq-result-icons{width:100%;margin-top:1.6rem}.color-quiz-modal .btn{background-color:#000;color:#fff}.cq-result-icon-wrap{display:flex;align-items:center;margin-bottom:.2rem;column-gap:.8rem}@media screen and (max-width:749px){.cq-result-icon-wrap{column-gap:5px}}.cq-result-icon{width:60px;min-width:60px;text-align:center}.cq-result-text{flex-grow:1}.icon-sunshine{transform:translateY(3px);margin-top:-.5em;margin-bottom:-.5em}.icon-activity.icon .d{fill:none}@media screen and (max-width:989px){.icon-activity.icon{display:block;margin:0 auto;width:30px;height:30px}}.no-results{padding:1.6rem}.cq-result-1,.cq-question-1 h6,.cq-question-2 h6,.cq-question-3 h6{scroll-margin-top:8.2rem}.hr-cq{margin:-1.6rem auto 2.4rem}@media screen and (min-width:990px){.hr-cq{margin:.8rem auto 3rem}}.hr-cq-0{display:none;margin:0}.cq-email-results-wrap{display:none;flex-shrink:0;position:sticky;bottom:0;left:0;width:100%;background-color:#fff;background:var(--Background-White, #FFF);box-shadow:0 -4px 4px #0000001a;z-index:5}@media screen and (min-width:768px){.cq-email-results-wrap{width:calc(100% + 3.2rem);margin-left:-1.6rem;transform:translateY(1.6rem)}}@media screen and (max-width:749px){.cq-email-results-wrap{box-shadow:0 0 12px #0000004d}}.cq-email-results{margin:0 auto;padding:1.9rem 5%;width:840px;max-width:100%}@media screen and (min-width:990px){.cq-email-results{padding:2.7rem 3% 2rem}}@media screen and (min-width:750px){.cq-email-results{padding:2.7rem 2rem 2rem}}.cq-email-intro h6{margin-top:0;margin-bottom:.7rem;font-size:2rem;font-weight:500;line-height:1.6}.cq-email-intro p{font-size:1.3rem;line-height:1.4;margin-top:.5rem;margin-bottom:.8rem}@media screen and (max-width:749px){.cq-email-intro{display:none}}.cq-email-form .newsletter-callout__input-group{flex-flow:row nowrap}.cq-email-form .newsletter-callout__field{flex-grow:2}@media screen and (max-width:989px){.cq-email-form .newsletter-callout__field{margin-bottom:0;flex-grow:1}.cq-email-form .newsletter-callout__field .newsletter-callout__input{padding:.9rem 1rem .8rem}.cq-email-form .newsletter-callout__field:focus-within .newsletter-callout__input{padding:1.6rem 1.2rem .3rem}}.cq-email-form .newsletter-callout__input-group input[type=email]{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.cq-email-form .input-group__addon{width:auto}.cq-email-form .color-quiz-email-button{height:48px;min-width:auto;width:auto;padding-left:3.2rem;padding-right:3.2rem;font-size:1.6rem;font-weight:500}.color-quiz-opt-in{margin-top:.7rem}.color-quiz-opt-in label{padding-top:.25rem}.cq-email-success-message{line-height:1.45}@media screen and (min-width:750px){.cq-email-success-message{margin-top:.8rem}}.color-quiz-interrupt{position:fixed;top:0;left:0;right:0;bottom:0;max-height:100vh;max-height:100dvh;background-color:#00000040;display:flex;justify-content:center;align-items:center;z-index:15}.color-quiz-interrupt-inner{width:358px;max-width:100%;padding:2.4rem 1.6rem;background-color:#fff}.color-quiz-interrupt-inner h3{margin-top:0;margin-bottom:2.6rem}.color-quiz-interrupt-text{margin-left:2.4rem;margin-right:2.4rem}.color-quiz-interrupt-btns{margin-top:2.6rem;display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}.color-quiz-interrupt-btns button{width:100%;font-size:1.6rem;font-weight:500;letter-spacing:0;padding-left:1rem;padding-right:1rem}.quiz-hide{display:none;margin:0;padding:0}.quiz-hide *{margin:0;padding:0}button.mobile-only{margin-top:1.6rem}@media screen and (max-height:600px){.color-guide-quiz-promo-inner,.cq-email-results{padding-top:.8rem;padding-bottom:.8rem}.color-guide-quiz-promo h3{font-size:1.6rem;margin-bottom:.4rem}.color-guide-quiz-promo-text{margin-bottom:.8rem;font-size:1.3rem}}@media screen and (max-height:500px){.color-guide-quiz-promo-text{display:none}.color-guide-intro{margin-bottom:.8rem}.color-guide-quiz-promo-inner{padding:.6rem 1.6rem}}@media screen and (max-width:749px)and (max-height:500px)and (orientation:landscape){.color-guide-quiz-promo h3{font-size:1.4rem;margin-bottom:.2rem}.show-color-quiz{padding:.8rem 1.6rem}}.color-quiz-modal .table-outer-cq,.color-quiz-modal .modal__body-scroll{scroll-behavior:smooth}.color-quiz-modal .cq-result-scroll{overflow-anchor:none}
/*# sourceMappingURL=/cdn/shop/t/525/assets/color-quiz-modal.css.map */