.gallery{display:flex;flex-direction:column;gap:var(--space-2xs)}.gallery__stage{position:relative}.gallery__viewport{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0}.gallery__viewport::-webkit-scrollbar{display:none}.gallery__slide{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;min-width:0}.gallery__zoom{display:block;width:100%;padding:0;border:0;background-color:var(--color-background);border-radius:var(--radius);overflow:hidden;cursor:zoom-in}.gallery__zoom.is-zoomed{cursor:zoom-out;touch-action:none}.gallery__image{width:100%;height:auto;aspect-ratio:var(--gallery-ratio, 4 / 5);object-fit:contain;display:block;transform-origin:var(--zoom-x, 50%) var(--zoom-y, 50%);transition:transform var(--duration-md) var(--ease-out)}.gallery__zoom.is-zoomed .gallery__image{transform:scale(var(--zoom-scale, 2.2))}@media(prefers-reduced-motion:reduce){.gallery__image{transition:none}}.gallery__arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);background-color:var(--color-surface);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--color-text);z-index:var(--z-raised)}.gallery__arrow--prev{inset-inline-start:var(--space-2xs)}.gallery__arrow--next{inset-inline-end:var(--space-2xs)}.gallery__arrow:disabled{opacity:.35;cursor:default}@media(hover:hover)and (pointer:fine){.gallery__arrow{display:inline-flex}}.gallery__dots{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;margin:0;padding:0;list-style:none}.gallery__dot{width:var(--tap-min);height:var(--tap-min);display:inline-flex;align-items:center;justify-content:center}.gallery__dot-mark{width:8px;height:8px;border-radius:50%;background-color:var(--color-border);transition:background-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.gallery__dot[aria-current=true] .gallery__dot-mark{background-color:var(--color-accent);transform:scale(1.4)}.gallery__thumbs{display:none;margin:0;padding:0;list-style:none}.gallery__thumb{display:block;width:72px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent}.gallery__thumb[aria-current=true]{border-color:var(--color-accent)}.gallery__thumb-image{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;display:block}@media(min-width:768px){.gallery__dots{display:none}.gallery__thumbs{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}}.reduce-motion .gallery__dot-mark{transition:none}@media(min-width:1024px){.gallery{--gallery-ratio: 1 / 1}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-gallery.css.map */