.opsProductMedia{--carousel-size: 4rem;--gap: .25rem;align-items:stretch;display:flex;flex-direction:row;gap:var(--gap)}.opsProductMedia,.opsProductMedia *{transition-property:all;transition-duration:var(--transition-duration-fast)}.opsProductMedia-large{flex:1;position:relative;width:100%}.opsProductMedia-image{aspect-ratio:1;display:block;position:relative;width:100%}.opsProductMedia-image img{display:block;object-fit:cover;position:absolute;width:100%;height:100%}.opsProductMedia-prev,.opsProductMedia-next{align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;display:flex;opacity:1;padding:12px;position:absolute;top:0;bottom:0;-webkit-user-select:none;user-select:none;visibility:hidden}.opsProductMedia-prev:hover,.opsProductMedia-next:hover{opacity:1;padding:12px 24px}.opsProductMedia-prev{left:0}.opsProductMedia-next{right:0}.opsProductMedia--isPrev .opsProductMedia-prev,.opsProductMedia--isNext .opsProductMedia-next{visibility:visible}.opsProductMedia-prev svg,.opsProductMedia-next svg{display:block;width:2rem;height:2rem;fill:var(--color-text-primary)}.opsProductMedia-carousel{width:var(--carousel-size);overflow:hidden;position:relative}.opsProductMedia-scroller{-ms-overflow-style:none;scrollbar-width:none;overflow:auto;position:absolute;scroll-behavior:smooth;scroll-snap-type:y mandatory;top:0;left:0;right:0;bottom:0}.opsProductMedia-scroller::-webkit-scrollbar{display:none}.opsProductMedia-items{display:flex;flex-direction:column;gap:var(--gap)}.opsProductMedia-item{aspect-ratio:1;cursor:pointer;display:block;flex-shrink:0;height:var(--carousel-size);width:var(--carousel-size);position:relative;scroll-snap-align:start}.opsProductMedia-item.opsProductMedia--isActive{border:2px solid var(--color-ink-default-loudest);padding:4px}.opsProductMedia-item img{display:block;object-fit:cover;position:absolute;width:100%;height:100%}.opsProductMedia-item.opsProductMedia--isActive img{width:calc(100% - 8px);height:calc(100% - 8px)}@media (max-width: 1024px){.opsProductMedia{flex-direction:column}.opsProductMedia-carousel{width:100%;height:var(--carousel-size)}.opsProductMedia-scroller{scroll-behavior:smooth;scroll-snap-type:x mandatory}.opsProductMedia-items{flex-direction:row}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ops-product-media.css.map */