.category-showcase{width:100%}.category-showcase__list{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:0;gap:var(--category-card-gap, 4px);-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;overscroll-behavior-y:auto;margin:0;padding:0;list-style:none}.category-showcase__list::-webkit-scrollbar{display:none}.category-showcase__item{flex-shrink:0;scroll-snap-align:start;flex-basis:calc((100% - var(--category-card-gap, 4px) * .2) / 1.2);max-width:calc((100% - var(--category-card-gap, 4px) * .2) / 1.2);min-width:0;height:var(--category-card-height, 400px)}@media screen and (min-width:750px){.category-showcase__item{flex-basis:calc((100% - (var(--category-card-gap, 4px) * (var(--category-cards-visible, 3) - 1))) / var(--category-cards-visible, 3));max-width:calc((100% - (var(--category-card-gap, 4px) * (var(--category-cards-visible, 3) - 1))) / var(--category-cards-visible, 3))}}.category-card{position:relative;display:block;width:100%;height:100%;overflow:hidden;text-decoration:none;color:inherit;background-color:rgba(var(--color-foreground),.06)}.category-card img,.category-card .placeholder-svg,.category-card__placeholder{width:100%;height:100%;object-fit:cover;display:block}.category-card .placeholder-svg{fill:rgba(var(--color-foreground),.2);background-color:rgba(var(--color-foreground),.06)}.category-card__label{position:absolute;bottom:1.6rem;left:1.6rem;margin:0;color:#fff;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 1.6rem);letter-spacing:calc(var(--font-heading-scale) * .02rem);line-height:calc(1 + .2/max(1,var(--font-heading-scale)));z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.25)}.category-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.45),transparent 50%);z-index:1;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-category-showcase.css.map */