.product-media-modal__content.swiper{position:relative;width:100%;height:100vh;height:100dvh;max-height:none;padding:0;overflow:hidden}.product-media-modal__content.swiper>*+*{margin-top:0}.product-media-modal__content.swiper>.swiper-wrapper{display:flex;height:100%;margin:0}.product-media-modal__slide{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:100%;padding:7rem 1.5rem 6rem}@media screen and (min-width:750px){.product-media-modal__slide{padding:8rem 11rem 7rem}}.product-media-modal__slide .swiper-zoom-container{width:100%;height:100%}.product-media-modal__slide img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:0 auto;object-fit:contain}.product-media-modal__slide .deferred-media,.product-media-modal__slide .product-media-modal__model{width:100%;max-width:120rem;margin:0 auto}.product-media-modal__slide .deferred-media__poster img{max-height:none}.product-media-modal__nav{position:absolute;top:50%;z-index:3;display:none;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin-top:-2.2rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;background-color:rgb(var(--color-background));color:rgba(var(--color-foreground),.75);cursor:pointer}.product-media-modal__nav:hover{color:rgb(var(--color-foreground))}.product-media-modal__nav .icon{width:1.4rem;height:auto}.product-media-modal__nav--prev{left:3rem}.product-media-modal__nav--prev .icon{transform:rotate(90deg)}.product-media-modal__nav--next{right:3rem}.product-media-modal__nav--next .icon{transform:rotate(-90deg)}.product-media-modal__nav.swiper-button-disabled{opacity:.3;cursor:default}@media screen and (min-width:750px){.product-media-modal__nav{display:flex}}.product-media-modal__counter{position:absolute;bottom:2rem;left:0;right:0;z-index:3;margin:0;text-align:center;pointer-events:none}.product-media-modal__content.swiper:not(.swiper-initialized)>.swiper-wrapper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.product-media-modal__content.swiper:not(.swiper-initialized) .product-media-modal__slide{flex:0 0 100%;scroll-snap-align:center}
/*# sourceMappingURL=/cdn/shop/t/80/assets/component-product-media-swiper.css.map */
