product-media-gallery{display:block}product-media-gallery .slider{position:relative}product-media-gallery .slider .swiper-wrapper{box-sizing:border-box}product-media-gallery .slider .slide{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;border-radius:1.6rem;overflow:hidden;background-color:var(--white)}product-media-gallery .thumbs-wrapper{margin-top:4rem;position:relative}@media screen and (min-width: 1024px){product-media-gallery .thumbs-wrapper{padding:0 2rem}}product-media-gallery .slider .slide img{width:100%;height:100%;object-fit:contain}product-media-gallery .thumbs-wrapper .thumbs .swiper-wrapper{box-sizing:border-box}product-media-gallery .thumbs-wrapper .thumbs .thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:8 / 5;border:1.5px solid var(--grey-400);border-radius:.8rem;overflow:hidden;padding:.8rem;cursor:pointer;transition:border-color .2s ease;background-color:var(--white)}product-media-gallery .thumbs-wrapper .thumbs .thumb:hover,product-media-gallery .thumbs-wrapper .thumbs .thumb.swiper-slide-thumb-active{border-color:var(--pink-400)}product-media-gallery .thumbs-wrapper .thumbs .thumb img{width:100%;height:100%;object-fit:contain;transition:transform .2s ease}product-media-gallery .thumbs-wrapper .thumbs .thumb:hover img{transform:scale(1.1)}product-media-gallery .thumbs-wrapper .slider-button{width:4rem;height:4rem;background-color:var(--white);border:1.5px solid var(--pink-400);border-radius:100%;position:absolute;top:50%;transform:translateY(-50%);z-index:5;transition:opacity .2s ease,background-color .2s ease}product-media-gallery .thumbs-wrapper .slider-button:hover{background-color:var(--pink-400)}product-media-gallery .thumbs-wrapper .slider-button.swiper-button-disabled{opacity:0;pointer-events:none}product-media-gallery .thumbs-wrapper .slider-button.prev{left:0}product-media-gallery .thumbs-wrapper .slider-button.next{right:0}product-media-gallery .thumbs-wrapper .slider-button svg{width:2.4rem;height:2.4rem;flex-shrink:0}product-media-gallery .thumbs-wrapper .slider-button svg path{transition:stroke .2s ease}product-media-gallery .thumbs-wrapper .slider-button:hover svg path{stroke:var(--white)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-product-media-gallery.css.map */