.quiz-picker__inner{display:block;max-width:900px;margin:0 auto}.quiz-picker__caption{margin:0;color:var(--text-mute)}.quiz-picker__heading{margin:12px 0 0;font-family:var(--font-display);font-size:clamp(36px,5vw,64px);font-weight:700;letter-spacing:-.02em;line-height:1.05;color:var(--text-heading)}.quiz-picker__intro{margin:16px 0 0;font-size:16px;color:var(--text-mute)}.quiz-picker__step{margin-top:36px}.quiz-picker__step-caption{margin:0 0 14px;color:var(--text-mute)}.quiz-picker__step-caption--two{margin:36px 0 14px}.quiz-picker__options,.quiz-picker__colours{display:flex;flex-wrap:wrap;gap:10px}.quiz-picker__option{border:1.5px solid var(--border-subtle);border-radius:999px;padding:14px 26px;font-family:inherit;font-size:15px;font-weight:500;color:var(--text-mute);background:transparent;cursor:pointer;transition:all var(--dur-hover) ease}.quiz-picker__option:hover{color:var(--text-body);border-color:var(--text-mute)}.quiz-picker__option[aria-checked=true]{border-color:var(--accent);color:var(--text-heading);background:transparent;background:color-mix(in srgb,var(--accent) 12%,transparent)}.quiz-picker__result{margin-top:48px;padding:40px;background:var(--surface-card);border-radius:var(--radius-card);display:grid;grid-template-columns:1fr;gap:32px;align-items:center;animation:fadeIn var(--dur-hover) ease}.quiz-picker__result[hidden]{display:none}.quiz-picker__result-media{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:1 / 1;background:var(--stage-gradient)}.quiz-picker__result-image,.quiz-picker__result-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:18px}.quiz-picker__result-image[hidden],.quiz-picker__result-placeholder[hidden]{display:none}.quiz-picker__result-placeholder svg{width:100%;height:100%}.quiz-picker__result-caption{margin:0;color:var(--mode-color, var(--accent-text))}.quiz-picker__result-heading{margin:8px 0 0;font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--text-heading)}.quiz-picker__result-copy{margin:10px 0 24px;font-size:15px;line-height:1.6;color:var(--text-mute)}.quiz-picker__result-cta{display:inline-flex}@media screen and (min-width:750px){.quiz-picker__result{grid-template-columns:200px 1fr}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-quiz-picker.css.map */