.category-cards .splide{visibility:visible}.category-cards .splide__track{margin:0 2.5rem}.category-cards .splide__pagination{padding:0;gap:1rem;margin-top:2rem}.category-cards .splide__pagination__page{background-color:transparent;border:1px solid rgba(var(--color-foreground),.5);height:1rem;width:1rem;padding:0;margin:0;border-radius:50%;cursor:pointer}.category-cards .splide__pagination__page:hover{border:1px solid rgba(var(--color-foreground),1)}.category-cards .splide__pagination__page.is-active{background-color:rgba(var(--color-foreground),1)}.category-cards .splide__arrow{position:absolute;display:flex;width:1.5rem;height:1.5rem;top:45%;transform:translateY(-50%);justify-content:center;align-items:center;border:0;z-index:1;cursor:pointer;padding:0;fill:rgba(var(--color-foreground),1);background-color:transparent;transition:fill .2s ease}.category-cards .splide__arrow:disabled{fill:rgba(var(--color-foreground),.5)}.category-cards .splide__arrow--next{right:0}.category-cards .splide__arrow--prev{left:0;transform:translateY(-50%) rotate(180deg)}@media screen and (min-width:750px){.category-cards .category-cards-wrapper .splide__track ul.splide__list{display:flex;flex-wrap:wrap;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:calc(var(--grid-desktop-vertical-spacing) * 2)}.category-cards .splide__slide{width:100%}}.category-cards .placeholder-svg{background-color:rgba(var(--color-foreground),.05)}.category-cards .category-cards-item__title{margin-top:1.5rem}.category-cards .category-cards-item__title .title{margin:0;margin-top:1rem;text-align:center;letter-spacing:0;font-size:1.6rem}.category-cards .category-cards__buttons{margin-top:4rem}.category-cards .category-cards-item__image{position:relative}.category-cards .category-cards-item__image:after{display:block;content:"";padding-bottom:100%}.category-cards .category-cards-item__image img,.category-cards .category-cards-item__image svg{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.category-cards .splide__slide>a:hover img{transform:scale(1.05)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-category-cards.css.map */