.skin-quiz{--sq-ink: #211d19;--sq-muted: #6f675d;--sq-line: #d9d2c7;--sq-card: #ffffff;--sq-tint: #f4efe8;--sq-accent: #1a1a1a;--sq-accent-ink: #ffffff;--sq-radius: 2px;box-sizing:border-box;max-width:760px;margin:0 auto;padding:56px 20px 88px;color:var(--sq-ink);font-family:inherit}.skin-quiz *,.skin-quiz *:before,.skin-quiz *:after{box-sizing:border-box}.skin-quiz.sq--result{max-width:1000px}.skin-quiz .sq-progress{height:2px;background:var(--sq-line);margin:0 0 36px}.skin-quiz .sq-progress__bar{height:2px;background:var(--sq-accent);transition:width .35s ease}.skin-quiz .sq-step{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sq-muted);margin:0 0 14px}.skin-quiz .sq-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sq-muted);margin:0 0 14px}.skin-quiz .sq-prompt{font-size:clamp(26px,4vw,38px);line-height:1.15;margin:0 0 12px;font-weight:400}.skin-quiz .sq-helper{color:var(--sq-muted);margin:0 0 32px;font-size:15px;line-height:1.55}.skin-quiz .sq-subhead{font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:48px 0 18px;font-weight:500}.skin-quiz .sq-options{display:grid;grid-template-columns:1fr;gap:12px;margin:0;padding:0}@media(min-width:640px){.skin-quiz .sq-options{grid-template-columns:1fr 1fr}}.skin-quiz .sq-option{display:flex;align-items:center;gap:14px;width:100%;text-align:left;margin:0;padding:20px 22px;background:var(--sq-card);border:1px solid var(--sq-line);border-radius:var(--sq-radius);font:inherit;font-size:15px;line-height:1.4;color:var(--sq-ink);cursor:pointer;transition:border-color .15s ease,background .15s ease;-webkit-appearance:none;appearance:none}.skin-quiz .sq-option:hover{border-color:var(--sq-ink)}.skin-quiz .sq-option.is-selected{border-color:var(--sq-accent);box-shadow:inset 0 0 0 1px var(--sq-accent);background:var(--sq-tint)}.skin-quiz .sq-option__img{width:44px;height:44px;object-fit:cover;border-radius:50%;flex:0 0 auto}.skin-quiz .sq-option__text{display:flex;flex-direction:column;gap:3px}.skin-quiz .sq-option__helper{font-size:12px;color:var(--sq-muted)}.skin-quiz .sq-nav{display:flex;gap:14px;align-items:center;margin:30px 0 0}.skin-quiz .sq-back{background:none;border:none;margin:0;padding:12px 0;font:inherit;font-size:14px;color:var(--sq-muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.skin-quiz .sq-next,.skin-quiz .sq-cta,.skin-quiz .sq-email__submit{display:inline-block;margin:0;padding:16px 36px;background:var(--sq-accent);color:var(--sq-accent-ink);border:1px solid var(--sq-accent);border-radius:var(--sq-radius);font:inherit;font-size:13px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-decoration:none;text-align:center;transition:opacity .15s ease}.skin-quiz .sq-next[disabled]{opacity:.35;cursor:not-allowed}.skin-quiz .sq-next:not([disabled]):hover,.skin-quiz .sq-cta:hover,.skin-quiz .sq-email__submit:hover{opacity:.85}.skin-quiz .sq-email{display:grid;gap:16px;max-width:460px;margin:0}.skin-quiz .sq-email__label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--sq-muted)}.skin-quiz .sq-email__input{margin:0;padding:16px 18px;background:var(--sq-card);border:1px solid var(--sq-line);border-radius:var(--sq-radius);font:inherit;font-size:16px;color:var(--sq-ink)}.skin-quiz .sq-email__input:focus{outline:none;border-color:var(--sq-ink)}.skin-quiz .sq-email__consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--sq-muted);line-height:1.5}.skin-quiz .sq-email__consent input{margin:3px 0 0;flex:0 0 auto}.skin-quiz .sq-email__skip{background:none;border:none;margin:0;padding:6px 0;font:inherit;font-size:13px;color:var(--sq-muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer;justify-self:start}.skin-quiz .sq-email__error{color:#a4372c;font-size:13px;margin:0}.skin-quiz .sq-result__headline{font-size:clamp(28px,4.5vw,44px);line-height:1.1;margin:0 0 16px;font-weight:400}.skin-quiz .sq-result__summary{font-size:16px;line-height:1.65;color:var(--sq-muted);margin:0 0 10px;max-width:62ch}.skin-quiz .sq-tags{font-size:14px;color:var(--sq-muted);margin:12px 0 0}.skin-quiz .sq-note{background:var(--sq-tint);border-left:2px solid var(--sq-accent);padding:16px 20px;font-size:14px;line-height:1.6;margin:24px 0 0;max-width:62ch}.skin-quiz .sq-grid{display:grid;gap:14px;margin:0;grid-template-columns:repeat(2,1fr)}@media(min-width:700px){.skin-quiz .sq-grid{grid-template-columns:repeat(4,1fr)}}.skin-quiz .sq-card{display:flex;flex-direction:column;gap:8px;height:100%;margin:0;padding:14px;background:transparent;border:none;border-radius:6px;transition:background .18s ease,box-shadow .18s ease,outline-color .18s ease;outline:1px solid transparent}.skin-quiz .sq-card:hover{background:#ffffff73;outline-color:var(--sq-line);box-shadow:0 10px 28px #211d191a}.skin-quiz .sq-card__head{display:flex;align-items:baseline;gap:10px;border-bottom:1px solid var(--sq-line);padding-bottom:8px}.skin-quiz .sq-card__link{display:flex;flex-direction:column;gap:8px;flex:1;text-decoration:none;color:inherit}.skin-quiz .sq-card__img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--sq-radius);background:transparent;transition:opacity .2s ease}.skin-quiz .sq-card__link:hover .sq-card__img{opacity:.88}.skin-quiz .sq-card__num{font-size:11px;letter-spacing:.16em;color:var(--sq-muted)}.skin-quiz .sq-card__step{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sq-muted)}.skin-quiz .sq-card__title{font-size:14px;line-height:1.4}.skin-quiz .sq-card__price{font-size:14px;color:var(--sq-ink)}.skin-quiz .sq-card__was{color:var(--sq-muted);margin-right:6px}.skin-quiz .sq-card__add{align-self:flex-start;margin-top:auto;padding:10px 24px;background:#434343;color:var(--sq-accent-ink);border:1px solid #434343;border-radius:999px;font:inherit;font-size:12px;letter-spacing:.04em;cursor:pointer;transition:background .15s ease,border-color .15s ease}.skin-quiz .sq-card__add:hover{background:#000;border-color:#000}.skin-quiz .sq-card__add[disabled]{opacity:.6;cursor:wait}.skin-quiz .sq-total{margin:28px 0 0;font-size:15px}.skin-quiz .sq-cta{margin-top:20px}.skin-quiz .sq-sent{margin:26px 0 0;font-size:14px;color:var(--sq-muted)}.skin-quiz .sq-retake{margin:26px 0 0;padding:0;background:none;border:none;font:inherit;font-size:13px;color:var(--sq-muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.skin-quiz .sq-nav{justify-content:space-between}.skin-quiz .sq-nav .sq-next:only-child{margin-left:auto}@media(min-width:700px){.skin-quiz.sq--result .sq-grid{gap:24px 18px}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/skin-quiz.css.map */