.s-quiz .section__inner{max-width:40rem;margin-inline:auto}@media(prefers-reduced-motion:no-preference){.s-quiz .section__inner>*{animation:s-quiz-enter .7s cubic-bezier(.22,1,.36,1) backwards}.s-quiz .section__inner>*+*{animation-delay:.15s}}@keyframes s-quiz-enter{0%{opacity:0;transform:translateY(1.1rem)}}.s-quiz__intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-s);padding-block-end:var(--space-xl)}.s-quiz__heading{text-transform:uppercase;letter-spacing:.08em}.s-quiz__noscript{display:block}.quiz{max-width:34rem;margin-inline:auto}.quiz__progress{position:relative;height:2px;color:var(--pop);margin-block-end:var(--space-s)}.quiz__progress-track{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:2px;opacity:var(--path-opacity)}.quiz__progress-fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--pop);box-shadow:0 0 8px var(--pop);transition:width .52s cubic-bezier(.22,1,.36,1)}.quiz__counter{font-family:var(--font-utility);font-size:max(var(--pop-text-floor),var(--step--1));letter-spacing:var(--track-utility);text-transform:uppercase;color:var(--pop)}.quiz__step{border:0;padding:0;margin:0}.quiz__prompt{font-family:var(--font-display);font-weight:400;letter-spacing:var(--track-display);font-size:var(--step-2);line-height:var(--leading-display);padding:0;margin-block:var(--space-s) var(--space-l)}.quiz__options{display:flex;flex-direction:column;gap:var(--space-xs)}.quiz__option{display:flex;align-items:center;gap:var(--space-xs);min-height:var(--tap-min);padding:var(--space-2xs) var(--space-m);background:transparent;border:1px solid rgb(35 18 11 / .25);border-radius:999px;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .12s cubic-bezier(.22,1,.36,1)}.quiz__option:hover{border-color:var(--pop)}.quiz__option:active{background:#3f6b6214;transform:scale(.98);transition-duration:80ms}.quiz__option input{accent-color:var(--pigment);width:1.25rem;height:1.25rem;flex-shrink:0}.quiz__option:has(input:checked){border-color:var(--pop);background:#3f6b6214}.quiz__option:has(input:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-offset)}.quiz__controls{display:flex;justify-content:space-between;gap:var(--space-s);margin-block-start:var(--space-l)}.quiz .quiz__controls .button[hidden]{display:none}.quiz__controls [data-quiz-next]{margin-inline-start:auto}@media(prefers-reduced-motion:no-preference){.quiz__prompt{animation:quiz-rise .48s cubic-bezier(.22,1,.36,1) backwards}.quiz__option{animation:quiz-deal .52s cubic-bezier(.34,1.56,.64,1) backwards}.quiz__option:nth-child(1){animation-delay:.1s}.quiz__option:nth-child(2){animation-delay:.18s}.quiz__option:nth-child(3){animation-delay:.26s}.quiz__option:nth-child(4){animation-delay:.34s}.quiz__option:nth-child(5){animation-delay:.42s}.quiz__option:has(input:checked){animation:quiz-thunk .28s cubic-bezier(.34,1.56,.64,1)}.quiz [data-quiz-error]:not([hidden]){animation:quiz-shake .34s cubic-bezier(.36,.07,.19,.97)}.quiz__result>*{animation:quiz-rise .56s cubic-bezier(.22,1,.36,1) backwards}.quiz__result>*:nth-child(2){animation-delay:.1s}.quiz__result>*:nth-child(3){animation-delay:.2s}.quiz__result>*:nth-child(4){animation-delay:.3s}.quiz__result>*:nth-child(5){animation-delay:.4s}.quiz__result .quiz__result-title{animation:quiz-win .64s cubic-bezier(.34,1.56,.64,1) .1s backwards}}@keyframes quiz-rise{0%{opacity:0;transform:translateY(.9rem)}}@keyframes quiz-deal{0%{opacity:0;transform:translateY(1.2rem) scale(.95)}}@keyframes quiz-thunk{45%{transform:scale(1.04,.96)}}@keyframes quiz-shake{20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes quiz-win{0%{opacity:0;transform:translateY(1rem) scale(.94)}}.quiz__result[hidden]{display:none}.quiz__result{display:flex;flex-direction:column;gap:var(--space-s);align-items:flex-start;background:transparent;border-block:2px solid rgb(35 18 11 / .25);padding:var(--space-l) 0}.quiz__result--repair{border-color:var(--fn-mask)}.quiz__result--hydration{border-color:var(--fn-condition)}.quiz__result--balance{border-color:var(--fn-scalp)}.quiz__result--definition{border-color:var(--fn-oils)}.quiz__result-title{font-size:var(--step-3);text-transform:uppercase;letter-spacing:.08em}.quiz__result-description{font-weight:500}.quiz__gate{margin:auto;width:min(92vw,26rem);border:0;padding:var(--space-l);background:var(--surface);color:var(--ink);border-radius:0 var(--card-radius) var(--card-radius) var(--card-radius);box-shadow:0 24px 48px #160b0659}.quiz__gate::backdrop{background:#23120b8c}@media(prefers-reduced-motion:no-preference){.quiz__gate[open]{animation:quiz-gate-rise .42s cubic-bezier(.22,1,.36,1)}}@keyframes quiz-gate-rise{0%{opacity:0;transform:translateY(1.1rem)}}.quiz__gate-close{position:absolute;top:var(--space-3xs);inset-inline-end:var(--space-3xs);width:var(--tap-min);height:var(--tap-min);padding:0;border:0;background:none;color:var(--ink);cursor:pointer}.quiz__gate-close:before,.quiz__gate-close:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:1px;background:currentColor}.quiz__gate-close:before{transform:translate(-50%,-50%) rotate(45deg)}.quiz__gate-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.quiz__gate-form{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-s)}.quiz__gate-heading{font-size:var(--step-2);text-transform:uppercase;letter-spacing:.08em}.quiz__gate-body{max-width:32ch}.quiz__gate-field{width:min(100%,22rem);text-align:left;margin-block-end:0}.quiz__gate-submit{min-width:min(100%,22rem)}.quiz__gate-success,.quiz__sent{font-weight:500;color:var(--pop)}.quiz__sent{margin-block-end:var(--space-s)}
/*# sourceMappingURL=/cdn/shop/t/21/assets/quiz.css.map */