.product-media .thumbnails{display:none;cursor:pointer}.product-media .carousel{position:relative;height:inherit;cursor:grab;aspect-ratio:1;overflow:hidden}.product-media{height:100vw;position:relative}.product-media .badge{position:absolute;top:8px;color:#fff;right:8px}.product-media .carousel-track:not(.dragging):not(.locked){transition:transform .3s ease-in-out}.product-media .carousel-track{display:flex;flex-wrap:nowrap;position:relative;width:fit-content;height:100%}.product-media .carousel-track .img{flex-shrink:0;max-width:100vw;width:100%}.product-media .carousel-track .img .video{position:relative}.product-media .carousel-track .img .video .play{position:absolute;top:50%;display:flex;left:50%;transform:translate(-50%,-50%);background:#ffffff59;padding:10px;border-radius:50%}.product-media .carousel-track .img video{height:100%;aspect-ratio:1;width:100%;object-fit:cover}.product-media .carousel-track .img img{transform:scale(1);transform-origin:center center;height:100%;aspect-ratio:1;width:100%;object-fit:cover;transition:transform .2s ease}.product-media ul{display:flex;justify-content:center;gap:8px;list-style-type:none;position:absolute;bottom:-12px;padding:0;left:0;right:0;margin:0}.product-media .navigation li{height:8px;width:8px;border:1px solid #0b2f3f;border-radius:50%}.product-media .navigation li.selected{background:#0b2f3f}.product-media .deferred-media{height:100%}@media screen and (min-width: 850px){.product-media{width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2);display:grid;grid-template-columns:80px calc(50vw - 85px);gap:5px;position:sticky;top:100px;height:calc(50vw - 85px)}.product-media .carousel-track .img .video .play svg{width:80px;height:80px}.product-media:has(.carousel.full-width){display:flex;padding-left:20px}.product-media .thumbnails::-webkit-scrollbar{display:none}.product-media .carousel{overflow:hidden;max-height:695px}.product-media .thumbnails{display:flex;flex-direction:column;overflow-y:auto;gap:5px;height:calc(50vw - 84px)}.product-media .thumbnails img.selected{opacity:1}.product-media .navigation{display:none}.product-media .thumbnails img{width:80px;opacity:.5;height:80px;object-fit:cover}}@media screen and (min-width: 1000px){.product-media{grid-template-columns:100px calc(100% - 100px);height:calc(50vw - 105px);max-width:800px;max-height:695px}.product-media .thumbnails{height:calc(50vw - 105px);max-height:695px}.product-media .thumbnails img{width:100px;height:100px}}
/*# sourceMappingURL=/cdn/shop/t/288/assets/product-gallery.css.map */