collection-catalog,collection-hero-motion{display:block}.collection-catalog__title{margin:0 0 2rem;text-align:center;font-size:var(--font-size-hero)}.collection-catalog__heading{margin:0 0 2rem;text-align:center;font-size:var(--font-size-section)}.collection-catalog__status{font-size:var(--font-size-small);min-height:1.5em;margin:1rem 0}.collection-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem}.collection-filter{min-height:5rem;display:flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:999px;background:var(--color-surface-muted);color:var(--color-foreground);text-align:center;text-decoration:none;font-family:var(--font-body-strong);font-size:var(--font-size-compact);line-height:var(--line-height-ui);transition:background-color var(--motion-duration-base) var(--motion-ease),color var(--motion-duration-base) var(--motion-ease)}.collection-filter img{width:auto;max-width:100%;height:3rem;object-fit:contain;transition:filter var(--motion-duration-base) var(--motion-ease)}.collection-filter[aria-current]{color:var(--color-text-inverse);background:var(--color-foreground)}.collection-filter[aria-current] img{filter:invert(1)}@media not (min-width:768px){.collection-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.collection-filter{min-width:0;min-height:3.5rem;padding:.5rem;font-size:var(--font-size-small)}.collection-filter img{height:1.5rem}}.catalog-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;overflow:clip;overflow-clip-margin:2rem}.collection-hero{position:relative;overflow:hidden;background:var(--color-surface-warm)}.collection-hero--soda{background:#b8def2 url(collection-hero-sky.webp) center / cover}.collection-hero--seltzer{background:var(--color-surface)}.collection-hero__background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.collection-hero__layout{position:relative;display:grid;gap:2rem;align-items:center;padding-block:var(--section-padding-block)}.collection-hero__copy{text-align:center;display:grid;gap:1.25rem;justify-items:center}.collection-hero__eyebrow,.collection-hero__text{margin:0;font-size:var(--font-size-body)}.collection-hero__copy h1{margin:0;max-width:11ch;font-size:var(--font-size-display)}.collection-hero__text{max-width:32rem;line-height:var(--line-height-body-compact)}.collection-hero__art{position:relative;min-width:0;aspect-ratio:1.25}.collection-hero__can{position:absolute;width:55%;height:95%;left:0;top:0;transform:rotate(-12deg)}.collection-hero__can+.collection-hero__can{left:45%;top:7%;transform:rotate(14deg)}.collection-hero__can img{width:100%;height:100%;object-fit:contain}@media(min-width:600px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:990px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-hero__layout{grid-template-columns:minmax(0,44fr) minmax(0,56fr);min-height:40rem;gap:2rem}}@media(hover:hover){.collection-filter:not([aria-current]):hover{background:var(--color-surface-hover)}}@media(prefers-reduced-motion:reduce){.collection-filter,.collection-filter img{transition:none}}.collection-hero__copy h1{font-family:var(--heading-choice-family);font-weight:var(--heading-choice-weight);line-height:var(--heading-choice-leading);letter-spacing:var(--heading-choice-tracking)}.collection-hero__can>div{width:100%;height:100%}.collection-hero--soda{background:#b8def2}.collection-hero__atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.collection-hero__clouds{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.collection-hero__clouds:before,.collection-hero__clouds:after{content:"";position:absolute;left:0;width:54%;height:100%;background:url(collection-hero-sky.webp) center / cover;-webkit-mask-image:linear-gradient(to right,black 85%,transparent);mask-image:linear-gradient(to right,black 85%,transparent)}.collection-hero__clouds:after{left:auto;right:0;transform:scaleX(-1)}@media(max-width:599px){.collection-hero__clouds:before{width:100%;-webkit-mask-image:none;mask-image:none}.collection-hero__clouds:after{display:none}}.collection-filters{margin-bottom:2rem}.collection-hero__glow{position:absolute;width:80%;height:130%;top:-30%;left:-30%;border-radius:50%;background:radial-gradient(ellipse,#e3f6ffcc,#e3f6ff00 68%)}.collection-hero__glow--two{left:50%;top:20%;background:radial-gradient(ellipse,#ffffffbf,#fff0 68%)}.collection-hero--seltzer .collection-hero__atmosphere:not(:has(.collection-hero__background)){background:radial-gradient(ellipse 34% 60% at 43% -6%,#e3780cc7,#ef8f127a 32%,#ef8f1200 76%),radial-gradient(ellipse 58% 100% at 102% 0%,#188b43,#2baf42f2 32%,#2baf4200 78%),radial-gradient(ellipse 48% 85% at 66% 20%,#72e45b,#72e45b00 80%),radial-gradient(ellipse 78% 110% at 12% 12%,#ffa51f,#ffbd46 34%,#ffbd4600 78%),linear-gradient(110deg,#ffd38a,#eee9b7 55%,#a4ec9b)}.collection-hero--seltzer .collection-hero__glow--one{background:radial-gradient(ellipse,#ff9900a6,#f900 70%)}.collection-hero--seltzer .collection-hero__glow--two{background:radial-gradient(ellipse,#4edc4c99,#4edc4c00 70%);top:-40%}.collection-hero--seltzer .collection-hero__atmosphere:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#fff0 30%,#ffffff2e 52%,#ffffffd1 82%,#fff)}#CollectionProducts{scroll-margin-top:8rem}.collection-filter[data-filter=hard-seltzer] img{filter:invert(1)}.collection-filter[data-filter=hard-seltzer][aria-current] img{filter:none}@media(min-width:990px){.collection-hero__can{width:48%;height:85%;left:4%;top:6%}.collection-hero__can+.collection-hero__can{left:50%;top:13%}}.collection-hero__motion-control{position:relative;display:flex;justify-content:flex-end}.collection-hero--seltzer .collection-hero__copy h1,.collection-catalog__title{--heading-original-case: uppercase;text-transform:uppercase}.collection-hero--soda .collection-hero__atmosphere:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,white,transparent 35%)}.collection-hero--soda[data-heading-font=erode] .collection-hero__copy h1{--soda-hero-heading-leading: calc(62 / 75);line-height:var(--soda-hero-heading-leading)}.collection-hero__copy>.button{order:1}@media not (min-width:990px){.collection-hero__copy{display:contents}.collection-hero__layout{justify-items:center;text-align:center}.collection-hero__art{order:-1;width:100%}.collection-hero__usps{order:2}}.collection-hero--default.page-intro{background:linear-gradient(var(--color-surface),transparent)}.collection-hero__intro.page-width{padding:0}.collection-hero__intro .page-intro__heading{font-family:var(--heading-choice-family);font-weight:var(--heading-choice-weight);line-height:var(--heading-choice-leading);letter-spacing:var(--heading-choice-tracking);text-transform:var(--heading-choice-case)}.collection-hero__intro .page-intro__text>:first-child{margin-top:0}.collection-hero__intro .page-intro__text>:last-child{margin-bottom:0}.collection-hero__intro .page-intro__content>:is(.button,.collection-hero__usps){margin-top:1.25rem}.collection-hero__intro>.collection-hero__art{max-width:var(--content-width-narrow);margin:2rem auto 0}.collection-hero :is(h1,h2,h3,h4,h5,h6){text-transform:var(--heading-choice-case, none)!important}.collection-hero .collection-hero__usps{width:100%;container:hero-benefits / inline-size}.collection-hero .collection-hero__usp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,6rem));justify-content:center;align-items:start;gap:1.5rem 1rem}.collection-hero .collection-hero__usp-grid>*{grid-column:auto;justify-self:center;width:100%;min-width:0;max-width:6rem}.collection-hero .collection-hero__usp-grid:has(.collection-hero__featured){grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr));max-width:23rem;margin-inline:auto}@container hero-benefits (min-width: 35rem){.collection-hero .collection-hero__usp-grid:not(:has(.collection-hero__featured)){grid-template-columns:repeat(6,minmax(0,6rem));column-gap:.75rem}}@container hero-benefits (min-width: 44rem){.collection-hero .collection-hero__usp-grid:has(.collection-hero__featured){grid-template-columns:minmax(0,9rem) repeat(5,minmax(0,6rem));max-width:44rem}}.collection-hero .collection-hero__usps .usp-section__icon{width:5rem;height:5rem;border:3px solid #fff;border-radius:50%;background:#fff;filter:none;box-shadow:var(--shadow-panel)}.collection-hero__usps .usp-section__icon--seltzer:not(.usp-section__icon--alcohol)>img{filter:invert(1)}.collection-hero__usps .usp-section__label{font-size:var(--font-size-label);overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;text-wrap:balance}.collection-hero .collection-hero__usp-grid>.collection-hero__featured{align-self:start;width:100%;max-width:9rem;text-align:center}.collection-hero__featured img{display:block;width:100%;height:auto;max-width:9rem;margin-inline:auto}.collection-hero--soda .usp-section__icon--soda>img:not(.usp-section__icon-layer),.collection-hero--soda .usp-section__icon--soda>.usp-section__icon-layer--full{clip-path:circle(40%)}.collection-hero--soda .usp-section__icon-layer--soda-swiss{visibility:hidden}.collection-hero--soda .usp-section__icon:has(.usp-section__icon-layer--soda-swiss):after{content:"";position:absolute;top:28.46%;left:28.79%;width:43.47%;height:43.47%;background:#e53925;-webkit-mask:url(usp-soda-swiss-mark.svg) center / contain no-repeat;mask:url(usp-soda-swiss-mark.svg) center / contain no-repeat}@container hero-benefits (width < 44rem){.collection-hero--soda .collection-hero__usp-grid:has(.collection-hero__featured){grid-template-columns:repeat(3,minmax(0,6rem));max-width:20rem}.collection-hero--soda .collection-hero__usp-grid>.collection-hero__featured{grid-column:1;grid-row:2;align-self:center;width:min(8rem,36cqi);max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/collection.css.map */