.bb-oak-sizes{--space-oak-sizes-gap: 24px;--space-oak-sizes-card: 20px;--space-oak-sizes-tag: 7px 14px;--height-oak-sizes-card: 312px;--space-oak-sizes-card-gap: 12px;--space-oak-sizes-text-gap: 8px;--width-oak-sizes-item: 70%;--width-oak-sizes-compare: 750px;--space-oak-sizes-answer: 10px 16px;--size-oak-sizes-step: 24px;--size-oak-sizes-prompt-icon: 56px;--opacity-oak-sizes-prompt-icon: .35;--size-oak-sizes-pick: 140px;--width-oak-sizes-intro: 56ch;--space-oak-sizes-guide-gap: 16px;--width-oak-sizes-guide: 800px;--size-oak-sizes-guide-close: 40px;display:flex;flex-direction:column;gap:var(--space-oak-sizes-gap);padding:var(--space-section-block-lg) var(--space-page-inline);background:var(--color-surface-raised);color:var(--color-text-primary);font-family:var(--font-family-body)}.bb-oak-sizes p,.bb-oak-sizes fieldset{margin:0}.bb-oak-sizes__header{display:grid;gap:12px}.bb-oak-sizes__intro{max-width:var(--width-oak-sizes-intro);color:var(--color-text-secondary);font-size:var(--font-size-16);line-height:1.6}.bb-oak-sizes__compare{display:flex;justify-content:center;border-radius:var(--radius-card);background:var(--color-surface-page)}.bb-oak-sizes__compare{flex-direction:column;align-items:center;gap:var(--space-oak-sizes-guide-gap);padding-block-end:var(--space-oak-sizes-guide-gap)}.bb-oak-sizes__compare img{display:block;width:100%;max-width:var(--width-oak-sizes-compare);height:auto}.bb-oak-sizes__guide:popover-open{position:fixed;top:0;right:0;bottom:0;left:0;width:min(var(--width-oak-sizes-guide),100% - 2 * var(--space-oak-sizes-guide-gap));max-height:calc(100dvh - 2 * var(--space-oak-sizes-guide-gap));margin:auto;padding:0;overflow:auto;border:0;border-radius:var(--radius-card);background:var(--color-surface-page)}.bb-oak-sizes__guide::backdrop{background:var(--color-surface-overlay)}.bb-oak-sizes__guide img{display:block;width:100%;height:auto}.bb-oak-sizes__guide-close{position:absolute;inset:12px 12px auto auto;width:var(--size-oak-sizes-guide-close);height:var(--size-oak-sizes-guide-close);border:0;border-radius:50%;background:var(--color-surface-page);color:var(--color-text-primary);font-size:var(--font-size-24);line-height:1;cursor:pointer}.bb-oak-sizes__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-oak-sizes-gap);padding-block-start:16px}.bb-oak-sizes__item{position:relative;display:flex}.bb-oak-sizes__card{display:flex;flex:1;flex-direction:column;align-items:center;gap:var(--space-oak-sizes-card-gap);min-height:var(--height-oak-sizes-card);padding:var(--space-oak-sizes-card);border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-image);background:var(--color-surface-raised);text-align:center}.bb-oak-sizes__item--featured .bb-oak-sizes__card{border-color:var(--color-focus-ring)}.bb-oak-sizes__text{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-oak-sizes-text-gap)}.bb-oak-sizes__tag{position:absolute;inset-block-start:0;inset-inline-start:50%;z-index:1;display:inline-flex;align-items:center;box-sizing:border-box;width:max-content;translate:-50% -50%;padding:var(--space-oak-sizes-tag);border-radius:var(--radius-pill);background:var(--color-status-info);color:var(--color-text-inverse);font-size:var(--font-size-14);line-height:1;white-space:nowrap}.bb-oak-sizes__item--featured .bb-oak-sizes__tag{background:var(--color-action-primary-bg-hover)}.bb-oak-sizes__label{color:var(--color-text-secondary);font-size:var(--font-size-24);font-weight:500;line-height:1.3}.bb-oak-sizes__capacity{margin-block-start:-4px!important;color:var(--color-text-secondary);font-size:var(--font-size-12);font-weight:300;line-height:1.25}.bb-oak-sizes__blurb{color:var(--color-text-secondary);font-size:var(--font-size-14);line-height:1.25}.bb-oak-sizes__price{font-size:var(--font-size-16);font-weight:500;line-height:1.6}.bb-oak-sizes__price span{color:var(--color-text-tertiary)}.bb-oak-sizes__button.bb-button--secondary{--button-border: transparent;--button-bg: var(--color-surface-sunken);color:var(--color-text-primary);box-shadow:none}.bb-oak-sizes__button.bb-button--secondary:is(:hover,:focus-visible):not(:disabled){transform:none;box-shadow:none}.bb-oak-sizes__button.bb-button--secondary:before{display:none}.bb-oak-sizes__button{text-transform:uppercase;letter-spacing:var(--letter-spacing-button)}.bb-oak-sizes__card--ask{justify-content:center;gap:4px;background:var(--color-surface-sunken);color:inherit;font:inherit;cursor:pointer;transition:border-color var(--motion-duration-fast) var(--motion-ease-out)}.bb-oak-sizes__card--ask:hover,.bb-oak-sizes__card--ask[aria-expanded=true]{border-color:var(--color-border-accent)}.bb-oak-sizes__ask-title{font-size:var(--font-size-17);font-weight:500;line-height:1.6}.bb-oak-sizes__ask-text{color:var(--color-text-secondary);font-size:var(--font-size-14);line-height:1.25}.bb-oak-sizes__quiz{display:grid;grid-template-rows:0fr;margin-block-start:calc(-1 * var(--space-oak-sizes-gap));transition:grid-template-rows var(--motion-duration-base) var(--motion-ease-out),margin-block-start var(--motion-duration-base) var(--motion-ease-out)}.bb-oak-sizes__quiz[open]{grid-template-rows:1fr;margin-block-start:0}.bb-oak-sizes__quiz-inner{min-height:0;overflow:hidden}.bb-oak-sizes__quiz-body{display:grid;gap:24px;padding:clamp(20px,3vw,40px);border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-surface-page)}.bb-oak-sizes__questions{display:grid;gap:24px}.bb-oak-sizes__question{display:grid;align-content:start;gap:12px;min-width:0;padding:0;border:0}.bb-oak-sizes__question legend{display:flex;align-items:center;gap:10px;padding:0;margin-block-end:12px;font-size:var(--font-size-16);font-weight:600}.bb-oak-sizes__step{display:grid;flex:none;place-items:center;width:var(--size-oak-sizes-step);height:var(--size-oak-sizes-step);border-radius:50%;background:var(--color-surface-avatar);color:var(--color-text-eyebrow);font-size:var(--font-size-13)}.bb-oak-sizes__answers{display:flex;flex-wrap:wrap;gap:8px}.bb-oak-sizes__answer{position:relative;cursor:pointer}.bb-oak-sizes__answer input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.bb-oak-sizes__answer span{display:block;padding:var(--space-oak-sizes-answer);border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text-secondary);font-size:var(--font-size-15);font-weight:400;line-height:1;transition:border-color var(--motion-duration-fast) var(--motion-ease-out),background-color var(--motion-duration-fast) var(--motion-ease-out)}.bb-oak-sizes__answer:hover span,.bb-oak-sizes__answer input:checked+span{border-color:var(--color-border-accent)}.bb-oak-sizes__answer input:checked+span{background:var(--color-surface-tint-amber)}.bb-oak-sizes__answer input:focus-visible+span{outline:2px solid var(--color-focus-ring);outline-offset:2px}.bb-oak-sizes__prompt{display:grid;justify-items:center;gap:12px;align-self:center;color:var(--color-text-tertiary);font-size:var(--font-size-15);text-align:center;text-wrap:balance}.bb-oak-sizes__prompt-icon{width:var(--size-oak-sizes-prompt-icon);height:var(--size-oak-sizes-prompt-icon);opacity:var(--opacity-oak-sizes-prompt-icon)}.bb-oak-sizes__result{display:grid;min-width:0;padding:20px;border-radius:var(--radius-image);background:var(--color-surface-raised)}.bb-oak-sizes__result>*{grid-area:1 / 1}.bb-oak-sizes__result:not([data-ready]) .bb-oak-sizes__pick,.bb-oak-sizes__result[data-ready] .bb-oak-sizes__prompt{visibility:hidden}.bb-oak-sizes__pick{display:grid;justify-items:start;align-content:start;gap:12px}.bb-oak-sizes__pick-image{width:var(--size-oak-sizes-pick);height:var(--size-oak-sizes-pick);overflow:hidden;border-radius:var(--radius-image);background:var(--color-surface-page)}.bb-oak-sizes__pick-image img{display:block;width:100%;height:100%;object-fit:cover}.bb-oak-sizes__pick-name{display:-webkit-box;min-height:calc(3 * 1.35em);overflow:hidden;font-size:var(--font-size-17);font-weight:600;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:3}.bb-oak-sizes__line{min-height:3em;color:var(--color-text-secondary);font-size:var(--font-size-15);line-height:1.5}@media(max-width:699px){.bb-oak-sizes{--height-oak-sizes-card: 236px;--space-oak-sizes-card: 14px;--space-oak-sizes-card-gap: 8px;--space-oak-sizes-text-gap: 4px;--width-oak-sizes-item: 56%}.bb-oak-sizes__list{display:flex;margin-inline:calc(-1 * var(--space-page-inline));padding-inline:var(--space-page-inline);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-page-inline);scrollbar-width:none}.bb-oak-sizes__item{flex:0 0 var(--width-oak-sizes-item);scroll-snap-align:start}}@media(min-width:1150px){.bb-oak-sizes__list{grid-template-columns:repeat(5,minmax(0,1fr))}.bb-oak-sizes__quiz-body{grid-template-columns:1fr minmax(0,340px);align-items:start}.bb-oak-sizes__questions{grid-column:1;grid-row:1 / span 2}.bb-oak-sizes__result{grid-column:2;grid-row:1}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/section-bb-oak-sizes.css.map */