.skin-quiz{--skin-quiz-accent: var(--color-primary, #1a1a2e);--skin-quiz-border: var(--color-border, #e5e5e5);--skin-quiz-text: var(--color-heading, #111);--skin-quiz-muted: rgba(var(--color-heading-rgb, 17, 17, 17), .65);--skin-quiz-bg: var(--color-background, #fff);--skin-quiz-soft: color-mix(in srgb, var(--skin-quiz-accent) 6%, #fff);--skin-quiz-radius: var(--rounded-radius, 12px);color:var(--skin-quiz-text)}.skin-quiz__inner{max-width:92rem;margin-inline:auto}.skin-quiz__intro{text-align:center;margin-bottom:2.4rem}.skin-quiz__eyebrow{margin:0 0 .6rem;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:var(--skin-quiz-muted)}.skin-quiz__heading{margin:0 0 .8rem;font-size:clamp(2.4rem,4vw,3.4rem);line-height:1.2}.skin-quiz__subheading{margin:0 auto;max-width:52rem;font-size:1.5rem;line-height:1.45;color:var(--skin-quiz-muted)}.skin-quiz__progress-wrap{display:flex;align-items:center;gap:1.2rem;margin-bottom:2.4rem}.skin-quiz__progress-track{position:relative;flex:1;height:.6rem;border-radius:999px;background:var(--skin-quiz-border);overflow:hidden}.skin-quiz__progress-track:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--quiz-progress, 16%);background:var(--skin-quiz-accent);transition:width .25s ease}.skin-quiz__progress-label{min-width:5rem;font-size:1.3rem;font-weight:600;text-align:end}.skin-quiz__panel{padding:3rem 2rem;border:1px solid var(--skin-quiz-border);border-radius:var(--skin-quiz-radius);background:var(--skin-quiz-bg);box-shadow:0 10px 30px #0000000a}.skin-quiz__question{margin:0 0 2.4rem;text-align:center;font-size:clamp(2rem,3.5vw,2.8rem);line-height:1.25}.skin-quiz__options{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-bottom:2.4rem}.skin-quiz__option{-webkit-appearance:none;appearance:none;border:1px solid var(--skin-quiz-border);background:#fff;color:var(--skin-quiz-text);border-radius:.8rem;padding:1.4rem 2rem;min-width:14rem;font-size:1.4rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.skin-quiz__option:hover{border-color:color-mix(in srgb,var(--skin-quiz-accent) 45%,var(--skin-quiz-border));transform:translateY(-1px)}.skin-quiz__option.is-selected{border-color:var(--skin-quiz-accent);background:var(--skin-quiz-soft);box-shadow:inset 0 0 0 1px var(--skin-quiz-accent)}.skin-quiz__options--concern{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.skin-quiz__option--concern{display:flex;flex-direction:column;align-items:center;gap:.8rem;min-width:0;padding:1rem;text-transform:none;font-size:1.2rem}.skin-quiz__concern-media{width:100%;aspect-ratio:1;border-radius:.8rem;overflow:hidden;background:var(--skin-quiz-soft);display:flex;align-items:center;justify-content:center}.skin-quiz__concern-media img{width:100%;height:100%;object-fit:cover;display:block}.skin-quiz__concern-fallback{font-size:2.4rem;line-height:1}.skin-quiz__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.skin-quiz__btn{-webkit-appearance:none;appearance:none;border:0;border-radius:.6rem;min-height:4.4rem;padding:1.1rem 2.4rem;font-size:1.35rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.skin-quiz__btn:disabled{opacity:.45;cursor:not-allowed}.skin-quiz__btn--primary{background:var(--skin-quiz-accent);color:#fff}.skin-quiz__btn--secondary{background:transparent;color:var(--skin-quiz-text);border:1px solid var(--skin-quiz-border)}.skin-quiz__results-heading{margin:0 0 .6rem;text-align:center;font-size:clamp(2.2rem,3.5vw,3rem)}.skin-quiz__results-sub{margin:0 auto 2.4rem;max-width:48rem;text-align:center;color:var(--skin-quiz-muted);font-size:1.4rem}.skin-quiz__results-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;margin-bottom:2.4rem}.skin-quiz__result-card{display:grid;grid-template-columns:12rem 1fr;gap:1.4rem;align-items:center;padding:1.4rem;border:1px solid var(--skin-quiz-border);border-radius:var(--skin-quiz-radius);background:#fff}.skin-quiz__result-step{grid-column:1 / -1;margin:0;font-size:1.2rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--skin-quiz-accent)}.skin-quiz__result-media{display:block}.skin-quiz__result-image{width:12rem;height:12rem;object-fit:cover;border-radius:.8rem;background:var(--skin-quiz-soft)}.skin-quiz__result-image--placeholder{display:block}.skin-quiz__result-title{margin:0 0 .4rem;font-size:1.6rem;line-height:1.3}.skin-quiz__result-title a{color:inherit;text-decoration:none}.skin-quiz__result-price{margin:0 0 1rem;font-size:1.4rem;font-weight:600}.skin-quiz__result-actions{display:flex;flex-wrap:wrap;gap:.8rem}.skin-quiz__result-actions .skin-quiz__btn{min-height:3.8rem;padding:.8rem 1.4rem;font-size:1.2rem}.skin-quiz__empty{text-align:center;color:var(--skin-quiz-muted)}@media(max-width:991.98px){.skin-quiz__options--concern{grid-template-columns:repeat(3,minmax(0,1fr))}.skin-quiz__results-list{grid-template-columns:1fr}}@media(max-width:767.98px){.skin-quiz__panel{padding:2rem 1.4rem}.skin-quiz__options{gap:.8rem}.skin-quiz__option{min-width:calc(50% - .4rem);padding:1.2rem 1rem;font-size:1.2rem}.skin-quiz__options--concern{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-quiz__result-card{grid-template-columns:9rem 1fr}.skin-quiz__result-image{width:9rem;height:9rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/skin-quiz.css.map */