cleansers-quiz{display:grid;grid-template-areas:"quizstack";position:relative;min-height:calc(100svh - 80px)}cleansers-quiz quiz-intro{display:grid;grid-area:quizstack;grid-template-areas:"introstack";background:#eeeded}cleansers-quiz quiz-intro .quiz-intro__box{grid-area:introstack;display:flex;padding-inline:16px;margin-inline:auto;max-width:1280px;width:100%;container-type:inline-size}@media(min-width:768px){cleansers-quiz quiz-intro .quiz-intro__box{padding-inline:24px}}@media(min-width:992px){cleansers-quiz quiz-intro .quiz-intro__box{padding-inline:32px}}cleansers-quiz quiz-intro .quiz-intro__bg-box{grid-area:introstack;display:flex;flex-direction:column}@media(max-width:1199px){cleansers-quiz quiz-intro .quiz-intro__bg-box{justify-content:flex-end}}@media(min-width:1200px){cleansers-quiz quiz-intro .quiz-intro__bg-box{display:grid;grid-template-columns:1fr auto}}cleansers-quiz quiz-intro .quiz-intro__bg{max-height:calc(var(--productsHeight, 100vh) - 48px - 32px - 48px)}@media(min-width:1200px){cleansers-quiz quiz-intro .quiz-intro__bg{max-height:calc(100vh - 80px);grid-column:2}}cleansers-quiz quiz-intro .quiz-intro__bg img{display:block;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}@media(min-width:576px)and (max-width:1199px){cleansers-quiz quiz-intro .quiz-intro__bg img{-o-object-fit:contain;object-fit:contain}}cleansers-quiz quiz-intro .quiz-intro__content{display:flex;flex-direction:column;justify-content:flex-start;position:relative;z-index:1;width:100%}@media(max-width:1199px){cleansers-quiz quiz-intro .quiz-intro__content{max-width:384px;margin-inline:auto}}@media(min-width:1200px){cleansers-quiz quiz-intro .quiz-intro__content{max-width:46cqw;justify-content:center}}cleansers-quiz quiz-intro .quiz-intro__content h1{font-family:FuturaPT-Heavy,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#231f20;line-height:1.2;letter-spacing:-.72px}@media(max-width:1199px){cleansers-quiz quiz-intro .quiz-intro__content h1{font-size:min(12cqw,48px);margin-top:24px;text-align:center}}@media(min-width:1200px){cleansers-quiz quiz-intro .quiz-intro__content h1{font-size:6.3cqw}}cleansers-quiz quiz-intro .quiz-intro__content p{font-family:FuturaPT-Book,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#231f20;font-size:min(6cqw,18px);line-height:1.5;margin-top:8px}@media(max-width:1199px){cleansers-quiz quiz-intro .quiz-intro__content p{text-align:center}}cleansers-quiz quiz-intro .quiz-intro__content button{font-family:FuturaPT-Heavy,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-size:.875rem;line-height:.875rem;background-color:#231f20;height:48px;padding:0 48px;display:inline-flex;width:auto;align-items:center;justify-content:center;border:1px solid #231f20;border-radius:24px;transition:all .32s ease;cursor:pointer;outline:none;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-top:24px}cleansers-quiz quiz-intro .quiz-intro__content button:hover,cleansers-quiz quiz-intro .quiz-intro__content button:focus-visible{color:#fff;background-color:#42403a;border-color:#42403a}@media(max-width:1199px){cleansers-quiz quiz-intro .quiz-intro__content button{margin-inline:auto}}cleansers-quiz quiz-intro .quiz-intro__content a{margin-top:24px;width:-webkit-max-content;width:-moz-max-content;width:max-content;text-decoration:underline;color:#42403a;transition:color .24s ease}cleansers-quiz quiz-intro .quiz-intro__content a:hover,cleansers-quiz quiz-intro .quiz-intro__content a:focus-visible{color:#a29f9a}@media(max-width:1199px){cleansers-quiz quiz-intro .quiz-intro__content a{margin-inline:auto}}cleansers-quiz quiz-questions{display:grid;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;padding-inline:16px;margin-inline:auto;max-width:1280px;grid-template-rows:32px 1fr;grid-area:quizstack;max-height:calc(100svh - 80px);height:100%;flex-direction:column;width:100%;opacity:0;display:none;transition:opacity .24s ease,display .24s allow-discrete;position:relative;overflow:hidden}@media(min-width:768px){cleansers-quiz quiz-questions{-webkit-column-gap:24px;-moz-column-gap:24px;column-gap:24px;padding-inline:24px}}@media(min-width:992px){cleansers-quiz quiz-questions{-webkit-column-gap:32px;-moz-column-gap:32px;column-gap:32px;padding-inline:32px}}cleansers-quiz quiz-questions:has(quiz-step:not([hidden])){opacity:1;display:grid}cleansers-quiz quiz-progress{display:flex;align-items:center;height:32px}cleansers-quiz quiz-progress-bar{display:flex;width:100%;gap:4px}cleansers-quiz progress-step{flex:1;background-color:#fcfaf7;height:4px;border-radius:2px;transition:background-color .24s ease}cleansers-quiz progress-step[seen]{background-color:#231f20}cleansers-quiz quiz-steps{display:grid;grid-template-areas:"stepstack";overflow:auto}cleansers-quiz quiz-step{grid-area:stepstack;display:block;height:100%}cleansers-quiz quiz-question-box{display:flex;flex-direction:column;gap:16px}@media(min-width:992px){cleansers-quiz quiz-question-box{gap:24px}}cleansers-quiz multiselect-question{display:block;text-align:center}cleansers-quiz multiselect-question h2{font-family:FuturaPT-Heavy,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:25px;line-height:1.4;color:#231f20;margin:16px 0 0}@media(min-width:992px){cleansers-quiz multiselect-question h2{font-size:27px}}cleansers-quiz multiselect-question p{font-family:FuturaPT-Book,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.4;color:#231f20;margin-top:8px;order:2}@media(min-width:992px){cleansers-quiz multiselect-question p{font-size:18px}}cleansers-quiz multiselect-answers{max-width:480px;margin-inline:auto;width:100%;padding-bottom:96px}cleansers-quiz multiselect-answers:has(multiselect-answer[text_only]){display:flex;flex-direction:column;gap:12px}@media(min-width:992px){cleansers-quiz multiselect-answers:has(multiselect-answer[text_only]){gap:24px}}cleansers-quiz multiselect-answers:has(multiselect-answer[icon_text]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:992px){cleansers-quiz multiselect-answers:has(multiselect-answer[icon_text]){gap:24px}}cleansers-quiz multiselect-answer{cursor:pointer}cleansers-quiz multiselect-answer input{visibility:hidden;position:absolute;opacity:0}cleansers-quiz multiselect-answer>label{cursor:pointer}cleansers-quiz multiselect-answer[icon_text]{transition:border .24s ease;border:1px solid #e4e2de;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}cleansers-quiz multiselect-answer[icon_text]>label{display:block;padding:16px;height:100%;cursor:pointer}cleansers-quiz multiselect-answer[icon_text] answer-icon{display:block;width:72px;height:72px;border-radius:36px;overflow:hidden;margin-inline:auto}cleansers-quiz multiselect-answer[icon_text] answer-icon img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}cleansers-quiz multiselect-answer[icon_text] answer-text{display:block;margin-top:12px;font-family:FuturaPT-Heavy,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.4;color:#231f20;text-align:center}@media(min-width:992px){cleansers-quiz multiselect-answer[icon_text] answer-text{font-size:18px}}cleansers-quiz multiselect-answer[icon_text] answer-description{display:block;font-family:FuturaPT-Book,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.4;color:#231f20;margin-top:2px;text-align:center}@media(min-width:992px){cleansers-quiz multiselect-answer[icon_text] answer-description{font-size:18px}}cleansers-quiz multiselect-answer[icon_text]:hover,cleansers-quiz multiselect-answer[icon_text]:focus-visible{border:1px solid #a29f9a}cleansers-quiz multiselect-answer[icon_text]:has(input:checked){border:1px solid #231f20}cleansers-quiz multiselect-answer[text_only]{display:block;border:1px solid #e4e2de;width:100%;margin-inline:auto;border-radius:8px;transition:border-color .24s ease}@media(min-width:768px){cleansers-quiz multiselect-answer[text_only]{gap:24px}}cleansers-quiz multiselect-answer[text_only]>label{display:grid;place-content:center;width:100%;padding:24px}cleansers-quiz multiselect-answer[text_only] answer-text{font-family:FuturaPT-Heavy,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;font-size:16px;line-height:1.4;color:#231f20}@media(min-width:992px){cleansers-quiz multiselect-answer[text_only] answer-text{font-size:18px}}cleansers-quiz multiselect-answer[text_only]:hover,cleansers-quiz multiselect-answer[text_only]:focus-visible{border-color:#231f20}cleansers-quiz multiselect-answer[text_only]:has(input:checked){border-color:#231f20}cleansers-quiz quiz-navigation{display:flex;width:100%;height:48px;position:absolute;bottom:16px;padding-inline:16px;align-items:center;justify-content:center;gap:12px;transition:gap .24s ease}@media(min-width:992px){cleansers-quiz quiz-navigation{bottom:24px}}cleansers-quiz quiz-navigation:has(button[back]:not([active])){gap:0}cleansers-quiz quiz-navigation>button{all:unset;display:grid;place-content:center;transition:all .24s ease;height:48px;border-radius:24px;font-family:FuturaPT-Demi,sans-serif;line-height:1;width:160px;cursor:pointer}@media(min-width:576px)and (max-width:767px){cleansers-quiz quiz-navigation>button{flex:1;max-width:240px}}cleansers-quiz quiz-navigation>button[disabled]{cursor:not-allowed}cleansers-quiz quiz-navigation>button[back]{background-color:#fff;color:#231f20;border:1px solid #e4e2de;-webkit-transform-origin:0 50%;transform-origin:0 50%;transition:opacity .24s ease,max-width .24s ease,display .12s allow-discrete;opacity:0;max-width:0;display:none}@starting-style{cleansers-quiz quiz-navigation>button[back]{opacity:0;max-width:0}}cleansers-quiz quiz-navigation>button[back][active]{opacity:1;max-width:240px;display:grid}cleansers-quiz quiz-navigation>button[back]:hover:not([disabled]),cleansers-quiz quiz-navigation>button[back]:focus-visible:not([disabled]){background-color:#fff;border-color:#a29f9a}@media(max-width:575px){cleansers-quiz quiz-navigation>button[back]{flex:0 0 48px;width:48px;position:relative}cleansers-quiz quiz-navigation>button[back]:before{content:"";background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjUwMDEgMy40OTk5NkMxNS42OTUzIDMuNjk1MjIgMTUuNjk1MyA0LjAxMTggMTUuNTAwMSA0LjIwNzA2QzE1LjUwMDEgNC4yMDcwNyAxNS41MDAxIDQuMjA3MDcgMTUuNTAwMSA0LjIwNzA3TDcuNzA3MDggMTJMMTUuNTAwMSAxOS43OTI5QzE1LjY5NTMgMTkuOTg4MSAxNS42OTUzIDIwLjMwNDcgMTUuNTAwMSAyMC41QzE1LjUwMDEgMjAuNSAxNS41MDAxIDIwLjUgMTUuNTAwMSAyMC41QzE1LjMwNDggMjAuNjk1MiAxNC45ODgyIDIwLjY5NTIgMTQuNzkzIDIwLjVMNi4yOTI5NyAxMkwxNC43OTMgMy40OTk5NkMxNC45ODgyIDMuMzA0NyAxNS4zMDQ4IDMuMzA0NyAxNS41MDAxIDMuNDk5OTZaIiBmaWxsPSIjMjMxRjIwIi8+Cjwvc3ZnPgo=);background-size:24px;background-repeat:no-repeat;background-position:center;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%}cleansers-quiz quiz-navigation>button[back] span{display:none}}cleansers-quiz quiz-navigation>button[next]{background-color:#231f20;color:#fff}cleansers-quiz quiz-navigation>button[next][disabled]{background-color:#a29f9a;color:#fff}cleansers-quiz quiz-navigation>button[next]:hover:not([disabled]),cleansers-quiz quiz-navigation>button[next]:focus-visible:not([disabled]){background-color:#42403a;color:#fff}@media(max-width:575px){cleansers-quiz quiz-navigation>button[next]{width:100%}}cleansers-quiz quiz-navigation>button>span{padding-inline:24px}cleansers-quiz quiz-navigation>button *{cursor:inherit}cleansers-quiz quiz-outro{grid-area:quizstack;display:block;min-height:calc(100svh - 80px)}cleansers-quiz quiz-outro .quiz-outro__box{display:flex;padding-inline:16px;margin-inline:auto;max-width:1280px;flex-direction:column;width:100%;max-width:480px;height:100%;align-items:center;justify-content:center}@media(min-width:768px){cleansers-quiz quiz-outro .quiz-outro__box{padding-inline:24px}}@media(min-width:992px){cleansers-quiz quiz-outro .quiz-outro__box{padding-inline:32px}}cleansers-quiz quiz-outro .quiz-outro__box img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:1}cleansers-quiz quiz-outro .quiz-outro__box p{font-family:FuturaPT-Heavy,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#231f20;font-size:25px;line-height:1.4}cleansers-quiz [slide]{transition:opacity .24s ease,display .24s allow-discrete}cleansers-quiz [slide][hidden]{opacity:0;display:none;transition:opacity .04s ease,display .04s allow-discrete}
/*# sourceMappingURL=/cdn/shop/t/448/assets/s-cleansers-quiz.css.map */