.skin-quiz{background-color:var(--skin-quiz-background);color:var(--skin-quiz-color);display:block;font-family:var(--font-graphik-family);font-weight:var(--font-body-weight);min-height:calc(100vh - var(--header-height, 0px) - 160px);min-height:calc(100svh - var(--header-height, 0px) - 160px);padding-bottom:var(--skin-quiz-padding-bottom);padding-top:var(--skin-quiz-padding-top)}.skin-quiz__container{margin:0 auto;max-width:calc(var(--skin-quiz-max-width) + 3rem);padding:0 1.5rem}.skin-quiz__inner,.skin-quiz__stage{display:block}.skin-quiz__progress,.skin-quiz__panel:not(.skin-quiz__panel--wide),.skin-quiz__nav{margin-left:auto;margin-right:auto;max-width:860px}.skin-quiz__empty{border:1px dashed var(--skin-quiz-border-color);margin:0;padding:40px 20px;text-align:center}.skin-quiz__panel{animation:skin-quiz-fade .38s cubic-bezier(.2,.7,.3,1) both}@keyframes skin-quiz-fade{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.skin-quiz__panel{animation:none}}.skin-quiz__eyebrow,.skin-quiz__count,.skin-quiz__why summary,.skin-quiz__row dt,.skin-quiz__product-step{color:var(--skin-quiz-muted-color);font-family:var(--font-graphik-family);font-size:11px;font-weight:var(--font-body-weight);letter-spacing:.16em;line-height:1.4;margin:0;text-transform:uppercase}.skin-quiz__title{color:var(--skin-quiz-color);font-family:var(--font-heading-family);font-size:var(--skin-quiz-title-size);font-weight:var(--font-heading-weight);letter-spacing:0;line-height:1.2;margin:14px 0 0;max-width:28ch;text-wrap:balance}.skin-quiz__title--start{font-size:calc(var(--skin-quiz-title-size) * 1.15);line-height:1.12;max-width:16ch}@media screen and (min-width:750px){.skin-quiz__title--start{font-size:calc(var(--skin-quiz-title-size) * 1.35)}}.skin-quiz__title:focus{box-shadow:none;outline:none}.skin-quiz__question{font-family:var(--font-heading-family);font-size:17px;font-weight:var(--font-heading-weight);line-height:1.3;margin:12px 0 0}.skin-quiz__lede{color:var(--skin-quiz-muted-color);font-size:15px;line-height:1.65;margin:24px 0 0;max-width:48ch}.skin-quiz__help{color:var(--skin-quiz-muted-color);font-size:13px;line-height:1.55;margin:10px 0 0;max-width:52ch}.skin-quiz__disclaimer,.skin-quiz__small{color:var(--skin-quiz-muted-color);font-size:12px;line-height:1.6;margin:22px 0 0}.skin-quiz__disclaimer{border-top:1px solid var(--skin-quiz-border-color);margin-top:48px;padding-top:20px}.skin-quiz__start{max-width:100%;width:fit-content}.skin-quiz__start .skin-quiz__lede{contain:inline-size;max-width:none}.skin-quiz__facts{display:flex;flex-wrap:wrap;gap:24px 16px;justify-content:space-between;list-style:none;margin:48px 0 0;padding:0}@media screen and (min-width:750px){.skin-quiz__facts{column-gap:40px}}.skin-quiz__facts li{display:grid;gap:6px}.skin-quiz__fact-value{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:24px;line-height:1}.skin-quiz__progress{align-items:center;display:flex;gap:14px;margin-bottom:48px}.skin-quiz__bars{display:flex;flex:1 1 auto;gap:4px}.skin-quiz__bar{background-color:var(--skin-quiz-border-color);flex:1 1 0;height:2px;transition:background-color .35s ease}.skin-quiz__bar.is-active{background-color:var(--skin-quiz-button-color)}.skin-quiz__count{font-variant-numeric:tabular-nums;letter-spacing:.06em;white-space:nowrap}.skin-quiz__options{display:grid;gap:8px;margin-top:26px}@media screen and (min-width:750px){.skin-quiz__options{grid-template-columns:repeat(2,minmax(0,1fr))}}.skin-quiz__option{align-items:center;background-color:var(--skin-quiz-surface);border:1px solid var(--skin-quiz-border-color);border-radius:0;color:var(--skin-quiz-color);cursor:pointer;display:flex;font-family:var(--font-graphik-family);font-size:15px;font-weight:var(--font-body-weight);gap:12px;line-height:1.4;padding:15px 18px;text-align:left;transition:border-color .18s ease,background-color .18s ease,color .18s ease;width:100%}@media(hover:hover){.skin-quiz__option:hover:not(:disabled){border-color:var(--skin-quiz-muted-color)}}.skin-quiz__option:focus-visible{outline:2px solid var(--skin-quiz-button-color);outline-offset:2px}.skin-quiz__option.is-selected{background-color:var(--skin-quiz-button-color);border-color:var(--skin-quiz-button-color);color:var(--skin-quiz-button-text-color)}.skin-quiz__option:disabled{cursor:not-allowed;opacity:.4}.skin-quiz__option-mark{flex:0 0 auto;font-size:11px;font-variant-numeric:tabular-nums;min-width:16px;opacity:.45}.skin-quiz__option.is-selected .skin-quiz__option-mark{opacity:1}.skin-quiz__options--multi .skin-quiz__option-mark{border:1px solid currentColor;height:12px;min-width:0;opacity:.6;width:12px}.skin-quiz__options--multi .skin-quiz__option.is-selected .skin-quiz__option-mark{background-color:currentColor;opacity:1}.skin-quiz__panel--grouped .skin-quiz__options{gap:6px;margin-top:14px}.skin-quiz__panel--grouped .skin-quiz__option{font-size:14px;padding:11px 16px}.skin-quiz__panel--grouped .skin-quiz__block{margin-top:26px}.skin-quiz__subhead{border-top:1px solid var(--skin-quiz-border-color);margin-top:30px;padding-top:14px}.skin-quiz__panel--grouped .skin-quiz__block:first-of-type .skin-quiz__subhead{margin-top:0}.skin-quiz__check{align-items:flex-start;color:var(--skin-quiz-muted-color);cursor:pointer;display:flex;font-size:12.5px;gap:10px;line-height:1.55;margin-top:16px;max-width:480px}.skin-quiz__check input{accent-color:var(--skin-quiz-button-color);flex:0 0 auto;margin:2px 0 0}.skin-quiz__check.is-required{color:var(--skin-quiz-color)}.skin-quiz__hint,.skin-quiz__error{color:var(--skin-quiz-color);font-size:12.5px;margin:8px 0 0}.skin-quiz__error{border-left:2px solid var(--skin-quiz-color);padding-left:10px}.skin-quiz__why{margin-top:26px}.skin-quiz__why summary{border-bottom:1px solid var(--skin-quiz-border-color);cursor:pointer;list-style:none;padding-bottom:8px}.skin-quiz__why summary::-webkit-details-marker{display:none}.skin-quiz__why summary:hover{color:var(--skin-quiz-color)}.skin-quiz__why p{color:var(--skin-quiz-muted-color);font-size:13px;line-height:1.65;margin:0;padding-top:12px}.skin-quiz__actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}.skin-quiz__button{align-items:center;background-color:transparent;border-radius:0;border:1px solid var(--skin-quiz-button-color);color:var(--skin-quiz-button-color);cursor:pointer;display:inline-flex;font-family:var(--font-heading-family);font-size:11px;font-weight:var(--font-body-weight);justify-content:center;letter-spacing:.2em;line-height:1.4;padding:13px 26px;text-decoration:none;text-transform:uppercase;transition:opacity .18s ease}.skin-quiz__panel--wide .skin-quiz__actions{align-items:stretch;flex-direction:column}.skin-quiz__panel--wide .skin-quiz__actions .skin-quiz__button{padding-inline:16px;text-align:center;width:100%}@media screen and (min-width:750px){.skin-quiz__panel--wide .skin-quiz__actions{align-items:center;flex-direction:row}.skin-quiz__panel--wide .skin-quiz__actions .skin-quiz__button{padding-inline:26px;width:auto}}.skin-quiz__button:hover{opacity:.8}.skin-quiz__button:focus-visible{outline:2px solid var(--skin-quiz-button-color);outline-offset:2px}.skin-quiz__button--primary{background-color:var(--skin-quiz-button-color);color:var(--skin-quiz-button-text-color)}.skin-quiz__button--quiet{border-color:var(--skin-quiz-border-color);color:var(--skin-quiz-muted-color)}.skin-quiz__button:disabled{cursor:not-allowed;opacity:.28}.skin-quiz__button[aria-busy=true]{cursor:progress;opacity:.6}.skin-quiz__nav{align-items:center;background-color:var(--skin-quiz-background);border-top:1px solid var(--skin-quiz-border-color);bottom:0;display:flex;gap:10px;justify-content:space-between;margin-top:40px;padding:14px 0;position:sticky;z-index:2}.skin-quiz__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:420px;text-align:center}.skin-quiz__orb{aspect-ratio:1;display:grid;place-items:center;width:180px}.skin-quiz__orb>*{grid-area:1 / 1}.skin-quiz__pulse{animation:skin-quiz-pulse 2.4s cubic-bezier(.4,0,.2,1) infinite;border:1px solid var(--skin-quiz-border-color);border-radius:50%;height:100%;opacity:0;width:100%}.skin-quiz__pulse--late{animation-delay:1.2s}@keyframes skin-quiz-pulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.25)}}.skin-quiz__ring{height:100%;overflow:visible;transform:rotate(-90deg);width:100%}.skin-quiz__ring circle{fill:none;stroke-width:1;vector-effect:non-scaling-stroke}.skin-quiz__ring-track{stroke:var(--skin-quiz-border-color)}.skin-quiz__ring-fill{animation:skin-quiz-ring cubic-bezier(.33,1,.68,1) forwards;stroke:var(--skin-quiz-button-color);stroke-dasharray:100;stroke-dashoffset:100;stroke-width:1.5}@keyframes skin-quiz-ring{to{stroke-dashoffset:0}}.skin-quiz__percent{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:40px;font-variant-numeric:tabular-nums;line-height:1}.skin-quiz__percent:after{content:"%";font-size:.4em;margin-left:3px;vertical-align:top}.skin-quiz__loading-text{margin-top:36px}@media(prefers-reduced-motion:reduce){.skin-quiz__pulse{animation:none}}.skin-quiz__sheet{background-color:var(--skin-quiz-surface);border:1px solid var(--skin-quiz-border-color);border-radius:0;margin-top:40px;padding:20px}.skin-quiz__sheet+.skin-quiz__sheet,.skin-quiz__details .skin-quiz__sheet{margin-top:14px}.skin-quiz__routine{display:grid;gap:0 48px}.skin-quiz__details{display:grid;gap:0 14px}@media screen and (min-width:990px){.skin-quiz__sheet--profile{display:grid;gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.skin-quiz__sheet--profile .skin-quiz__rows{margin-top:0}.skin-quiz__routine,.skin-quiz__details{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}}.skin-quiz__sheet-text{font-size:16px;line-height:1.6;margin:10px 0 0;max-width:52ch}.skin-quiz__sheet-text strong{font-weight:calc(var(--font-body-weight) + 100)}.skin-quiz__rows{border-top:1px solid var(--skin-quiz-border-color);margin:14px 0 0}.skin-quiz__row{border-bottom:1px solid var(--skin-quiz-border-color);display:grid;gap:4px;padding:13px 0}.skin-quiz__row:last-child{border-bottom:0}.skin-quiz__row dt{padding-top:3px}.skin-quiz__row dd{font-size:14.5px;line-height:1.6;margin:0}.skin-quiz__routine-part{margin-top:22px}.skin-quiz__products{list-style:none;margin:6px 0 0;padding:0}.skin-quiz__product{align-items:flex-start;border-bottom:1px solid var(--skin-quiz-border-color);display:flex;gap:16px;padding:16px 0}.skin-quiz__product-media{aspect-ratio:1;background-color:var(--skin-quiz-tint);display:block;flex:0 0 88px;overflow:hidden}.skin-quiz__product-media img{display:block;height:100%;object-fit:cover;width:100%}.skin-quiz__product-body{min-width:0}.skin-quiz__product-body .skin-quiz__product-step{display:table;margin-bottom:8px}.skin-quiz__product:last-child{border-bottom:0}.skin-quiz__product-step{background-color:var(--skin-quiz-tint);border-radius:0;color:var(--skin-quiz-color);letter-spacing:.06em;padding:4px 8px;white-space:nowrap}.skin-quiz__product-name{color:var(--skin-quiz-color);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:16px;line-height:1.3;text-decoration:none}.skin-quiz__product-name:hover{text-decoration:underline}.skin-quiz__product-tag{color:var(--skin-quiz-muted-color);font-size:12px}.skin-quiz__product-reason{color:var(--skin-quiz-muted-color);font-size:13.5px;line-height:1.6;margin:5px 0 0}.skin-quiz__product-price{font-size:12px;letter-spacing:.04em;margin:7px 0 0}.skin-quiz__callout,.skin-quiz__note{background-color:var(--skin-quiz-tint);border-left:2px solid var(--skin-quiz-button-color);border-radius:0 3px 3px 0;font-size:13.5px;line-height:1.62;padding:14px 18px}.skin-quiz__callout{margin-top:14px}.skin-quiz__callout p{margin:0}.skin-quiz__callout a{color:inherit}.skin-quiz__callout strong{font-weight:calc(var(--font-body-weight) + 100)}.skin-quiz__callout s{color:var(--skin-quiz-muted-color)}.skin-quiz__note{margin-top:10px}.skin-quiz__note p{margin:0}.skin-quiz__note .skin-quiz__note-title{font-size:13px;font-weight:calc(var(--font-body-weight) + 100);margin-bottom:4px}.skin-quiz__swap{border-bottom:1px solid var(--skin-quiz-border-color);padding:15px 0}.skin-quiz__swap:last-child{border-bottom:0}.skin-quiz__swap-line{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin:0}.skin-quiz__swap-from{color:var(--skin-quiz-muted-color);font-size:13.5px;text-decoration:line-through;text-decoration-color:var(--skin-quiz-border-color)}.skin-quiz__swap-arrow{font-size:13px}.skin-quiz__swap-to{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:16px}@media screen and (min-width:750px){.skin-quiz__sheet{padding:40px}.skin-quiz__row{gap:16px;grid-template-columns:120px 1fr}.skin-quiz__product-media{flex-basis:112px}}.skin-quiz__field{display:block;margin-top:22px;max-width:420px}.skin-quiz__field input{background-color:var(--skin-quiz-surface);border:1px solid var(--skin-quiz-border-color);border-radius:0;color:var(--skin-quiz-color);font-family:var(--font-graphik-family);font-size:15px;font-weight:var(--font-body-weight);padding:14px 16px;width:100%}.skin-quiz__field input:focus,.skin-quiz__field input:focus-visible{border-color:var(--skin-quiz-button-color);box-shadow:none;outline:none}.skin-quiz__praxis{background-color:var(--skin-quiz-tint);border-radius:0;margin-top:14px;padding:20px}.skin-quiz__praxis[hidden]{display:none}.skin-quiz__praxis .skin-quiz__actions{margin-top:22px}@media screen and (min-width:750px){.skin-quiz__praxis{padding:32px 40px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-skin-quiz.css.map */