.product-media-modal__content{display:flex;flex-direction:column;width:100%;height:100vh;max-height:100vh;padding:2rem!important;overflow:hidden}.product-media-modal__content>media-gallery{display:flex!important;flex-direction:column;width:100%;height:100%;margin:0!important}.product-media-modal__gallery{display:flex;flex-direction:column;flex:1;min-height:0;gap:1.6rem}.product-media-modal__stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.product-media-modal__stage-list{position:relative;width:100%;height:100%;margin:0;padding:0;list-style:none;display:flex;align-items:center;justify-content:center}.product-media-modal__stage-item{display:none;width:100%;height:100%;align-items:center;justify-content:center}.product-media-modal__stage-item.is-active{display:flex}.product-media-modal__stage-list:has(.is-previewing) .product-media-modal__stage-item{display:none}.product-media-modal__stage-list:has(.is-previewing) .product-media-modal__stage-item.is-previewing{display:flex}.product-media-modal__stage-item img,.product-media-modal__stage-item .deferred-media,.product-media-modal__stage-item product-model{max-width:90vw;max-height:100%;width:auto;height:auto;object-fit:contain;margin:0 auto}.product-media-modal__arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:50%;background:rgba(var(--color-background),.9);cursor:pointer;transform:translateY(-50%);transition:border-color var(--duration-short) ease}.product-media-modal__arrow:hover{border-color:rgb(var(--color-foreground))}.product-media-modal__arrow--prev{left:.5rem;transform:translateY(-50%) rotate(90deg)}.product-media-modal__arrow--next{right:.5rem;transform:translateY(-50%) rotate(-90deg)}.product-media-modal__rail{flex-shrink:0;display:flex;gap:1rem;margin:0;padding:.4rem;list-style:none;overflow-x:auto;justify-content:center}.product-media-modal__rail-item{flex-shrink:0;width:6.4rem}.product-media-modal__rail-item.is-active .product-gallery__rail-button,.product-media-modal__rail-item .product-gallery__rail-button:hover{border-color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.product-media-modal__content{padding:1.2rem!important}.product-media-modal__stage-item img,.product-media-modal__stage-item .deferred-media,.product-media-modal__stage-item product-model{max-width:100%}.product-media-modal__arrow{width:3.6rem;height:3.6rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-product-media-modal.css.map */