.image-cards{--image-cards-scale: .75;display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.image-cards::-webkit-scrollbar{display:none}.image-cards__card{position:relative;flex:0 0 var(--image-cards-mobile-width, 80%);aspect-ratio:var(--image-cards-ratio, 3 / 4);overflow:hidden;scroll-snap-align:start}.image-cards__image{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:cover}.image-cards__placeholder{background-color:rgba(var(--color-foreground),.08);fill:rgba(var(--color-foreground),.35)}.image-cards__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--image-cards-overlay, .25));pointer-events:none}.image-cards__button{position:absolute;bottom:calc(var(--image-cards-button-offset, 32px) * var(--image-cards-scale));left:calc(var(--image-cards-button-offset, 32px) * var(--image-cards-scale));z-index:1;padding:calc(var(--image-cards-button-padding-y, 24px) * var(--image-cards-scale)) calc(var(--image-cards-button-padding-x, 48px) * var(--image-cards-scale));background-color:var(--image-cards-button-background, #fff);color:var(--image-cards-button-text, #1a1b18);font-size:calc(var(--image-cards-button-font-size, 16px) * var(--image-cards-scale));letter-spacing:.2em;line-height:1;text-transform:uppercase;text-decoration:none;white-space:nowrap}.image-cards--button-center .image-cards__button{left:50%;transform:translate(-50%)}.image-cards--button-right .image-cards__button{left:auto;right:calc(var(--image-cards-button-offset, 32px) * var(--image-cards-scale))}a.image-cards__button:after,.image-cards__link{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.image-cards__link{z-index:1}a.image-cards__button:focus-visible,.image-cards__link:focus-visible{outline:.3rem solid rgb(var(--color-foreground));outline-offset:-.6rem}@media screen and (min-width:750px){.image-cards{--image-cards-scale: .85;display:grid;grid-template-columns:repeat(var(--image-cards-count, 3),1fr);overflow:visible;scroll-snap-type:none}.image-cards__card{flex:none}}@media screen and (min-width:990px){.image-cards{--image-cards-scale: 1}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-image-cards.css.map */