media-gallery{width:100%}.media-gallery__slide[hidden]{display:none!important}.media-gallery{margin-block-end:20px}.media-gallery__main{position:relative}.media-gallery__sticker-wrap{top:10px;right:10px;z-index:2}.media-gallery__thumbs{padding:0}.media-gallery__thumbs .media-gallery__slide{cursor:pointer;border:2px solid transparent;border-radius:10px;overflow:hidden;transition:border-color .3s ease}.media-gallery__thumbs:not(.swiper-initialized) .media-gallery__wrapper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.media-gallery__thumbs:not(.swiper-initialized) .media-gallery__slide{flex-shrink:1}.media-gallery__thumbs .swiper-slide-thumb-active,.media-gallery__thumbs .media-gallery__slide:hover{border-color:var(--accent-color)}media-gallery .media-gallery__button{width:40px;height:45px;margin-top:0;color:var(--t4s-light-color);background-color:var(--accent-color);border:0;border-radius:0}media-gallery .media-gallery__button--prev{left:20px;border-radius:5px 0 0 5px}media-gallery .media-gallery__button--next{right:20px;border-radius:0 5px 5px 0}media-gallery .media-gallery__button:hover{color:var(--accent-color);background-color:var(--t4s-light-color);border:2px solid var(--accent-color)}media-gallery .media-gallery__button:after{font-size:20px;font-weight:700}.media-gallery--button-visibility-hover .media-gallery__button{opacity:0;visibility:hidden}.media-gallery--button-visibility-hover:hover .media-gallery__button{opacity:1;visibility:visible}@media(max-width:767px){.media-gallery--buttons-hidden-mobile .media-gallery__button{display:none}}.media-gallery__slide-image,.media-gallery__slide-video{width:100%;position:relative;border-radius:10px;overflow:hidden}.media-gallery__slide-video{height:100%}.media-gallery__slide-video.video-playing .responsive-image,.media-gallery__slide-video.video-playing .media-gallery__play{display:none}.media-gallery__slide-image .responsive-image,.media-gallery__slide-video .responsive-image{width:100%}.media-gallery__slide-image img,.media-gallery__slide-video img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:contain}.media-gallery__slide-video img{object-fit:cover}.media-gallery__slide-video video{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;margin-top:0;width:100%;height:100%}.media-gallery__play{pointer-events:auto;width:80px;height:80px;background-color:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease;cursor:pointer}.media-gallery__play:after{content:"";display:block;border:18px solid transparent;border-left:30px solid #000;position:absolute;top:50%;left:50%;transform:translate(-25%,-50%)}.media-gallery__play:hover{transform:translate(-50%,-50%) scale(1.05);opacity:.8}.media-gallery__thumbs .media-gallery__play{pointer-events:none;width:50px;height:50px}.media-gallery__thumbs .media-gallery__play:after{border:13px solid transparent;border-left:20px solid #000}media-zoom{display:flex;position:absolute;top:0;padding-top:100%;width:100%;pointer-events:none;z-index:1}media-zoom[modal-dialog-view=visible]{pointer-events:all;z-index:51}media-gallery:hover .media-zoom__button{transform:scale(1);opacity:1;visibility:visible}.media-zoom__button{position:absolute;bottom:10px;right:10px;pointer-events:all;height:40px;width:40px;border-radius:5px;display:grid;place-items:center;cursor:pointer;background-color:#fff;transition:transform .2s ease,opacity .2s ease,visibility .2s ease,box-shadow .2s ease}.media-zoom__button,media-zoom.hide-zoom .media-zoom__button{transform:scale(.95);opacity:0;visibility:hidden}.media-zoom__button svg{height:24px;width:24px}.media-zoom__button:hover{box-shadow:0 0 8px 3px #0000000d}media-zoom .modal-main__inner{max-width:unset;max-height:unset;width:95dvw;height:95dvh}media-zoom .modal-main__title{justify-content:end}media-zoom .modal-main__body{flex-grow:1;touch-action:none}.modal-zoom-container{aspect-ratio:1 / 1;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain;cursor:grab}.modal-zoom-container.panning{cursor:grabbing}@media(max-width:767px){.media-zoom__button{transform:scale(1);opacity:1;visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/product.css.map */