.product-main-media-gallery{min-width:0}.product-gallery{position:relative;display:block}.product-gallery-main{position:relative;touch-action:pan-y}.product-gallery-list{position:relative;display:block;aspect-ratio:var(--gallery-aspect-ratio, auto);overflow:hidden;list-style:none;padding:0;margin:0;background-color:rgb(var(--color-text-rgb) / .04);border-radius:var(--border-radius)}.product-gallery-item{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translate3d(8%,0,0);transition:transform .22s ease,opacity .22s ease}.product-gallery-item.active{opacity:1;pointer-events:auto;transform:translateZ(0)}.product-gallery-media,.product-gallery-item img,.product-gallery-item video,.product-gallery-item iframe,.product-gallery-item model-viewer{display:block;width:100%;height:100%;object-fit:cover}.product-gallery-controls button{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:var(--color-text);background:var(--color-background);border:1px solid transparent;border-radius:50%;transform:translateY(-50%)}.product-gallery-controls button:hover{background:var(--color-background)}.product-gallery-controls button[data-gallery-prev]{left:1rem}.product-gallery-controls button[data-gallery-next]{right:1rem}.product-gallery-controls button svg{width:.7rem;height:.7rem;transition:transform .22s ease}.product-gallery-controls button[data-gallery-prev]:hover svg,.product-gallery-controls button[data-gallery-prev]:focus svg{transform:translate(-15%)}.product-gallery-controls button[data-gallery-next]:hover svg,.product-gallery-controls button[data-gallery-next]:focus svg{transform:translate(15%)}.product-gallery-counter{display:none;align-items:center;justify-content:center;gap:.25rem;margin:.75rem 0 0;font-size:var(--fs-sm);font-weight:600}.product-gallery-controls-desktop{display:none}.product-gallery-thumbnails{--thumb-gap: .5rem;--thumb-size: calc((100% - (var(--thumb-columns, 8) - 1) * var(--thumb-gap)) / var(--thumb-columns, 8));display:flex;gap:var(--thumb-gap);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;list-style:none;padding:0;margin:.75rem 0 0}.product-gallery-thumbnails::-webkit-scrollbar{display:none}.product-gallery-thumbnail-item{flex:0 0 var(--thumb-size);margin:0}.product-gallery-thumbnail{position:relative;display:block;width:100%;overflow:hidden;padding:0;background:var(--color-background);border:1px solid rgb(var(--color-text-rgb) / .1);border-radius:var(--border-radius)}.product-gallery-thumbnail.active{border-color:var(--color-primary)}.product-gallery-thumbnail img{display:block;width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;transition:all .2s ease}.product-gallery-thumbnail:not(.active):hover img{opacity:.85}.product-gallery .placeholder-svg{display:block;width:100%;height:100%}.product-gallery-mobile-controls-hidden .product-gallery-controls-mobile{display:none}.product-gallery-mobile-pagination-counter .product-gallery-counter{display:flex}.product-gallery-mobile-pagination-counter .product-gallery-thumbnails{display:none}.product-main-media-gallery[style*=auto] .product-gallery-list{aspect-ratio:auto}.product-main-media-gallery[style*=auto] .product-gallery-item.active{position:relative}.product-main-media-gallery[style*=auto] .product-gallery-media,.product-main-media-gallery[style*=auto] .product-gallery-item img,.product-main-media-gallery[style*=auto] .product-gallery-item video,.product-main-media-gallery[style*=auto] .product-gallery-item iframe,.product-main-media-gallery[style*=auto] .product-gallery-item model-viewer{height:auto}.product-main-media-gallery-grid .product-gallery{margin-top:1rem}@media(max-width:1199px){.product-gallery-thumbnails{margin-top:.5rem}}@media(min-width:1200px){.product-main-media-gallery-grid .product-gallery,.product-gallery-controls-mobile{display:none}.product-gallery-controls-desktop{display:block}.product-gallery-controls button{width:2.5rem;height:2.5rem}.product-gallery-controls button svg{width:.8rem;height:.8rem}.product-gallery-desktop-arrows-hidden .product-gallery-controls-desktop{display:none}.product-gallery-mobile-pagination-counter .product-gallery-thumbnails{display:flex}.product-gallery-mobile-pagination-counter .product-gallery-counter{display:none}.product-gallery-desktop-pagination-counter .product-gallery-counter{display:flex}.product-gallery-desktop-pagination-counter .product-gallery-thumbnails{display:none}}.product-gallery-desktop{position:relative;display:block;scrollbar-width:none}.product-gallery-desktop::-webkit-scrollbar{display:none}.product-gallery-desktop-list{display:grid;grid-template-columns:repeat(var(--product-gallery-grid-columns, 1),minmax(0,1fr));gap:var(--product-gallery-grid-gap, 0);list-style:none;padding:0;margin:0}.product-gallery-desktop-item{min-width:0}.product-main-animations-enabled .product-main-media-gallery-grid .product-gallery-desktop-item{animation:product-gallery-desktop-item .5s ease-out both;animation-delay:calc(var(--product-gallery-animation-index, 0) * .08s)}.product-gallery-desktop-large-first-image .product-gallery-desktop-item:first-child{grid-column:1 / -1}.product-gallery-desktop-item img,.product-gallery-desktop-item video,.product-gallery-desktop-item iframe,.product-gallery-desktop-item model-viewer{display:block;width:100%;height:100%;aspect-ratio:var(--gallery-aspect-ratio, auto);object-fit:cover;background-color:rgb(var(--color-text-rgb) / .04);border-radius:var(--border-radius)}.product-main-media-gallery[style*=auto] .product-gallery-desktop-item img,.product-main-media-gallery[style*=auto] .product-gallery-desktop-item video,.product-main-media-gallery[style*=auto] .product-gallery-desktop-item iframe,.product-main-media-gallery[style*=auto] .product-gallery-desktop-item model-viewer{height:auto;aspect-ratio:auto}@media(max-width:1199px){.product-gallery-desktop{display:none}}@media(prefers-reduced-motion:reduce){.product-main-animations-enabled .product-main-media-gallery-grid .product-gallery-desktop-item{animation:none}}@keyframes product-gallery-desktop-item{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-gallery.css.map */
