.bb-quiz{display:block;font-family:var(--bb-font-body, inherit);margin-inline:auto;max-width:60rem;min-height:60dvh;padding:var(--bb-space-6) var(--bb-gutter, 1.6rem)}.bb-quiz__screen{display:grid;gap:var(--bb-space-3);justify-items:center;text-align:center}.bb-quiz__screen[hidden],.bb-quiz__progress[hidden]{display:none}.bb-quiz__screen .bb-h1,.bb-quiz__screen .bb-h2{margin:0}.bb-quiz__lede{font-size:var(--bb-text-lg);line-height:var(--bb-leading-snug);margin:0 0 var(--bb-space-2)}.bb-quiz__progress{align-items:center;display:flex;gap:var(--bb-space-3);margin-block-end:var(--bb-space-5)}.bb-quiz__track{background:var(--bb-color-line);border-radius:var(--bb-radius-pill);flex:1;height:.6rem;overflow:hidden}.bb-quiz__track span{background:var(--bb-color-accent);border-radius:inherit;display:block;height:100%;transition:width var(--bb-duration) var(--bb-ease)}.bb-quiz__count{color:var(--bb-color-text-soft);font-size:var(--bb-text-xs);white-space:nowrap}.bb-quiz__question{font-family:var(--bb-font-heading, inherit);font-size:clamp(2.8rem,6vw,3.8rem);font-weight:var(--bb-weight-heading);letter-spacing:0;line-height:1.1;margin:0}.bb-quiz__sub{color:var(--bb-color-text-soft);font-size:var(--bb-text-base);line-height:var(--bb-leading-snug);margin:0}.bb-quiz__options{display:grid;gap:var(--bb-space-2);margin-block-start:var(--bb-space-3);width:100%}.bb-quiz__option{-webkit-appearance:none;appearance:none;background:none;border:var(--bb-border);border-radius:var(--bb-radius-panel);color:inherit;cursor:pointer;font:inherit;font-size:var(--bb-text-base);min-height:6rem;padding:var(--bb-space-3) var(--bb-space-4);transition:border-color var(--bb-duration) var(--bb-ease),background var(--bb-duration) var(--bb-ease);width:100%}.bb-quiz__option:hover{border-color:var(--bb-color-text-soft)}.bb-quiz__option[aria-pressed=true]{background:var(--bb-color-bg-alt);border-color:var(--bb-color-text)}.bb-quiz__back{-webkit-appearance:none;appearance:none;background:none;border:0;color:var(--bb-color-text-soft);cursor:pointer;font:inherit;font-size:var(--bb-text-sm);min-height:4.4rem;padding:0 var(--bb-space-2);text-decoration:underline}.bb-quiz__input{background:none;border:var(--bb-border);border-radius:var(--bb-radius-panel);box-sizing:border-box;color:inherit;font:inherit;min-height:5.2rem;padding-inline:var(--bb-space-4);width:100%}.bb-quiz__error{color:var(--bb-color-notice);font-size:var(--bb-text-sm);margin:0}.bb-quiz__error[hidden]{display:none}.bb-quiz__consent{color:var(--bb-color-text-soft);font-size:var(--bb-text-xs);line-height:var(--bb-leading-snug)}.bb-quiz__consent p{margin:0}.bb-quiz__consent a{color:inherit}.bb-quiz__result{gap:var(--bb-space-4);justify-items:stretch;outline:0;text-align:start}.bb-quiz__media{aspect-ratio:4 / 3;background:var(--bb-color-bg-alt);border-radius:var(--bb-radius-panel);overflow:hidden}.bb-quiz__media img{display:block;height:100%;object-fit:cover;width:100%}.bb-quiz__match{display:grid;gap:var(--bb-space-2)}.bb-quiz__eyebrow{color:var(--bb-color-text-soft);font-size:var(--bb-text-xs);font-weight:var(--bb-weight-strong);letter-spacing:.08em;margin:0;text-transform:uppercase}.bb-quiz__sizes{border:0;margin:var(--bb-space-1) 0 0;padding:0}.bb-quiz__sizes legend{font-size:var(--bb-text-sm);font-weight:var(--bb-weight-strong);margin-block-end:var(--bb-space-2);padding:0}.bb-quiz__sizes div{display:flex;flex-wrap:wrap;gap:var(--bb-space-2)}.bb-quiz__sizes button{-webkit-appearance:none;appearance:none;background:none;border:var(--bb-border);border-radius:var(--bb-radius-pill);color:inherit;cursor:pointer;font:inherit;font-size:var(--bb-text-sm);min-height:4.4rem;padding:0 var(--bb-space-4)}.bb-quiz__sizes button[aria-pressed=true]{border-color:var(--bb-color-text);box-shadow:inset 0 0 0 .1rem var(--bb-color-text)}.bb-quiz__price{align-items:center;display:flex;flex-wrap:wrap;gap:var(--bb-space-2);margin:var(--bb-space-1) 0 0}.bb-quiz__price strong{font-size:var(--bb-text-xl);font-weight:var(--bb-weight-strong)}.bb-quiz__price s{color:var(--bb-color-text-soft);font-size:var(--bb-text-sm)}.bb-quiz__price [hidden]{display:none}.bb-quiz__save{background:var(--bb-color-notice);border-radius:var(--bb-radius-pill);color:var(--bb-color-accent-text);font-size:var(--bb-text-xs);font-weight:var(--bb-weight-strong);line-height:1;padding:.5rem 1rem}.bb-quiz__gift{color:var(--bb-color-notice);font-size:var(--bb-text-sm);font-weight:var(--bb-weight-strong);margin:0}.bb-quiz__gift[hidden]{display:none}.bb-quiz__links{align-items:center;display:flex;font-size:var(--bb-text-sm);gap:var(--bb-space-3);justify-content:space-between;margin:0}@media(min-width:750px){.bb-quiz{padding-block:var(--bb-space-7, 4.8rem)}.bb-quiz:has(.bb-quiz__result:not([hidden])){max-width:96rem}.bb-quiz__result{align-items:center;grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.bb-quiz__track span,.bb-quiz__option{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/bb-quiz.css.map */