media-lightbox,deferred-video{display:contents}[data-lightbox-open]{cursor:zoom-in}html:has(.media-lightbox[open]){overflow:hidden}.media-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#0a0b0df5}.media-lightbox::backdrop{background:none}.media-lightbox__stage{--lightbox-space-x: 208px;--lightbox-space-y: 48px;display:flex;align-items:center;justify-content:center;width:100%;height:100%;touch-action:pan-y pinch-zoom}.media-lightbox__item{position:relative;display:grid;place-items:center}.media-lightbox__item[hidden]{display:none}.media-lightbox__item:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid rgba(255,255,255,.16);border-top-color:var(--color-white);border-radius:50%;animation:media-lightbox-spin .8s linear infinite}.media-lightbox__media{position:relative;width:min(100vw / var(--page-zoom) - var(--lightbox-space-x),(100vh / var(--page-zoom) - var(--lightbox-space-y)) * var(--ratio));width:min(100vw / var(--page-zoom) - var(--lightbox-space-x),(100dvh / var(--page-zoom) - var(--lightbox-space-y)) * var(--ratio));max-width:none;height:auto;aspect-ratio:var(--ratio);object-fit:contain;-webkit-user-select:none;user-select:none}@keyframes media-lightbox-spin{to{transform:rotate(360deg)}}.media-lightbox__close,.media-lightbox__arrow{position:absolute;z-index:1;display:grid;place-items:center;border:0;background:none;cursor:pointer}.media-lightbox__close{top:16px;right:16px;width:48px;height:48px}.media-lightbox__arrow{top:50%;width:56px;height:56px;border-radius:50%;background:#ffffff14;transform:translateY(-50%);transition:background .2s ease}.media-lightbox__arrow:hover{background:#ffffff29}.media-lightbox__arrow--prev{left:24px}.media-lightbox__arrow--next{right:24px}.media-lightbox__arrow--prev img{transform:scaleX(-1)}@media(max-width:749px){.media-lightbox__stage{--lightbox-space-x: 0px;--lightbox-space-y: 160px}.media-lightbox__arrow{top:auto;bottom:24px;transform:none}.media-lightbox__arrow--prev{left:calc(50% - 64px)}.media-lightbox__arrow--next{right:calc(50% - 64px)}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/component-media-lightbox.css.map */