.skin-quiz{--quiz-bg: #f8f1ea;--quiz-card-bg: #ffffff;--quiz-card-border: #e8dccf;--quiz-selected-bg: #fbe9f0;--quiz-selected-border: #a8758c;--quiz-selected-text: #a8758c;--quiz-text: #1f1b18;--quiz-text-muted: #8a7f74;--quiz-accent: #a8758c;--quiz-accent-text: #ffffff;--quiz-progress-track: #e8dccf;--quiz-success: #4a7a5d;--quiz-error: #b3261e;--quiz-radius-lg: 16px;--quiz-radius-md: 12px;--quiz-max-width: 640px;--quiz-font-display: inherit;--quiz-font-body: inherit;background:var(--quiz-bg);color:var(--quiz-text);padding:clamp(2rem,5vw,4rem) 1.25rem;font-family:var(--quiz-font-body)}.skin-quiz__frame{max-width:var(--quiz-max-width);margin:0 auto}.skin-quiz__progress-track{height:3px;background:var(--quiz-progress-track);border-radius:999px;overflow:hidden;margin-bottom:2.5rem}.skin-quiz__progress-fill{height:100%;width:0%;background:var(--quiz-text);border-radius:999px;transition:width .35s ease}.skin-quiz__step{display:none}.skin-quiz__step.is-active{display:block;animation:skin-quiz-fade-in .25s ease}@keyframes skin-quiz-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.skin-quiz__step.is-active{animation:none}.skin-quiz__progress-fill{transition:none}}.skin-quiz__eyebrow{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--quiz-text-muted);margin:0 0 .75rem;font-weight:600}.skin-quiz__heading{font-family:var(--quiz-font-display);font-size:clamp(1.5rem,4vw,2.25rem);line-height:1.15;margin:0 0 .5rem;font-weight:600;letter-spacing:-.01em}.skin-quiz__subheading{color:var(--quiz-text-muted);font-size:1rem;line-height:1.5;margin:0 0 2rem}.skin-quiz__hint{color:var(--quiz-text-muted);font-size:.875rem;line-height:1.5;margin:-.25rem 0 1.5rem}.skin-quiz__heading-highlight{display:inline-block;background:var(--quiz-accent);color:var(--quiz-accent-text);padding:.5rem 1rem;border-radius:var(--quiz-radius-md);box-decoration-break:clone;-webkit-box-decoration-break:clone}.skin-quiz__intro-body{margin:1.5rem 0 2rem}.skin-quiz__intro-lead{font-size:1rem;line-height:1.6;color:var(--quiz-text);margin:0 0 .75rem}.skin-quiz__intro-lead--spaced{margin-top:1.5rem}.skin-quiz__intro-list-intro{font-size:.95rem;font-weight:600;color:var(--quiz-text);margin:0 0 .75rem}.skin-quiz__intro-list-box{background:var(--quiz-card-bg);border:1.5px solid var(--quiz-card-border);border-radius:var(--quiz-radius-lg);padding:1.25rem 1.5rem;margin-bottom:.5rem}.skin-quiz__intro-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.skin-quiz__intro-list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.95rem;line-height:1.5;color:var(--quiz-text)}.skin-quiz__intro-list li:before{content:"\2726";color:var(--quiz-accent);font-size:.65rem;flex-shrink:0;margin-top:.35rem}.skin-quiz__intro-closing{font-size:1rem;line-height:1.6;color:var(--quiz-text-muted);font-style:italic;margin:1.5rem 0 0}.skin-quiz__nav--landing{justify-content:center;margin-top:2rem}.skin-quiz__btn--cta{padding:1rem 2.5rem;font-size:1.05rem}.skin-quiz__options{display:flex;flex-direction:column;gap:.875rem;margin-bottom:2rem}.skin-quiz__option{display:block;width:100%;text-align:left;background:var(--quiz-card-bg);border:1.5px solid var(--quiz-card-border);border-radius:var(--quiz-radius-lg);padding:1.1rem 1.4rem;font-size:1rem;color:var(--quiz-accent);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .1s ease;font-family:var(--quiz-font-body)}.skin-quiz__option:hover{border-color:var(--quiz-selected-border)}.skin-quiz__option:active{transform:scale(.99)}.skin-quiz__option:focus-visible{outline:2px solid var(--quiz-accent);outline-offset:2px}.skin-quiz__option.is-selected{background:var(--quiz-selected-bg);border-color:var(--quiz-selected-border);color:var(--quiz-selected-text)}[data-quiz-step=q5] .skin-quiz__option{display:flex;align-items:center;gap:.875rem}[data-quiz-step=q5] .skin-quiz__option:before{content:"";display:block;width:28px;height:28px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 -2px 4px #0000001f}[data-quiz-step=q5] .skin-quiz__option[data-value=Fair]:before{background:#f3d5b5}[data-quiz-step=q5] .skin-quiz__option[data-value=Medium]:before{background:#d9b18a}[data-quiz-step=q5] .skin-quiz__option[data-value="Light Brown"]:before{background:#a87554}[data-quiz-step=q5] .skin-quiz__option[data-value=Brown]:before{background:#6f4626}[data-quiz-step=q5] .skin-quiz__option[data-value="Dark Brown"]:before{background:#3d2414}.skin-quiz__nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}.skin-quiz__nav--name,.skin-quiz__nav--email{justify-content:space-between}.skin-quiz__nav--results{justify-content:center}.skin-quiz__btn{font-family:var(--quiz-font-body);font-size:.95rem;font-weight:600;border-radius:var(--quiz-radius-md);padding:.85rem 1.75rem;cursor:pointer;border:1.5px solid transparent;transition:opacity .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease}.skin-quiz__btn--primary{background:var(--quiz-accent);color:var(--quiz-accent-text)}.skin-quiz__btn--primary:hover:not(:disabled){opacity:.9}.skin-quiz__btn--primary:disabled{opacity:.4;cursor:not-allowed}.skin-quiz__btn--ghost{background:var(--quiz-card-bg);color:var(--quiz-text);border-color:var(--quiz-card-border)}.skin-quiz__btn--ghost:hover{border-color:var(--quiz-text-muted)}.skin-quiz__btn:focus-visible{outline:2px solid var(--quiz-accent);outline-offset:2px}.skin-quiz__btn.is-loading{opacity:.7;cursor:wait}.skin-quiz__btn.is-success{background:var(--quiz-success);border-color:var(--quiz-success);color:#fff;opacity:1}.skin-quiz__btn.is-error{background:var(--quiz-card-bg);border-color:var(--quiz-error);color:var(--quiz-error);opacity:1}.skin-quiz__name-form,.skin-quiz__email-form{display:flex;flex-direction:column}.skin-quiz__field-label{font-size:.875rem;font-weight:600;margin-bottom:.5rem;margin-top:0}.skin-quiz__text-input{font-family:var(--quiz-font-body);font-size:1rem;background:var(--quiz-card-bg);border:1.5px solid var(--quiz-card-border);border-radius:var(--quiz-radius-md);padding:.9rem 1.1rem;color:var(--quiz-text);margin-bottom:.25rem}.skin-quiz__text-input:focus-visible{outline:2px solid var(--quiz-accent);outline-offset:2px;border-color:var(--quiz-selected-border)}.skin-quiz__error{color:var(--quiz-error);font-size:.8125rem;margin:.4rem 0 1rem}.skin-quiz__profile{display:flex;flex-direction:column;gap:1.25rem;margin:1rem 0 2rem;padding:1.5rem;background:var(--quiz-card-bg);border:1.5px solid var(--quiz-card-border);border-radius:var(--quiz-radius-lg)}.skin-quiz__profile-item{display:flex;flex-direction:column;gap:.25rem}.skin-quiz__profile-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--quiz-text-muted);margin:0;font-weight:600}.skin-quiz__profile-value{font-size:1.05rem;font-weight:600;margin:0;color:var(--quiz-text)}.skin-quiz__profile-blurb{font-size:.9rem;line-height:1.5;color:var(--quiz-text-muted);margin:.25rem 0 0}.skin-quiz__routine-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.skin-quiz__routine-heading{font-family:var(--quiz-font-display);font-size:1.15rem;font-weight:600;margin:0;color:var(--quiz-text)}.skin-quiz__btn--add-all{padding:.6rem 1.25rem;font-size:.85rem;white-space:nowrap}.skin-quiz__cart-feedback{font-size:.875rem;font-weight:600;color:var(--quiz-success);background:#4a7a5d14;border:1px solid rgba(74,122,93,.25);border-radius:var(--quiz-radius-md);padding:.65rem 1rem;margin:0 0 1.25rem}.skin-quiz__cart-feedback--error{color:var(--quiz-error);background:#b3261e0f;border-color:#b3261e40}.skin-quiz__routine{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.skin-quiz__routine-step{display:flex;flex-direction:column;gap:.5rem}.skin-quiz__routine-step-label{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--quiz-accent);margin:0}.skin-quiz__routine-step-badge{display:inline-block;margin-left:.4rem;padding:.15rem .5rem;background:var(--quiz-card-bg);border:1px solid var(--quiz-card-border);border-radius:999px;font-size:.6rem;font-weight:600;letter-spacing:.08em;color:var(--quiz-text-muted);vertical-align:middle;text-transform:uppercase}.skin-quiz__product-card{display:flex;flex-direction:column;background:var(--quiz-card-bg);border:1.5px solid var(--quiz-card-border);border-radius:var(--quiz-radius-lg);overflow:hidden;padding:.75rem;transition:border-color .15s ease}.skin-quiz__product-card:hover{border-color:var(--quiz-selected-border)}.skin-quiz__product-link{display:flex;align-items:center;gap:.9rem;text-decoration:none;color:var(--quiz-text)}.skin-quiz__product-image{width:72px;height:72px;flex-shrink:0;object-fit:cover;background:var(--quiz-bg);border-radius:calc(var(--quiz-radius-lg) - 4px);display:block}.skin-quiz__product-info{flex:1 1 auto;min-width:0}.skin-quiz__product-title{font-size:.95rem;font-weight:600;margin:0;line-height:1.35;color:var(--quiz-text)}.skin-quiz__product-price{font-size:.85rem;color:var(--quiz-text-muted);margin:.25rem 0 0}.skin-quiz__product-actions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--quiz-card-border)}.skin-quiz__btn--add-one{width:100%;background:var(--quiz-card-bg);color:var(--quiz-accent);border-color:var(--quiz-selected-border);padding:.6rem 1rem;font-size:.85rem}.skin-quiz__btn--add-one:hover:not(:disabled){background:var(--quiz-selected-bg);opacity:1}.skin-quiz__product-card--empty{display:flex;align-items:center;justify-content:center;border-style:dashed;background:transparent;cursor:default;min-height:72px;padding:1rem}.skin-quiz__product-card--empty:hover{border-color:var(--quiz-card-border)}.skin-quiz__product-empty-msg{font-size:.9rem;font-style:italic;color:var(--quiz-text-muted);margin:0;text-align:center}.skin-quiz__empty-state{text-align:center;color:var(--quiz-text-muted);padding:2rem 1rem}
/*# sourceMappingURL=/cdn/shop/t/13/assets/skin-quiz.css.map */