.bquiz{background-color:var(--surface-raised);padding-block:var(--space-9) var(--space-8);border-block:1px solid var(--line)}.bquiz__inner{max-inline-size:1100px;margin-inline:auto;padding-inline:var(--space-margin);display:flex;flex-direction:column;gap:var(--space-6)}.bquiz__header{display:flex;flex-direction:column;gap:8px;max-inline-size:56ch}.bquiz__eyebrow{font-family:var(--font-body);font-size:11px;font-weight:var(--inter-wght-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--accent)}.bquiz__headline{margin:0;font-family:var(--font-display);font-variation-settings:var(--frax-heading);font-size:clamp(1.75rem,1.3rem + 1.6vw,2.75rem);letter-spacing:var(--tracking-display);line-height:1.05;color:var(--text-primary)}.bquiz__sub{margin:0;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-muted);line-height:1.55}.bquiz__form{display:flex;flex-direction:column;gap:var(--space-6)}.bquiz__field{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.bquiz__legend{font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--inter-wght-semibold);letter-spacing:var(--tracking-small);text-transform:uppercase;color:var(--text-primary);padding:0}.bquiz__chips{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(min-width:720px){.bquiz__chips{grid-template-columns:repeat(3,1fr)}}.bquiz__chip{display:flex;align-items:stretch;cursor:pointer;position:relative}.bquiz__chip input{position:absolute;opacity:0;pointer-events:none}.bquiz__chip-text{flex:1;background-color:var(--surface-base);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:4px;transition:background-color var(--dur-sm) var(--ease-out-expo),border-color var(--dur-sm) var(--ease-out-expo),color var(--dur-sm) var(--ease-out-expo)}.bquiz__chip-text strong{font-family:var(--font-body);font-weight:var(--inter-wght-semibold);font-size:var(--text-base);letter-spacing:var(--tracking-small);color:var(--text-primary)}.bquiz__chip-text em{font-style:normal;font-family:var(--font-body);font-size:13px;color:var(--text-muted);line-height:1.4}.bquiz__chip:hover .bquiz__chip-text{border-color:var(--text-primary)}.bquiz__chip input:focus-visible+.bquiz__chip-text{outline:2px solid var(--accent);outline-offset:2px}.bquiz__chip input:checked+.bquiz__chip-text{background-color:var(--text-primary);border-color:var(--text-primary)}.bquiz__chip input:checked+.bquiz__chip-text strong{color:var(--surface-base)}.bquiz__chip input:checked+.bquiz__chip-text em{color:color-mix(in oklch,var(--surface-base) 80%,transparent)}.bquiz__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding-block-start:var(--space-3);border-block-start:1px solid var(--line)}.bquiz__submit{font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--inter-wght-medium);letter-spacing:var(--tracking-button);text-transform:uppercase;background-color:var(--text-primary);color:var(--surface-base);border:0;padding:14px 28px;border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--dur-sm) var(--ease-out-expo),transform var(--dur-sm) var(--ease-out-expo)}.bquiz__submit:hover{background-color:var(--accent);transform:translateY(-1px)}.bquiz__submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.bquiz__reset{background:transparent;border:0;font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--inter-wght-medium);letter-spacing:var(--tracking-button);text-transform:uppercase;color:var(--text-muted);padding:14px 4px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.bquiz__reset:hover{color:var(--text-primary)}.bquiz__saved{margin:0;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:12px;color:var(--accent)}.bquiz__saved[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brand-style-quiz.css.map */