.obo-gallery__viewport{position:relative;width:100%}.obo-gallery__track{display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;cursor:grab}.obo-gallery__track::-webkit-scrollbar{display:none}.obo-gallery__track.is-dragging{scroll-snap-type:none;cursor:grabbing}.obo-gallery__track:focus-visible{outline:2px solid var(--obo-gold);outline-offset:-2px}.obo-gallery__slide{flex:0 0 100%;scroll-snap-align:start}.obo-gallery__img{width:100%;aspect-ratio:4 / 5;object-fit:cover;display:block}.obo-gallery__placeholder{width:100%;aspect-ratio:4 / 5;background:var(--obo-gray-100);display:flex;align-items:center;justify-content:center}.obo-gallery__placeholder-svg{width:40%;height:40%;fill:var(--obo-gray-200)}.obo-gallery__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:var(--obo-z-sticky);width:40px;height:40px;border-radius:var(--obo-radius-pill);background:var(--obo-white);box-shadow:var(--obo-shadow-medium);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--obo-black)}.obo-gallery__arrow--prev{left:var(--obo-space-2)}.obo-gallery__arrow--next{right:var(--obo-space-2)}.obo-gallery__arrow--prev .obo-icon{transform:rotate(180deg)}.obo-gallery__arrow:focus-visible{outline:2px solid var(--obo-gold);outline-offset:2px}.obo-gallery__dots{position:absolute;left:0;right:0;bottom:var(--obo-space-2);display:flex;align-items:center;justify-content:center;gap:8px;z-index:var(--obo-z-sticky)}.obo-gallery__dot{width:6px;height:6px;padding:0;border:none;border-radius:50%;background:#fff9;cursor:pointer;transition:background-color var(--obo-duration-fast) var(--obo-ease),transform var(--obo-duration-fast) var(--obo-ease)}.obo-gallery__dot.is-active{background:var(--obo-gold);transform:scale(1.25)}.obo-gallery__dot:focus-visible{outline:2px solid var(--obo-gold);outline-offset:2px}@media(prefers-reduced-motion:reduce){.obo-gallery__track{scroll-behavior:auto}.obo-gallery__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/obo-product-gallery.css.map */