product-media-modal{display:none}product-media-modal[open]{display:block;position:fixed;z-index:100;top:0;left:0;right:0;bottom:0;background:#0009;animation:fade-in .25s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.product-media-modal__dialog{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;outline:none}.product-media-modal__toggle{position:fixed;top:1.5rem;right:1.5rem;z-index:4;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;padding:0}.product-media-modal__toggle svg{width:18px;height:18px}.product-media-modal__toggle:hover{background:#fff}.product-media-modal__content{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;outline:none}.product-media-modal__content::-webkit-scrollbar{display:none}.product-media-modal__content{scrollbar-width:none;-ms-overflow-style:none}.product-media-modal__slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;padding:4rem 6rem;box-sizing:border-box}.product-media-modal__slide img,.product-media-modal__slide video,.product-media-modal__slide model-viewer,.product-media-modal__slide iframe{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.product-media-modal__slide deferred-media,.product-media-modal__slide .deferred-media{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.product-media-modal__nav{position:fixed;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffffd9;border:none;border-radius:50%;cursor:pointer;padding:0;transition:background .15s ease}.product-media-modal__nav:hover{background:#fff}.product-media-modal__nav svg{width:14px;height:14px}.product-media-modal__nav--prev{left:1.5rem;transform:translateY(-50%) rotate(90deg)}.product-media-modal__nav--next{right:1.5rem;transform:translateY(-50%) rotate(-90deg)}.product-media-modal__counter{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:3;padding:.4rem 1rem;background:#0009;color:#fff;font-size:1.3rem;border-radius:999px;letter-spacing:.05em}@media screen and (max-width:749px){.product-media-modal__slide{padding:2rem 1.5rem}.product-media-modal__nav{display:none}.product-media-modal__toggle{top:1rem;right:1rem}.product-media-modal__counter{bottom:1rem}}@media screen and (min-width:750px)and (max-width:989px){.product-media-modal__slide{padding:3rem 4rem}}@media screen and (min-width:990px){.product-media-modal__slide{padding:4rem 8rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-product-media-modal.css.map */