.quiz-card [hidden]{display:none!important}.quiz-card{background:var(--slate);border:.5px solid rgba(184,181,174,.18);padding:36px;box-shadow:0 24px 48px #141c2a73;color:var(--bone)}.quiz-card__progress{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:16px;border-bottom:.5px solid rgba(184,181,174,.12)}.quiz-card__step{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--bone);white-space:nowrap}.quiz-card__progress-bar{flex:1;height:3px;background:#ffffff0f;overflow:hidden}.quiz-card__progress-fill{height:100%;background:var(--ember);transition:width .35s cubic-bezier(.16,1,.3,1)}.quiz-card__time{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--stone);white-space:nowrap}.quiz-card__back{background:none;border:none;padding:4px 0;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--stone);cursor:pointer;white-space:nowrap;transition:color .15s}.quiz-card__back:hover{color:var(--bone)}.quiz-card__back:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.quiz-card__step-content{display:none}.quiz-card__step-content.is-active{display:block}.quiz-card__question{font-family:var(--font-sans);font-weight:600;font-size:22px;line-height:1.25;color:var(--bone);margin:0 0 24px;letter-spacing:-.005em}.quiz-card__question:focus{outline:none}.quiz-card__options{display:flex;flex-direction:column;gap:10px}.quiz-card__option{width:100%;background:#ffffff0a;border:.5px solid rgba(184,181,174,.18);border-radius:0;padding:16px 20px;color:var(--bone);font-family:var(--font-sans);font-weight:500;font-size:15px;line-height:1.35;letter-spacing:-.005em;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color .15s,background .15s}.quiz-card__option-num{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--smoke);flex-shrink:0;margin-left:12px;transition:color .15s}.quiz-card__option:hover{border-color:var(--ember);background:#d858200f}.quiz-card__option:hover .quiz-card__option-num,.quiz-card__option.is-selected .quiz-card__option-num{color:var(--ember)}.quiz-card__option:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.quiz-card__option.is-selected{border-color:var(--ember);background:#d858201f}.quiz-card__fallback{padding:8px 0 16px;color:var(--stone)}.quiz-card[data-quiz-transitioning] .quiz-card__step-content.is-active,.quiz-card__result.is-active{animation:quizFadeIn .25s ease forwards}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.quiz-card[data-quiz-transitioning] .quiz-card__step-content.is-active,.quiz-card__result.is-active{animation:none}.quiz-card__progress-fill{transition:none}}.quiz-card__result{display:none}.quiz-card__result.is-active{display:block}.quiz-result__variant{display:none}.quiz-result__variant.is-active{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.quiz-result__headline{font-family:var(--font-sans);font-weight:700;font-size:26px;line-height:1.15;color:var(--bone);margin:0;letter-spacing:-.015em}.quiz-result__headline:focus{outline:none}.quiz-result__body{font-family:var(--font-sans);font-size:15px;line-height:1.65;color:var(--stone);margin:0}.quiz-result__product{display:flex;gap:16px;align-items:center;width:100%;background:#ffffff0d;border:.5px solid rgba(184,181,174,.18);padding:14px;text-decoration:none;color:var(--bone);transition:border-color .15s,background .15s}.quiz-result__product:hover{border-color:var(--ember);background:#d858200f}.quiz-result__product:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.quiz-result__product-media{width:84px;height:84px;flex-shrink:0;background:var(--bone);display:flex;align-items:center;justify-content:center;overflow:hidden}.quiz-result__product-image{width:100%;height:100%;object-fit:contain}.quiz-result__product-meta{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.quiz-result__product-brand{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ember)}.quiz-result__product-name{font-family:var(--font-sans);font-weight:600;font-size:15px;line-height:1.25;color:var(--bone);letter-spacing:-.005em}.quiz-result__product-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:2px}.quiz-result__product-price{font-family:var(--font-sans);font-weight:600;font-size:14px;color:var(--stone)}.quiz-result__product-view{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--stone);white-space:nowrap;transition:color .15s}.quiz-result__product:hover .quiz-result__product-view{color:var(--ember)}.quiz-result__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:4px}.quiz-result__cta{display:inline-block;background:var(--ember);color:var(--bone);padding:14px 24px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;text-align:center;transition:background .15s}.quiz-result__cta:hover{background:#c24e1c;color:var(--bone)}.quiz-result__cta:focus-visible{outline:2px solid var(--bone);outline-offset:2px}.quiz-result__restart{background:transparent;border:none;border-bottom:1px solid rgba(184,181,174,.32);color:var(--stone);padding:2px 0;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .15s,border-color .15s}.quiz-result__restart:hover{color:var(--bone);border-color:var(--ember)}.quiz-result__restart:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.quiz-result__email-capture{margin-top:28px;padding-top:24px;border-top:.5px solid rgba(184,181,174,.18);display:flex;flex-direction:column;gap:12px;align-items:flex-start}.quiz-result__email-title{font-family:var(--font-sans);font-weight:600;font-size:17px;color:var(--bone);margin:0;letter-spacing:-.005em}.quiz-result__email-sub{font-size:14px;line-height:1.55;color:var(--stone);margin:0;max-width:50ch}.quiz-result__email-form{width:100%;margin:0}.quiz-result__email-row{display:flex;width:100%;max-width:480px}.quiz-result__email-row input[type=email]{flex:1;min-width:0;background:#ffffff0f;border:.5px solid rgba(184,181,174,.3);border-right:none;border-radius:0;color:var(--bone);padding:13px 16px;font-family:var(--font-sans);font-size:15px;margin:0}.quiz-result__email-row input[type=email]::placeholder{color:var(--smoke)}.quiz-result__email-row input[type=email]:focus{outline:none;border-color:var(--ember)}.quiz-result__email-row button[type=submit]{background:var(--ember);color:var(--bone);border:none;border-radius:0;padding:13px 20px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .15s}.quiz-result__email-row button[type=submit]:hover{background:#c24e1c}.quiz-result__email-row button[type=submit]:focus-visible{outline:2px solid var(--bone);outline-offset:2px}.quiz-result__email-msg{font-size:14px;line-height:1.5;margin:0;padding:10px 14px;border-left:2px solid currentColor;background:#ffffff0a}.quiz-result__email-msg--success{color:#7fc29b}.quiz-result__email-msg--error{color:#e8877d}.quiz-result__email-skip{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--stone);margin:0}.quiz-result__email-skip-btn{background:none;border:none;border-bottom:1px solid rgba(184,181,174,.32);color:var(--stone);padding:2px 0;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .15s,border-color .15s}.quiz-result__email-skip-btn:hover{color:var(--bone);border-color:var(--ember)}@media(max-width:639px){.quiz-card{padding:24px 20px}.quiz-card__progress{gap:12px;margin-bottom:24px}.quiz-card__time{display:none}.quiz-card__question{font-size:20px}.quiz-card__option{padding:15px 16px}.quiz-result__headline{font-size:22px}.quiz-result__product-media{width:68px;height:68px}.quiz-result__email-row{flex-direction:column;gap:8px}.quiz-result__email-row input[type=email]{border-right:.5px solid rgba(184,181,174,.3)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/quiz-controller.css.map */