.quiz__screen[hidden]{display:none}.quiz__intro{display:flex;min-height:72vh;max-width:48rem;margin-inline:auto;flex-direction:column;align-items:center;justify-content:center;padding-block:4rem;text-align:center}@media(min-width:768px){.quiz__intro{padding-block:6rem}}.quiz__intro-media{margin-bottom:2.5rem}.quiz__intro-img{margin-inline:auto;aspect-ratio:5 / 6;width:9rem}@media(min-width:768px){.quiz__intro-img{width:11rem}}.quiz__intro-heading{margin-top:1.5rem;font-family:var(--font-display);font-weight:400;font-size:clamp(2.5rem,6vw,3.75rem);line-height:1.06}.quiz__intro-line{margin-top:1.75rem;font-size:1.125rem}.quiz__intro-cta{margin-top:3rem;width:100%}@media(min-width:640px){.quiz__intro-cta{width:auto}}.quiz__steps{margin-inline:auto;max-width:42rem;padding-block:3.5rem}@media(min-width:768px){.quiz__steps{padding-block:5rem}}.quiz__progress{display:flex;align-items:center;gap:1.5rem}.quiz__progress-track{height:1px;flex:1;background:var(--hairline)}.quiz__progress-bar{height:1px;width:0%;background:var(--color-espresso);transition:width .7s var(--ease-soft)}.quiz__progress-count{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--color-smoke)}.quiz__step{margin-top:3rem;min-height:55vh;opacity:1;transform:none;transition:opacity .7s var(--ease-soft),transform .7s var(--ease-soft)}@media(min-width:768px){.quiz__step{margin-top:4rem}}.quiz__step.is-entering{opacity:0;transform:translateY(16px);transition:none}.quiz__question{font-family:var(--font-display);font-weight:400;font-size:clamp(2.25rem,5.5vw,3rem);line-height:1.08}.quiz__options{display:grid;gap:.75rem;margin-top:2.5rem}@media(min-width:640px){.quiz__options--wide{grid-template-columns:repeat(2,minmax(0,1fr))}}.quiz__option{cursor:pointer;border:1px solid color-mix(in srgb,var(--color-ink) 15%,transparent);background:transparent;padding:1.25rem 1.5rem;text-align:left;color:var(--color-ink);transition:background-color .3s var(--ease-soft),color .3s var(--ease-soft),border-color .3s var(--ease-soft)}@media(min-width:768px){.quiz__option{padding:1.5rem 1.75rem}}.quiz__option:hover{background:var(--color-wax)}.quiz__option.is-selected{border-color:var(--color-espresso);background:var(--color-espresso);color:var(--color-ivory)}.quiz__option-label{display:block;font-family:var(--font-display);font-size:1.25rem;line-height:1.3}@media(min-width:768px){.quiz__option-label{font-size:1.5rem}}.quiz__option-hint{display:block;margin-top:.375rem;font-size:.75rem;line-height:1.6;color:color-mix(in srgb,var(--color-ink) 55%,transparent)}.quiz__option.is-selected .quiz__option-hint{color:color-mix(in srgb,var(--color-ivory) 60%,transparent)}.quiz__back{display:inline-flex;align-items:center;gap:.5rem;margin-top:2.5rem;border:0;background:transparent;padding:0;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--color-smoke);transition:color .3s ease}.quiz__back:hover{color:var(--color-ink)}.quiz__back svg{width:14px;height:14px}.quiz__results{padding-block:3.5rem 6rem}@media(min-width:768px){.quiz__results{padding-block:6rem 8rem}}.quiz__verdict-wrap{margin-inline:auto;max-width:48rem;text-align:center}.quiz__verdict{margin-top:1.25rem;font-family:var(--font-display);font-weight:400;font-size:clamp(2.25rem,6vw,3.75rem);line-height:1.06}.quiz__verdict-sub{margin-inline:auto;margin-top:1.5rem;max-width:36rem;line-height:1.7;color:color-mix(in srgb,var(--color-ink) 70%,transparent)}.quiz__featured{display:grid;gap:2.5rem;align-items:center;margin-top:4rem}@media(min-width:768px){.quiz__featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem;margin-top:6rem}}@media(min-width:1024px){.quiz__featured{gap:5rem}}.quiz__stage{display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:var(--color-wax);border-top-left-radius:999px;border-top-right-radius:999px}.quiz__stage--featured{aspect-ratio:4 / 5}.quiz__stage--runner{aspect-ratio:4 / 5;border-radius:0;transition:transform .7s var(--ease-soft)}.group:hover .quiz__stage--runner{transform:scale(1.04)}.quiz__stage-img{width:70%;max-width:280px;height:auto;object-fit:contain;transform:translateY(3%)}.quiz__featured-title{margin-top:1.25rem;font-family:var(--font-display);font-weight:400;font-size:clamp(2.25rem,5vw,3rem);line-height:1.05}.quiz__notes{margin-top:1rem;font-size:.875rem;color:color-mix(in srgb,var(--color-ink) 70%,transparent)}.quiz__lit{margin-top:.5rem;font-size:1rem}.quiz__why{margin-top:2rem;padding-top:1.5rem}.quiz__why-line{margin-top:.75rem;font-size:1.25rem;line-height:1.4}@media(min-width:768px){.quiz__why-line{font-size:1.5rem}}.quiz__featured-cta{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;margin-top:2.5rem}@media(min-width:640px){.quiz__featured-cta{flex-direction:row;flex-wrap:wrap;align-items:center;gap:1.5rem}}.quiz__price{font-size:.875rem;font-weight:500;letter-spacing:.025em;color:var(--color-ink)}.quiz__runners{display:grid;gap:3rem;margin-inline:auto;margin-top:5rem;max-width:48rem}@media(min-width:640px){.quiz__runners{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.quiz__runners{margin-top:7rem}}.quiz__runner{display:block;text-decoration:none;color:var(--color-ink)}.quiz__runner-media{position:relative;overflow:hidden}.quiz__runner-rank{position:absolute;left:1rem;top:1rem;z-index:1;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--color-ink) 60%,transparent)}.quiz__runner-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-top:1.25rem}.quiz__runner-title{font-family:var(--font-display);font-weight:400;font-size:1.5rem;line-height:1.1}.quiz__runner-family{padding-top:.5rem}.quiz__runner-why-label{margin-top:1.25rem;padding-top:1rem;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--color-smoke)}.quiz__runner-why{margin-top:.5rem;font-size:.875rem;line-height:1.7;color:color-mix(in srgb,var(--color-ink) 70%,transparent)}.quiz__runner-view{display:inline-block;margin-top:1rem;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb,var(--color-ink) 80%,transparent)}.quiz__exits{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 2rem;margin-top:5rem;padding-top:2.5rem}@media(min-width:768px){.quiz__exits{margin-top:7rem}}.quiz__exit{cursor:pointer;border:0;background:transparent;padding:0;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;color:var(--color-smoke);transition:color .3s ease}.quiz__exit:hover{color:var(--color-ink)}.quiz__exit-divider{height:12px;width:1px;background:color-mix(in srgb,var(--color-ink) 15%,transparent)}.quiz__empty{margin-inline:auto;max-width:36rem;padding-block:4rem;text-align:center}.quiz__empty-cta{margin-top:2.5rem}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-quiz.css.map */