.product-media-modal{--luna-lightbox-nav-size: 4.4rem;--luna-lightbox-counter-space: var(--space-12);--luna-lightbox-top-space: var(--space-16)}.product-media-modal .product-media-modal__content>*:not(.active){display:none}.product-media-modal .product-media-modal__content{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:100vh;height:100dvh;max-height:none;overflow:hidden;padding:var(--luna-lightbox-top-space) 0 var(--luna-lightbox-counter-space)}.product-media-modal .product-media-modal__content>img.active{display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:0 auto;object-fit:contain}.product-media-modal .product-media-modal__content>.active:not(img){width:100%;margin:0 auto}@media screen and (min-width:750px){.product-media-modal .product-media-modal__content{padding-right:calc(var(--luna-lightbox-nav-size) + var(--space-10) * 2);padding-left:calc(var(--luna-lightbox-nav-size) + var(--space-10) * 2)}.product-media-modal .product-media-modal__content>*+*{margin-top:0}}.luna-lightbox__nav{position:fixed;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:var(--luna-lightbox-nav-size);height:var(--luna-lightbox-nav-size);padding:0;border:0;border-radius:50%;background-color:rgba(var(--color-foreground),.45);color:rgb(var(--color-background));cursor:pointer;transform:translateY(-50%)}.luna-lightbox__nav[hidden]{display:none}.luna-lightbox__nav--prev{left:var(--space-2)}.luna-lightbox__nav--next{right:var(--space-2)}@media screen and (min-width:750px){.luna-lightbox__nav--prev{left:var(--space-10)}.luna-lightbox__nav--next{right:var(--space-10)}}.luna-lightbox__nav svg{width:1.6rem;height:1.6rem;pointer-events:none}.luna-lightbox__counter{position:fixed;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;height:var(--luna-lightbox-counter-space);margin:0;font-family:var(--font-body);font-size:var(--fs-caption);line-height:1;letter-spacing:normal;color:var(--color-ink-muted);pointer-events:none}.luna-lightbox__counter[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/12/assets/luna-lightbox.css.map */