.bc-header beerclub-pack-menu{display:block;position:relative;align-self:center;min-width:0;max-width:100%}.bc-header beerclub-pack-menu:has([data-pack-menu][open]){z-index:3}.bc-header beerclub-pack-menu,.bc-header beerclub-pack-menu *{box-sizing:border-box}.bc-header .bc-pack-disclosure{margin:0;min-width:0}.bc-header .bc-pack-disclosure::details-content{display:contents}.bc-header .bc-pack-disclosure[open]::details-content{content-visibility:visible}.bc-header .bc-pack-disclosure:not([open])>.bc-pack-panel{display:none}.bc-header .bc-pack-trigger{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;width:100%;min-height:max(44px,var(--bc-pack-button-height, 44px));margin:0;padding:.625rem .75rem;border:1px solid var(--bc-pack-desktop-border, #17626a);border-radius:var(--bc-pack-radius, 8px);background:var(--bc-pack-desktop-bg, #e9fafb);color:var(--bc-pack-desktop-text, #17626a);font:inherit;font-size:var(--bc-pack-font-size, 13px);font-weight:800;line-height:1.35;text-align:left;text-decoration:none;cursor:pointer;touch-action:manipulation}.bc-header .bc-pack-trigger:hover .bc-pack-label,.bc-header .bc-pack-trigger[aria-current=page] .bc-pack-label{text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:.2em}.bc-header .bc-pack-trigger:focus-visible,.bc-header .bc-pack-cta:focus-visible,.bc-header .bc-pack-close:focus-visible{outline:3px solid currentColor;outline-offset:3px}.bc-header .bc-pack-label{flex:1;min-width:0;overflow-wrap:anywhere}.bc-header .bc-pack-icon,.bc-header .bc-pack-chevron{display:inline-flex;align-items:center;justify-content:center;flex:none}.bc-header .bc-pack-icon svg{width:20px;height:20px}.bc-header .bc-pack-chevron svg{width:14px;height:14px;transition:transform .16s ease}.bc-header [data-pack-menu][open]>.bc-pack-trigger .bc-pack-chevron svg{transform:rotate(180deg)}.bc-header .bc-pack-badge{flex:0 1 auto;min-width:0;max-width:8rem;padding:.3125rem .4375rem;border-radius:min(5px,var(--bc-pack-radius, 8px));background:var(--bc-pack-badge-bg, #57dce3);color:var(--bc-pack-badge-text, #123238);font-size:11px;font-weight:800;line-height:1.25;text-align:center;overflow-wrap:anywhere}.bc-header .bc-pack-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:1;width:min(var(--bc-pack-panel-width, 360px),calc(100vw - 32px));max-height:var(--bc-pack-available-height, calc(100dvh - var(--bc-header-height, 180px) - 24px));margin:0;padding:20px;overflow:auto;overscroll-behavior:contain;border:1px solid color-mix(in srgb,var(--bc-pack-panel-text, #252b31) 15%,var(--bc-pack-panel-bg, #fff));border-radius:max(10px,var(--bc-pack-radius, 8px));background:var(--bc-pack-panel-bg, #fff);color:var(--bc-pack-panel-text, #252b31);box-shadow:var(--bc-pack-shadow, 0 12px 32px rgb(0 0 0 / .18));translate:var(--bc-pack-panel-shift, 0px) 0}.bc-header .bc-pack-panel[data-shadow=false]{box-shadow:none}.bc-header .bc-pack-panel:not(:has(.bc-pack-title)){padding-top:52px}.bc-header .bc-pack-title{display:block;margin:0 32px 8px 0;padding:0;color:inherit;font-family:inherit;font-size:18px;font-weight:800;line-height:1.35;letter-spacing:-.02em;overflow-wrap:anywhere}.bc-header .bc-pack-description{margin:0 0 16px;color:inherit;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.bc-header .bc-pack-description>:first-child{margin-top:0}.bc-header .bc-pack-description>:last-child{margin-bottom:0}.bc-header .bc-pack-description a{color:inherit;text-decoration:underline;text-underline-offset:.2em}.bc-header .bc-pack-close{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:10px;border:0;border-radius:var(--bc-pack-radius, 8px);background:var(--bc-pack-panel-bg, #fff);color:var(--bc-pack-panel-text, #252b31);cursor:pointer}.bc-header .bc-pack-close[hidden]{display:none}.bc-header .bc-pack-close svg{width:20px;height:20px}.bc-header .bc-pack-slots{display:grid;grid-template-columns:repeat(var(--bc-pack-slot-columns, 6),minmax(0,1fr));gap:6px;margin:0 0 16px;padding:0}.bc-header .bc-pack-slot{display:grid;place-items:center;min-width:0;height:48px;border-radius:min(6px,var(--bc-pack-radius, 8px));background:color-mix(in srgb,var(--bc-pack-cta-bg, #57dce3) 14%,var(--bc-pack-panel-bg, #fff));color:var(--bc-pack-panel-text, #252b31)}.bc-header .bc-pack-slot svg{width:22px;height:26px}.bc-header .bc-pack-image{display:block;width:100%;height:auto;max-height:220px;margin:0 0 16px;border-radius:min(8px,var(--bc-pack-radius, 8px));object-fit:contain}.bc-header .bc-pack-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;margin:0;padding:12px 14px;border:1px solid transparent;border-radius:var(--bc-pack-radius, 8px);background:var(--bc-pack-cta-bg, #57dce3);color:var(--bc-pack-cta-text, #123238);font-size:13px;font-weight:800;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}.bc-header .bc-pack-cta:hover{text-decoration:underline;text-underline-offset:.2em}.bc-header .bc-pack-cta svg{width:18px;height:18px}.bc-header .bc-mobile-pack,.bc-header .bc-pack-tracking{display:none}@media(min-width:990px){.bc-header .bc-pack-menu--desktop{max-width:26rem;margin:.375rem 0}.bc-header .bc-desktop-links:has(>.bc-pack-menu--desktop){gap:0 clamp(.5rem,1.15vw,1.25rem)}.bc-header .bc-pack-tracking{display:block;flex:none;max-width:9rem}.bc-header .bc-pack-tracking .bc-tracking-link{gap:.5rem;margin:0;padding:0;min-height:44px;border:0;border-radius:0;background:transparent;color:var(--bc-header-ink, #fff);font-size:.75rem;font-weight:600;line-height:1.4}.bc-header .bc-pack-tracking .bc-tracking-link>svg:first-child{color:inherit;width:20px;height:20px}.bc-header .bc-pack-tracking .bc-tracking-link>svg:last-child{display:none}.bc-header .bc-pack-tracking .bc-tracking-link:hover{background:transparent;text-decoration:underline;text-underline-offset:.2em}.bc-header .bc-pack-menu--mobile,.bc-header .bc-pack-menu--drawer{display:none}}@media(min-width:990px)and (max-width:1199px){.bc-header .bc-desktop-links:has(>.bc-pack-menu--desktop){justify-content:flex-start;column-gap:.625rem}.bc-header .bc-desktop-links:has(>.bc-pack-menu--desktop)>.bc-nav-link>.bc-menu-symbol,.bc-header .bc-desktop-links:has(>.bc-pack-menu--desktop)>.bc-mega-menu>summary>.bc-menu-symbol,.bc-header .bc-desktop-links:has(>.bc-pack-menu--desktop)>.bc-black-november-link>svg:last-child{display:none}.bc-header .bc-desktop-links:has(>.bc-pack-menu--desktop)>.bc-black-november-link{padding-inline:.75rem}.bc-header .bc-pack-menu--desktop .bc-pack-trigger{gap:.375rem;padding-inline:.625rem}}@media(max-width:989px){.bc-header .bc-pack-menu--desktop{display:none}.bc-header .bc-mobile-pack{display:block;max-width:760px;margin:0 auto;padding:0 .75rem .875rem}.bc-header .bc-mobile-shortcuts .bc-pack-menu--mobile{position:static;height:100%}.bc-header .bc-pack-menu--mobile .bc-pack-trigger{justify-content:center;gap:.375rem;height:100%;min-height:max(44px,var(--bc-pack-button-height, 44px));padding:.5rem;border-color:var(--bc-pack-mobile-border, #80ebef);background:var(--bc-pack-mobile-bg, #173238);color:var(--bc-pack-mobile-text, #80ebef);font-size:var(--bc-pack-font-size, 13px)}.bc-header .bc-pack-menu--mobile .bc-pack-label{flex:0 1 auto}.bc-header .bc-pack-menu--mobile .bc-pack-icon svg{width:16px;height:16px}.bc-header .bc-pack-menu--mobile .bc-pack-badge{display:none}.bc-header .bc-mobile-pack:only-child .bc-pack-trigger{padding-inline:.875rem}.bc-header .bc-pack-menu--mobile .bc-pack-panel{top:calc(100% - 4px);left:.75rem;right:.75rem;width:auto;max-width:none;translate:none}.bc-header .bc-pack-menu--drawer{margin:.875rem 0}.bc-header .bc-pack-menu--drawer .bc-pack-trigger{min-height:max(52px,var(--bc-pack-button-height, 44px));font-size:max(14px,var(--bc-pack-font-size, 13px))}.bc-header .bc-pack-menu--drawer .bc-pack-panel{position:relative;inset:auto;width:100%;max-height:none;margin-top:8px;overflow:visible;box-shadow:none;translate:none}}@media(max-width:359px){.bc-header .bc-mobile-shortcuts--paired .bc-pack-trigger{gap:.25rem;padding-inline:.375rem;font-size:min(12px,var(--bc-pack-font-size, 13px))}}@media(prefers-reduced-motion:reduce){.bc-header .bc-pack-chevron svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/pack-menu.css.map */