.product-gallery{width:100%;overflow:hidden;position:relative;aspect-ratio:390 / 414}html.image-modal-scroll-lock,body.image-modal-scroll-lock{overflow:hidden}.product-gallery.modal-open{z-index:100}.product-gallery .carousel{height:100%;cursor:grab}.product-gallery .carousel-track{display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;transition:transform .3s ease-in-out}.product-gallery .carousel-track:not(.dragging):not(.locked){transition:transform .3s ease-in-out}.product-gallery .carousel-track .image{width:100%;height:100%;flex-shrink:0}.product-gallery .carousel-track .image img{width:100%;height:100%;object-fit:cover}.product-gallery .product-image-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#0f1011cc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.product-gallery .product-image-modal .modal-inner{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.product-gallery .product-image-modal .modal-image{height:100%;width:100%}.product-gallery .product-image-modal .modal-image img{height:100%;object-fit:cover}.product-gallery .product-image-modal .modal-close{position:absolute;top:16px;right:16px;width:60px;height:60px;border:0;border-radius:100px;background:var(--colour-stone-light);display:flex;align-items:center;justify-content:center;cursor:pointer}.product-gallery .product-image-modal .modal-close svg{width:24px;height:24px}.product-gallery .pagination-dots{list-style-type:none;padding:0;display:flex;justify-content:center;gap:.5rem;margin:0 auto;position:absolute;bottom:16px;width:100%}.product-gallery .pagination-dots li{width:4px;height:4px;border-radius:100px;background-color:#999a9b;cursor:pointer;transition:background-color .2s ease,width .2s ease}.product-gallery .pagination-dots li.selected{background-color:var(--colour-dark);width:60px}.product-gallery .gallery-tiles{display:none;position:absolute;top:65px}.product-gallery .gallery-tiles-viewport{display:flex;flex-direction:column;gap:8px;overflow-y:auto;scrollbar-width:none}.product-gallery .gallery-tiles-viewport::-webkit-scrollbar{display:none}.product-gallery .tile-arrow{background:none;border:0;padding:0;width:16px;height:16px;align-self:center;cursor:pointer}.product-gallery .tile-arrow:disabled{opacity:.3;cursor:default;pointer-events:none}.product-gallery .tile-arrow img{width:100%;height:100%;object-fit:contain}@media screen and (min-width:1000px){.product-gallery{width:100%;overflow:unset;position:sticky;top:0}.product-gallery .product-image-modal .modal-close{display:none}.product-gallery .product-image-modal .modal-inner{cursor:url(cursor-zoom-close.svg) 37 37,pointer}.product-gallery .carousel{overflow:hidden;border-radius:12px}.product-gallery .gallery-tiles{display:flex;flex-direction:column;gap:12px;left:-30px;z-index:2;height:calc(100% - 65px)}.product-gallery .gallery-tiles .tile{width:60px;border:1px solid var(--colour-dark-10);height:80px;flex-shrink:0;border-radius:4px;cursor:pointer;overflow:hidden}.product-gallery .pagination-dots{display:none}.product-gallery .gallery-tiles .tile img{width:100%;height:100%;object-fit:cover}.product-gallery .carousel-track{pointer-events:auto}.product-gallery .carousel{cursor:url(cursor-zoom.svg) 37 37,pointer}}
/*# sourceMappingURL=/cdn/shop/t/159/assets/product-gallery.css.map */