.product-gallery{position:relative;display:block;width:100%;background-color:var(--color-background)}.product-gallery__placeholder{aspect-ratio:1 / 1;width:100%;background-color:var(--color-muted)}.product-gallery__strip{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.product-gallery__strip::-webkit-scrollbar{display:none}.product-gallery__strip:focus-visible{outline:2px solid var(--color-foreground);outline-offset:-2px}.product-gallery__slide{flex:0 0 100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always}.product-gallery__slide>img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;background-color:var(--color-muted);cursor:zoom-in}.product-gallery__progress{position:absolute;left:0;right:0;bottom:0;z-index:2;height:1px;background-color:color-mix(in srgb,var(--color-background) 60%,transparent);pointer-events:none}[data-gallery-single] .product-gallery__progress{display:none}.product-gallery__progress-fill{display:block;height:100%;width:calc(var(--progress-fraction, 0) * 100%);background-color:var(--color-foreground);transition:width var(--duration-fast) var(--ease-luxury)}@media(min-width:768px){.product-gallery__strip{display:grid;overflow:visible;scroll-snap-type:unset;gap:var(--space-2xs)}.product-gallery__slide{flex:unset;width:auto;scroll-snap-align:unset;scroll-snap-stop:unset}.product-gallery__progress,[data-gallery-count="0"] .product-gallery__strip{display:none}[data-gallery-count="1"] .product-gallery__strip,[data-gallery-count="2"] .product-gallery__strip{grid-template-columns:1fr}[data-gallery-count="3"] .product-gallery__strip{grid-template-columns:1fr 1fr}[data-gallery-count="3"] .product-gallery__slide:first-child{grid-column:1 / -1}[data-gallery-count="4"] .product-gallery__strip{grid-template-columns:1fr 1fr}[data-gallery-count="4"] .product-gallery__slide:nth-child(1),[data-gallery-count="4"] .product-gallery__slide:nth-child(2){grid-column:1 / -1}[data-gallery-count="5"] .product-gallery__strip{grid-template-columns:1fr 1fr}[data-gallery-count="5"] .product-gallery__slide:first-child{grid-column:1 / -1}[data-gallery-count="5"] .product-gallery__slide:nth-child(n+6){display:none}}@media(prefers-reduced-motion:reduce){.product-gallery__progress-fill{transition:none}.product-gallery__strip{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-product-gallery.css.map */