.skin-quiz{display:block;scroll-margin-top:20rem}.skin-quiz [hidden]{display:none!important}.skin-quiz__shell{padding-bottom:clamp(5rem,8vw,9rem);padding-top:clamp(4rem,7vw,8rem)}.skin-quiz__intro,.skin-quiz__form,.skin-quiz__results{margin:0 auto;max-width:104rem}.skin-quiz__intro{max-width:76rem;text-align:center}.skin-quiz__eyebrow,.skin-quiz__group-kicker,.skin-quiz__card-kicker{color:var(--skin-quiz-accent);font-size:1.2rem;font-weight:700;letter-spacing:.14em;margin:0 0 1rem;text-transform:uppercase}.skin-quiz__title,.skin-quiz__results-title{margin:0}.skin-quiz__intro-copy,.skin-quiz__results-copy{font-size:1.8rem;margin:2rem auto 0;max-width:68rem}.skin-quiz__intro-points{align-items:center;display:flex;flex-wrap:wrap;gap:1.2rem 2.4rem;justify-content:center;margin:3rem 0;padding:0}.skin-quiz__intro-points li{align-items:center;display:flex;gap:.8rem}.skin-quiz__intro-points svg{color:var(--skin-quiz-accent);height:1.4rem;width:1.4rem}.skin-quiz .button:not(.button--secondary){background:var(--skin-quiz-accent);color:var(--skin-quiz-accent-contrast)}.skin-quiz__start{min-width:24rem}.skin-quiz__progress{margin:0 auto 4rem;max-width:76rem}.skin-quiz__progress-label{display:flex;font-size:1.3rem;justify-content:space-between;margin-bottom:.8rem}.skin-quiz__progress-track{background:rgba(var(--color-foreground),.12);border-radius:999px;height:.6rem;overflow:hidden}.skin-quiz__progress-track span{background:var(--skin-quiz-accent);border-radius:inherit;display:block;height:100%;transition:width .18s ease;width:12.5%}.skin-quiz__question{border:0;margin:0 auto;max-width:86rem;padding:0}.skin-quiz__question legend{font-family:var(--font-heading-family);font-size:clamp(2.6rem,4vw,4.2rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:1.15;margin:0 auto;max-width:76rem;text-align:center}.skin-quiz__question legend:focus{outline:none}.skin-quiz__question-help{margin:1.2rem auto 0;max-width:64rem;text-align:center}.skin-quiz__choices{display:grid;gap:1.2rem;margin:3.2rem auto 0;max-width:76rem}.skin-quiz__choices--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-quiz__choices--grid .skin-quiz__choice:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc(50% - .6rem)}.skin-quiz__choices--binary{grid-template-columns:repeat(2,minmax(0,24rem));justify-content:center}.skin-quiz__choice{cursor:pointer;display:block;position:relative}.skin-quiz__choice input{height:1px;opacity:0;position:absolute;width:1px}.skin-quiz__choice span{align-items:center;background:rgba(var(--color-background),.9);border:1px solid rgba(var(--color-foreground),.22);border-radius:1.2rem;display:flex;font-size:1.7rem;justify-content:center;min-height:6.4rem;padding:1.4rem 2rem;text-align:center;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.skin-quiz__choice:hover span{border-color:var(--skin-quiz-accent);transform:translateY(-1px)}.skin-quiz__choice input:focus-visible+span{outline:.2rem solid var(--skin-quiz-accent);outline-offset:.3rem}.skin-quiz__choice input:checked+span{border-color:var(--skin-quiz-accent);box-shadow:inset 0 0 0 .2rem var(--skin-quiz-accent);font-weight:700}.skin-quiz__validation{color:#b42318;margin:1.6rem 0 0;text-align:center}.skin-quiz__controls{display:flex;gap:1.2rem;justify-content:center;margin-top:3.2rem}.skin-quiz__controls .button{min-width:16rem}.skin-quiz__results>.skin-quiz__eyebrow,.skin-quiz__results-title,.skin-quiz__results>.skin-quiz__results-copy{text-align:center}.skin-quiz__offer{background:#10394814;border:1px solid rgba(16,57,72,.24);border-radius:1.2rem;color:#103948;margin:3rem auto 0;max-width:76rem;padding:1.8rem 2.2rem;text-align:center}.skin-quiz__offer p{margin:0}.skin-quiz__offer-label{font-size:1.2rem;font-weight:700;letter-spacing:.12em;margin-bottom:.4rem!important;text-transform:uppercase}.skin-quiz__warning{background:#bb84001a;border-left:.4rem solid #bb8400;margin:3.2rem auto 0;max-width:86rem;padding:2rem 2.4rem}.skin-quiz__warning h3,.skin-quiz__warning p{margin:0}.skin-quiz__warning p{margin-top:.8rem}.skin-quiz__result-group{border-top:1px solid rgba(var(--color-foreground),.14);margin-top:4.8rem;padding-top:4.8rem}.skin-quiz__group-heading{align-items:end;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2.8rem}.skin-quiz__group-heading h3,.skin-quiz__consultation h3{margin:0}.skin-quiz__product-grid,.skin-quiz__treatment-grid{display:grid;gap:2rem;grid-template-columns:repeat(3,minmax(0,1fr))}.skin-quiz__product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.skin-quiz__product-card,.skin-quiz__treatment-card{background:rgba(var(--color-background),.9);border:1px solid rgba(var(--color-foreground),.14);border-radius:1.4rem;overflow:hidden}.skin-quiz__product-image{aspect-ratio:4 / 3;background:rgba(var(--color-foreground),.04);display:block}.skin-quiz__product-image img{height:100%;object-fit:contain;width:100%}.skin-quiz__product-content,.skin-quiz__treatment-card{padding:1.6rem}.skin-quiz__product-content h5,.skin-quiz__treatment-card h4{margin:0}.skin-quiz__product-content h5 a{color:inherit;text-decoration:none}.skin-quiz__product-price{margin:.8rem 0 1.4rem}.skin-quiz__product-actions{display:block}.skin-quiz__product-actions .button{min-height:4.4rem;min-width:0;padding:0 1.2rem;width:100%}.skin-quiz__treatment-card{display:flex;flex-direction:column}.skin-quiz__treatment-card>p:not(.skin-quiz__card-kicker){flex:1}.skin-quiz__consultation{align-items:center;background:var(--skin-quiz-accent);border-radius:1.6rem;color:var(--skin-quiz-accent-contrast);display:flex;gap:3rem;justify-content:space-between;margin-top:4.8rem;padding:clamp(2.4rem,5vw,4.8rem)}.skin-quiz__consultation p{margin:1rem 0 0}.skin-quiz__consultation .button{background:var(--skin-quiz-accent-contrast);color:var(--skin-quiz-accent);flex:0 0 auto}.skin-quiz__disclaimer{font-size:1.2rem;margin:2.4rem auto 0;max-width:76rem;opacity:.75;text-align:center}.skin-quiz__restart{display:block;margin:2rem auto 0}.skin-quiz__cart-status{font-weight:700;margin-top:1.6rem;text-align:center}.skin-quiz__noscript{margin-top:2rem}@media screen and (max-width:989px){.skin-quiz__product-grid,.skin-quiz__treatment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-quiz__product-actions{grid-template-columns:1fr}}@media screen and (max-width:749px){.skin-quiz{scroll-margin-top:10rem}.skin-quiz__shell{padding-bottom:4rem;padding-top:3.2rem}.skin-quiz__intro-copy,.skin-quiz__results-copy{font-size:1.6rem}.skin-quiz__choices--grid,.skin-quiz__choices--binary,.skin-quiz__product-grid,.skin-quiz__treatment-grid{grid-template-columns:1fr}.skin-quiz__choices--grid .skin-quiz__choice:last-child:nth-child(odd){grid-column:auto;width:100%}.skin-quiz__controls,.skin-quiz__group-heading,.skin-quiz__consultation{align-items:stretch;flex-direction:column}.skin-quiz__controls .button,.skin-quiz__group-heading .button,.skin-quiz__consultation .button{width:100%}}@media(prefers-reduced-motion:reduce){.skin-quiz__progress-track span,.skin-quiz__choice span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/skin-questionnaire.css.map */