.product-media-modal__content{display:flex;flex-direction:row;align-items:stretch;height:100vh;height:100dvh;max-height:none;padding:0!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain}.product-media-modal__content::-webkit-scrollbar{display:none}.product-media-modal__content>*,.product-media-modal__content>*:not(.active){display:block;flex:0 0 100%;width:100%!important;height:100%!important;margin:0!important;scroll-snap-align:center;scroll-snap-stop:always}.product-media-modal__content>img{box-sizing:border-box;object-fit:contain;padding:7rem 1.6rem 8rem}@media screen and (min-width:750px){.product-media-modal__content>img{padding:6rem 10rem 7rem}}.lightbox-nav{position:fixed;top:50%;z-index:2;display:flex;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),.7);cursor:pointer}.lightbox-nav:hover{color:rgb(var(--color-foreground))}.lightbox-nav[disabled]{opacity:.3;cursor:default}.lightbox-nav svg{width:1.6rem;height:1.6rem}.lightbox-nav--prev{left:2rem}.lightbox-nav--next{right:2rem}.lightbox-count{position:fixed;bottom:2.4rem;left:50%;z-index:2;transform:translate(-50%);padding:.4rem 1.2rem;border-radius:10rem;background-color:rgba(var(--color-background),.85);color:rgba(var(--color-foreground),.75);font-size:1.4rem;letter-spacing:.05rem}@media screen and (max-width:749px){.lightbox-nav{display:none}}.product-media-modal--single .lightbox-nav,.product-media-modal--single .lightbox-count{display:none}.product-media-modal__toggle{top:max(1.6rem,env(safe-area-inset-top,0px));right:max(1.6rem,env(safe-area-inset-right,0px));width:5.2rem;height:5.2rem;padding:0;border:0;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));box-shadow:0 .4rem 1.6rem #0000002e}.product-media-modal__toggle:hover{color:rgb(var(--color-button-text));opacity:.9}.product-media-modal__toggle .icon{width:2rem;stroke-width:2}@media screen and (min-width:750px){.product-media-modal__toggle{top:2.4rem;right:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/product-lightbox.css.map */