.skin-quiz-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;background:#fff;overflow-y:auto}.skin-quiz-popup[hidden]{display:none}.skin-quiz-popup__panel{position:relative;flex:1 0 auto;width:100%;min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px 48px;animation:skin-quiz-fade-in .2s ease-out}@keyframes skin-quiz-fade-in{0%{opacity:0}to{opacity:1}}.skin-quiz-popup__close{position:fixed;top:20px;right:20px;z-index:2;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:currentColor}.skin-quiz-step{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.skin-quiz-step[hidden]{display:none}.skin-quiz-eyebrow{font-size:13px;letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin:0 0 12px;text-align:center}.skin-quiz-headline{font-size:clamp(34px,7vw,56px);line-height:1.1;margin:0 0 8px;text-align:center;font-weight:700;max-width:560px}.skin-quiz-subheadline{font-size:16px;opacity:.75;margin:0 0 32px;text-align:center;max-width:440px}.skin-quiz-title{font-size:clamp(18px,3vw,22px);line-height:1.3;margin:0 0 28px;text-align:center;font-weight:600;max-width:440px}.skin-quiz-options{display:flex;flex-direction:column;gap:12px;width:100%;max-width:380px}.skin-quiz-option{display:block;width:100%;padding:16px 18px;border:none;border-radius:8px;background:#111;color:#fff;font-size:16px;font-weight:600;font-family:inherit;text-align:center;cursor:pointer;transition:opacity .15s ease;box-sizing:border-box}.skin-quiz-option:hover,.skin-quiz-option:focus-visible{opacity:.85}.skin-quiz-email-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:380px}.skin-quiz-email-form input[type=email]{width:100%;padding:16px 18px;border:1px solid rgba(0,0,0,.2);border-radius:8px;font-size:16px;box-sizing:border-box}.skin-quiz-submit-btn{display:block;width:100%;padding:16px 18px;border:none;border-radius:8px;background:#111;color:#fff;font-size:16px;font-weight:600;text-align:center;cursor:pointer;text-decoration:none;box-sizing:border-box;max-width:380px}.skin-quiz-submit-btn:disabled{opacity:.6;cursor:default}.skin-quiz-error{color:#c0392b;font-size:13px;text-align:center;margin:8px 0 0}.skin-quiz-code{font-size:clamp(24px,5vw,32px);font-weight:700;letter-spacing:.08em;border:2px dashed rgba(0,0,0,.25);border-radius:10px;padding:16px 32px;margin:0 0 32px;text-align:center}@media(max-width:480px){.skin-quiz-popup__panel{padding:40px 20px 32px}.skin-quiz-headline{margin-bottom:6px}.skin-quiz-subheadline{margin-bottom:20px}.skin-quiz-title{margin-bottom:16px}.skin-quiz-options{gap:10px}.skin-quiz-option{padding:14px 16px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/skin-quiz-popup.css.map */