.product-media-modal__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.product-media-modal__nav:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-50%) scale(1.1)}.product-media-modal__nav--prev{left:20px}.product-media-modal__nav--next{right:20px}.product-media-modal__nav .svg-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.product-media-modal__nav svg{width:20px;height:20px;fill:rgb(var(--color-foreground))}.product-media-modal__nav--prev svg{transform:rotate(90deg)}.product-media-modal__nav--next svg{transform:rotate(-90deg)}.product-media-modal__content [data-media-id]:not(.active){display:none!important}.product-media-modal__content [data-media-id].active{display:block!important;max-width:100%;max-height:90vh}.product-media-modal__toggle{position:absolute;top:20px;right:20px;z-index:11;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.product-media-modal__toggle:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:scale(1.1)}.product-media-modal__toggle svg{width:20px;height:20px;fill:rgb(var(--color-foreground))}.product-media-modal__content{display:flex;align-items:center;justify-content:center;overflow:hidden;padding:40px}.product-media-modal__dialog{position:relative;display:flex;align-items:center;justify-content:center}@media screen and (max-width:749px){.product-media-modal__nav{width:36px;height:36px}.product-media-modal__nav--prev{left:10px}.product-media-modal__nav--next{right:10px}.product-media-modal__nav svg{width:16px;height:16px}.product-media-modal__toggle{top:10px;right:10px;width:36px;height:36px}.product-media-modal__toggle svg{width:16px;height:16px}.product-media-modal__content{padding:20px}}.product-media-modal__content [data-media-id].active{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/product-modal-slider.css.map */