.product-gallery{display:flex;flex-direction:column;gap:1rem;width:100%}.product-gallery__viewer{position:relative;width:100%}.product-gallery__main-wrapper{position:relative;width:100%;height:auto}.product-gallery__main{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:0}.product-gallery__main::-webkit-scrollbar{display:none}.product-gallery__slide{flex:0 0 100%;width:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center}.product-gallery__slide img{width:100%;height:auto;max-height:600px;object-fit:contain}.product-gallery__arrow{position:absolute;top:50%;transform:translateY(-50%);width:4rem;height:4rem;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease,background .2s ease;z-index:10}.product-gallery__arrow:hover{opacity:1;background:#fffc}.product-gallery__arrow--prev{left:1rem}.product-gallery__arrow--next{right:1rem}.product-gallery__arrow svg,.product-gallery__arrow .icon{width:1rem;height:1rem;fill:currentColor}.product-gallery__arrow--prev svg,.product-gallery__arrow--prev .icon{transform:rotate(90deg)}.product-gallery__arrow--next svg,.product-gallery__arrow--next .icon{transform:rotate(-90deg)}.product-gallery__thumbnails-wrapper{position:relative;width:100%}.product-gallery__thumbnails{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;justify-content:center}.product-gallery__thumbnails::-webkit-scrollbar{display:none}.product-gallery__thumbnail{flex:0 0 auto;width:80px;height:80px;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;transition:border-color .2s ease,opacity .2s ease;background:transparent;padding:0;opacity:.6}.product-gallery__thumbnail:hover{opacity:1}.product-gallery__thumbnail.is-active{border-color:rgba(var(--color-foreground),.8);opacity:1}.product-gallery__thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.product-gallery__thumbnail-arrow{position:absolute;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;border-radius:50%;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s ease,background .2s ease;z-index:10}.product-gallery__thumbnail-arrow:hover{opacity:1;background:#fff}.product-gallery__thumbnail-arrow--prev{left:0}.product-gallery__thumbnail-arrow--next{right:0}.product-gallery__thumbnail-arrow svg,.product-gallery__thumbnail-arrow .icon{width:.8rem;height:.8rem;fill:currentColor}.product-gallery__thumbnail-arrow--prev svg,.product-gallery__thumbnail-arrow--prev .icon{transform:rotate(90deg)}.product-gallery__thumbnail-arrow--next svg,.product-gallery__thumbnail-arrow--next .icon{transform:rotate(-90deg)}@media screen and (max-width:749px){.product-gallery__arrow{width:3rem;height:3rem}.product-gallery__arrow--prev{left:.5rem}.product-gallery__arrow--next{right:.5rem}.product-gallery__thumbnail{width:60px;height:60px}.product-gallery__slide img{max-height:400px}.product-gallery__thumbnail-arrow{display:none}.product-gallery__slide .media{max-height:400px!important;padding-top:min(400px,var(--ratio-percent))!important}}@media screen and (min-width:750px){.product-gallery{position:static!important}.product-gallery__slide .media{max-height:600px!important;padding-top:min(600px,var(--ratio-percent))!important}.product-gallery__thumbnails{gap:1rem}.product-gallery__thumbnail{width:100px;height:100px}.product-gallery__slide img{max-height:600px}}.product-gallery__slide .product__modal-opener,.product-gallery__slide .product__media{width:100%;height:auto}.product-gallery__slide .product__modal-opener img{width:100%;height:auto;object-fit:contain}.product-gallery .slider-buttons,.product-gallery .slider-counter{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/13/assets/product-gallery.css.map */