.bb-oak-drinks{--space-oak-drinks-gap: 24px;--space-oak-drinks-card: 24px;--space-oak-drinks-rail-pad: 20px;--width-oak-drinks-rail: 160px;--width-oak-drinks-stage: 380px;--size-oak-drinks-picture-min: 240px;--space-oak-drinks-stage: 16px;--space-oak-drinks-sticky: 8px;--size-oak-drinks-step: 40px;--space-oak-drinks-step-inset: 8px;--height-oak-drinks-about: 200px;--size-oak-drinks-tip-icon: 24px;--width-oak-drinks-intro: 56ch;--color-oak-drinks-glow: transparent;display:flex;flex-direction:column;gap:var(--space-oak-drinks-gap);padding:var(--space-section-block-lg) var(--space-page-inline);background:var(--color-surface-page);color:var(--color-text-primary);font-family:var(--font-family-body)}.bb-oak-drinks p,.bb-oak-drinks dl,.bb-oak-drinks dd{margin:0}.bb-oak-drinks__header{display:grid;gap:12px}.bb-oak-drinks__intro{max-width:var(--width-oak-drinks-intro);color:var(--color-text-secondary);font-size:var(--font-size-16);line-height:1.6}.bb-oak-drinks__tabs{display:grid;gap:var(--space-oak-drinks-gap);padding:var(--space-oak-drinks-card);border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-panel);background:var(--color-surface-raised)}.bb-oak-drinks__tablist{position:sticky;top:var(--sticky-area-height, 0px);z-index:3;display:flex;gap:2px;margin-inline:calc(-1 * var(--space-oak-drinks-card));margin-block-start:calc(-1 * var(--space-oak-drinks-sticky));padding-inline:var(--space-oak-drinks-card);padding-block:var(--space-oak-drinks-sticky);background:var(--color-surface-raised);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--space-oak-drinks-card);scrollbar-width:none}.bb-oak-drinks__tablist::-webkit-scrollbar{display:none}.bb-oak-drinks__tab{flex:0 0 auto;padding:12px 16px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-13);font-weight:600;line-height:1;letter-spacing:var(--letter-spacing-button);text-align:start;text-transform:uppercase;white-space:nowrap;cursor:pointer;scroll-snap-align:start;transition:background-color var(--motion-duration-fast) var(--motion-ease-out),color var(--motion-duration-fast) var(--motion-ease-out)}.bb-oak-drinks__tab:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.bb-oak-drinks__tab[aria-selected=true]{background:var(--color-surface-page);color:var(--color-text-primary)}.bb-oak-drinks__tablist{grid-row:1}.bb-oak-drinks__panel{display:grid;grid-row:2;grid-column:1;align-content:start;gap:var(--space-oak-drinks-gap)}.bb-oak-drinks__panel[hidden]{display:grid!important;visibility:hidden;pointer-events:none}.bb-oak-drinks__panel:not([hidden],[data-leaving]){position:relative;z-index:1}.bb-oak-drinks__panel[data-leaving]{pointer-events:none;animation:bb-oak-drinks-hold var(--motion-duration-base) linear forwards}.bb-oak-drinks__tabs[data-switched] .bb-oak-drinks__panel[data-leaving] :is(.bb-oak-drinks__about,.bb-oak-drinks__fact,.bb-oak-drinks__tip){animation:bb-oak-drinks-out var(--motion-duration-fast) var(--motion-ease-out) both}.bb-oak-drinks__tabs[data-switched] .bb-oak-drinks__panel:not([data-leaving]) .bb-oak-drinks__stage{animation:bb-oak-drinks-in var(--motion-duration-base) var(--motion-ease-out) both}.bb-oak-drinks__tabs[data-switched] .bb-oak-drinks__panel:not([data-leaving]) :is(.bb-oak-drinks__about,.bb-oak-drinks__fact,.bb-oak-drinks__tip){animation:bb-oak-drinks-rise var(--motion-duration-base) var(--motion-ease-out) both;animation-delay:calc(var(--step, 1) * var(--stagger-reveal))}.bb-oak-drinks__about{--step: 1}.bb-oak-drinks__fact:nth-child(1){--step: 2}.bb-oak-drinks__fact:nth-child(2){--step: 3}.bb-oak-drinks__fact:nth-child(3){--step: 4}.bb-oak-drinks__fact:nth-child(4){--step: 5}.bb-oak-drinks__tip{--step: 6}@keyframes bb-oak-drinks-hold{to{opacity:1}}@keyframes bb-oak-drinks-out{to{opacity:0}}@keyframes bb-oak-drinks-in{0%{opacity:0}}@keyframes bb-oak-drinks-rise{0%{opacity:0;transform:translateY(var(--distance-reveal))}}.bb-oak-drinks__stage{display:flex;flex-direction:column;gap:10px;padding:var(--space-oak-drinks-stage);border-radius:var(--radius-card);background:radial-gradient(circle at 50% 30%,var(--color-oak-drinks-glow),transparent 60%),linear-gradient(to bottom,var(--color-surface-page),var(--color-surface-ground))}.bb-oak-drinks__media{position:relative;flex:none;height:var(--size-oak-drinks-picture-min)}.bb-oak-drinks__media img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain}.bb-oak-drinks__about{display:grid;align-self:stretch;align-content:start;gap:8px;min-height:var(--height-oak-drinks-about);padding-block:16px}.bb-oak-drinks__title{margin:0;font-family:var(--font-family-display);font-size:var(--font-size-24);font-weight:var(--font-weight-display);line-height:1.25;letter-spacing:0;text-transform:none}.bb-oak-drinks__lead{color:var(--color-text-secondary);font-size:var(--font-size-16);line-height:1.6}.bb-oak-drinks__details{display:grid;align-content:start;gap:var(--space-oak-drinks-gap);min-width:0}.bb-oak-drinks__fact{display:grid;gap:8px;padding-block:16px;border-block-end:var(--border-width-hairline) solid var(--color-border-default)}.bb-oak-drinks__fact dt{color:var(--color-text-secondary);font-size:var(--font-size-16);font-weight:500;line-height:1}.bb-oak-drinks__fact dd{color:var(--color-text-tertiary);font-size:var(--font-size-16);line-height:1.6}.bb-oak-drinks__tip{display:flex;gap:8px;padding:16px;border-radius:var(--radius-card);background:var(--color-surface-page)}.bb-oak-drinks__tip .bb-icon{flex:none;width:var(--size-oak-drinks-tip-icon);height:var(--size-oak-drinks-tip-icon);color:var(--color-text-eyebrow)}.bb-oak-drinks__tip>div{display:grid;gap:8px;min-width:0}.bb-oak-drinks__tip-label{color:var(--color-text-secondary);font-size:var(--font-size-16);font-weight:500;line-height:1}.bb-oak-drinks__tip p:last-child{color:var(--color-text-tertiary);font-size:var(--font-size-16);line-height:1.6}.bb-oak-drinks__steps{grid-row:2;grid-column:1;align-self:start;height:var(--size-oak-drinks-picture-min);margin-block-start:var(--space-oak-drinks-stage);padding-inline:var(--space-oak-drinks-step-inset)}.bb-oak-drinks__steps .bb-carousel-arrow{--carousel-arrow-size: var(--size-oak-drinks-step)}.bb-oak-drinks__note{max-width:var(--width-oak-drinks-intro);color:var(--color-text-secondary);font-size:var(--font-size-15);line-height:1.6}.bb-oak-drinks__note p{margin:0}@media(min-width:700px){.bb-oak-drinks__panel{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-content:stretch;align-items:stretch}.bb-oak-drinks__media{flex:1 1 auto;height:auto;min-height:var(--size-oak-drinks-picture-min)}.bb-oak-drinks__steps{display:none}}@media(min-width:1150px){.bb-oak-drinks__tabs{grid-template-columns:var(--width-oak-drinks-rail) minmax(0,1fr);align-items:stretch}.bb-oak-drinks__tablist{position:static;flex-direction:column;margin:0;padding:0 var(--space-oak-drinks-rail-pad) 0 0;background:none;border-inline-end:var(--border-width-hairline) solid var(--color-border-subtle);overflow:visible}.bb-oak-drinks__tab{width:100%}.bb-oak-drinks__tablist,.bb-oak-drinks__panel{grid-row:1}.bb-oak-drinks__panel{grid-column:2;grid-template-columns:var(--width-oak-drinks-stage) minmax(0,1fr)}}.bb-oak-drinks.bb-scheme-dark{--color-oak-drinks-glow: rgb(var(--color-amber-glow) / var(--strength-oak-drinks-glow));--strength-oak-drinks-glow: .14}
/*# sourceMappingURL=/cdn/shop/t/117/assets/section-bb-oak-drinks.css.map */