.swatch-slider-container{position:relative;height:3rem;width:15rem;z-index:15}.swatch-slider{position:relative;padding:0 2rem;height:100%;pointer-events:auto}.swatch-slider .splide__track{overflow:hidden;height:100%}.swatch-slider .splide__list{align-items:center}.swatch-slider .splide__slide{display:flex;align-items:center;justify-content:center;padding:0 .25rem}.swatch-slider .splide__arrows{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none}.swatch-slider .splide__arrow{position:absolute;top:55%;transform:translateY(-50%);width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:all .2s ease;z-index:10}.swatch-slider .splide__arrow:hover{background:#f9fafb;box-shadow:0 2px 4px #00000026}.swatch-slider .splide__arrow:disabled{opacity:.3;cursor:not-allowed}.swatch-slider .splide__arrow--prev{left:0}.swatch-slider .splide__arrow--next{right:.5rem}.swatch-slider .splide__arrow svg{width:1.5rem;height:1.5rem;color:#6b7280}.swatch-slider .splide__arrow svg.prev-fk{transform:rotate(180deg)}.card-product-image-container{position:relative}.card-product-image-container .main-image{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .3s}.card-product-image-container .hover-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .3s;z-index:2}.card-product-image-container:hover .hover-image,.card-product-image-container:focus-within .hover-image,.card-product-image-container .hover-image:hover,.card-product-image-container .hover-image:focus{opacity:1!important}.group:hover .card-product-image-container .hover-image,.group:focus-within .card-product-image-container .hover-image{opacity:1!important}@media (max-width: 768px){.swatch-slider-container{width:12rem;height:2.5rem}}@media (max-width: 1024px) and (pointer: coarse) and (hover: none){.swatch-slider-container,.swatch-slider,.swatch-slider .splide__track,.swatch-slider .splide__slide{position:relative;z-index:20}.swatch-slider .splide__list{touch-action:pan-x;-webkit-overflow-scrolling:touch}.swatch-slider .splide__slide input,.swatch-slider .splide__slide label{position:relative;z-index:25;pointer-events:auto}}@media (max-width: 768px){.swatch-slider{padding:0px 1.5rem 0 1rem}.swatch-slider .splide__arrow{width:1.25rem;height:1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/131/assets/card-product-custom.css.map */