.ff-quiz{padding:var(--ff-section-padding-y) 0}.ff-quiz__container{max-width:720px;margin:0 auto;padding:0 clamp(20px,5vw,32px)}.ff-quiz__app{display:block;position:relative;min-height:320px}.ff-quiz__screen{display:none;text-align:center;animation:ff-quiz-in .45s ease both}.ff-quiz__screen.is-active{display:block}@keyframes ff-quiz-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ff-quiz__screen{animation:none}}.ff-quiz__heading{margin:8px 0 0;font-family:var(--ff-font-heading);font-weight:var(--ff-font-heading-weight);font-size:clamp(1.8rem,3.4vw,2.8rem);color:var(--color-text)}.ff-quiz__divider{width:48px;margin:24px auto}.ff-quiz__subheading{max-width:32rem;margin:0 auto 32px;font-family:var(--ff-font-body);font-weight:var(--ff-font-body-light-weight);font-size:var(--ff-text-body-sm);line-height:1.7;color:var(--color-text-muted)}.ff-quiz__progress{display:flex;align-items:center;gap:14px;max-width:22rem;margin:0 auto 32px}.ff-quiz__progress-text{flex:none;font-family:var(--ff-font-body);font-size:10px;letter-spacing:.28em;color:var(--color-text-faint)}.ff-quiz__progress-track{flex:1 1 auto;height:1px;background:var(--color-border)}.ff-quiz__progress-fill{display:block;height:100%;background:var(--color-accent);transition:width .4s ease}.ff-quiz__question-text{margin:0 0 32px;font-family:var(--ff-font-heading);font-weight:var(--ff-font-heading-weight);font-size:clamp(1.5rem,2.8vw,2.2rem);line-height:1.25;color:var(--color-text)}.ff-quiz__options{display:grid;gap:12px;max-width:26rem;margin:0 auto}.ff-quiz__option{padding:16px 20px;background:transparent;border:1px solid var(--color-border);color:var(--color-text);font-family:var(--ff-font-body);font-weight:var(--ff-font-body-light-weight);font-size:var(--ff-text-body);cursor:pointer;transition:border-color .25s ease,background-color .25s ease,color .25s ease}.ff-quiz__option:hover{border-color:var(--color-accent);background:#e8b49c14;color:var(--color-accent)}.ff-quiz__back{margin-top:28px;background:none;border:none;font-family:var(--ff-font-body);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-faint);cursor:pointer}.ff-quiz__back:hover{color:var(--color-accent)}.ff-quiz__result-title{margin:8px 0 0;font-family:var(--ff-font-heading);font-weight:var(--ff-font-heading-weight);font-size:clamp(1.8rem,3.2vw,2.6rem);color:var(--color-text)}.ff-quiz__result-media{width:240px;margin:0 auto 24px;background:var(--color-bg-alt)}.ff-quiz__result-media img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.ff-quiz__result-text{max-width:30rem;margin:0 auto 32px;font-family:var(--ff-font-body);font-weight:var(--ff-font-body-light-weight);font-size:var(--ff-text-body-sm);line-height:1.7;color:var(--color-text-muted)}.ff-quiz--cream .ff-quiz__heading,.ff-quiz--cream .ff-quiz__question-text,.ff-quiz--cream .ff-quiz__result-title{color:var(--color-text-on-cream)}.ff-quiz--cream .ff-quiz__subheading,.ff-quiz--cream .ff-quiz__result-text{color:var(--color-text-on-cream-muted)}.ff-quiz--cream .ff-quiz__option{border-color:#12121233;color:var(--color-text-on-cream)}.ff-quiz--cream .ff-quiz__eyebrow{color:var(--color-text-on-cream-muted)}.ff-quiz-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:#0a0a0adb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .3s ease}.ff-quiz-modal.is-open{opacity:1}.ff-quiz-modal[hidden]{display:none}.ff-quiz-modal__inner{position:relative;width:100%;max-width:860px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;padding:56px 28px 40px;background:var(--color-bg);border:1px solid var(--color-border);transform:translateY(14px);transition:transform .35s cubic-bezier(.22,1,.36,1)}.ff-quiz-modal.is-open .ff-quiz-modal__inner{transform:translateY(0)}.ff-quiz-modal__close{position:absolute;top:14px;right:14px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:0;color:var(--color-text);cursor:pointer;transition:color .25s ease}.ff-quiz-modal__close:hover{color:var(--color-accent)}.ff-quiz-modal__close svg{width:22px;height:22px}.ff-quiz-modal .ff-quiz__app{min-height:0;padding:0}.ff-quiz__result-ctas{display:flex;flex-direction:column;align-items:center;gap:10px}.ff-quiz__result-cta[hidden]{display:none}@media screen and (max-width:749px){.ff-quiz-modal{padding:0}.ff-quiz-modal__inner{max-width:100%;height:100%;max-height:100%;padding:60px 20px 32px;border:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ff-quiz.css.map */