.category-banner-grid__header .heading{margin-bottom:var(--spacing-md);margin-top:0}.category-banner-grid__cards{container-type:inline-size;display:flex;gap:var(--content-gap-components)}.category-banner-grid__card{--expanded:0;border-radius:var(--image-border-radius);color:var(--card-text-color);height:var(--card-height);min-width:0;overflow:hidden;position:relative}.category-banner-grid__card:after{background:rgba(var(--overlay-color),var(--overlay-opacity));content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.category-banner-grid__media{bottom:0;left:50%;position:absolute;top:0;transform:translate(-50%);width:100%}.category-banner-grid__image{height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;position:absolute;width:100%}.category-banner-grid__link{align-items:flex-end;color:inherit;display:flex;top:0;right:0;bottom:0;left:0;justify-content:flex-start;padding:var(--spacing-md);position:absolute;text-decoration:none;z-index:2}.category-banner-grid__title{color:inherit;margin:0;transform:rotate(180deg);writing-mode:vertical-rl}.category-banner-grid__cta{bottom:var(--spacing-md);color:inherit;opacity:var(--expanded);position:absolute;right:var(--spacing-md);transition:opacity .25s ease .15s;z-index:3}.category-banner-grid__cta .button{color:inherit}.category-banner-grid__toggle{display:none}@media(max-width:767px),screen and (max-width:767px){.category-banner-grid__cards{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-banner-grid__cards::-webkit-scrollbar{display:none}.category-banner-grid__card{--expanded:1;flex:0 0 80%;scroll-snap-align:start}.category-banner-grid__title{font-size:calc(var(--font-size-3)*1.6);transform:none;writing-mode:horizontal-tb}.category-banner-grid__cards--stacked{flex-direction:column;overflow:visible;scroll-snap-type:none}.category-banner-grid__cards--stacked .category-banner-grid__card{--expanded:0;align-items:flex-start;display:flex;flex:initial;flex-direction:column;height:var(--card-collapsed-height, clamp(120px, 28vw, 180px));justify-content:center;padding:var(--spacing-md);scroll-snap-align:none;transition:height var(--expand-duration, .5s) ease;width:100%}.category-banner-grid__cards--stacked .category-banner-grid__card.is-open{--expanded:1;height:var(--card-height);justify-content:flex-end}.category-banner-grid__cards--stacked .category-banner-grid__link{inset:auto;padding:0;position:relative;width:auto;z-index:2}.category-banner-grid__cards--stacked .category-banner-grid__cta{inset:auto;margin-top:var(--spacing-xs);position:relative;z-index:3}.category-banner-grid__cards--stacked .category-banner-grid__card:not(.is-open) .category-banner-grid__cta{display:none}.category-banner-grid__cards--stacked .category-banner-grid__toggle{background:#0000;border:0;cursor:pointer;display:block;top:0;right:0;bottom:0;left:0;padding:0;position:absolute;z-index:4;-webkit-tap-highlight-color:transparent}.category-banner-grid__cards--stacked .category-banner-grid__card.is-open .category-banner-grid__toggle{pointer-events:none}.category-banner-grid__cards{gap:.75rem!important}}@media (width => 768px),screen and (min-width:768px){.category-banner-grid__card{flex:calc(1 + var(--expanded)) 1 0%;transition:flex-grow var(--expand-duration, .5s) ease}.category-banner-grid__card--featured{--expanded:1}.category-banner-grid__cards:has(.category-banner-grid__card:is(:hover,:focus-within)) .category-banner-grid__card:not(:hover,:focus-within),.js-has-pseudo [csstools-has-1a-2r-2p-38-2t-2v-33-36-3d-19-2q-2p-32-32-2t-36-19-2v-36-2x-2s-2n-2n-2r-2p-36-2s-37-1m-2w-2p-37-14-1a-2r-2p-38-2t-2v-33-36-3d-19-2q-2p-32-32-2t-36-19-2v-36-2x-2s-2n-2n-2r-2p-36-2s-1m-2x-37-14-1m-2w-33-3a-2t-36-18-a-1m-2u-33-2r-39-37-19-3b-2x-38-2w-2x-32-15-15-a-w-w-w-w-w-w-1a-2r-2p-38-2t-2v-33-36-3d-19-2q-2p-32-32-2t-36-19-2v-36-2x-2s-2n-2n-2r-2p-36-2s-1m-32-33-38-14-1m-2w-33-3a-2t-36-18-a-1m-2u-33-2r-39-37-19-3b-2x-38-2w-2x-32-15]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist){--expanded:0}.category-banner-grid__card:is(:hover,:focus-within){--expanded:1}.category-banner-grid__media{width:max(100%,calc((100cqw*2 - (var(--card-count) - 1)*var(--content-gap-components)*2)/(var(--card-count) + 1)))}}
/*# sourceMappingURL=/cdn/shop/t/233/assets/category-banner-grid.bundle.css.map */