:root{--zoom-cursor: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ0LjA1IiBoZWlnaHQ9IjQ0LjA1IiB2aWV3Qm94PSIwIDAgNDQuMDUgNDQuMDUiPjxwYXRoIGQ9Ik00NS4wNSwyM2EyMiwyMiwwLDEsMC0yMiwyMkEyMiwyMiwwLDAsMCw0NS4wNSwyM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xIC0xKSIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0yMywxNi42NVYyOS40TTI5LjQsMjNIMTYuNjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xIC0xKSIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQiLz48L3N2Zz4=) 22 22, zoom-in}.product-media-modal{background-color:rgb(var(--color-background));height:100%;position:fixed;top:0;left:0;width:100%;visibility:hidden;opacity:0;z-index:-1}.product-media-modal[open]{visibility:visible;opacity:1;z-index:2147483646}.product-media-modal__dialog{display:flex;align-items:center;height:100vh}.product-media-modal__toggle{background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;right:20px;padding:12px;position:fixed;z-index:2;top:20px;width:40px;height:40px}.product-media-modal__content{max-height:100vh;width:100%;overflow:auto}.product-media-modal__content>*{display:block;height:auto;margin:auto}.product__media-icon{background-color:rgb(var(--color-background));border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:3rem;width:3rem;position:absolute;left:1.2rem;top:1.2rem;z-index:1;opacity:1;transition:color .15s ease,opacity .15s ease;pointer-events:none}.product__media-icon span.lightbox-icon{display:flex;justify-content:center;align-items:center;padding:7px}.product__media-icon span.lightbox-icon svg{width:12px;height:12px}.product-media-modal__content>*{width:100%}.product-media{position:relative;width:100%;height:100%;z-index:1}media-gallery .swiper-slide .loading__spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4rem;z-index:2}media-gallery .image-magnify-full-size{cursor:zoom-out;z-index:1;margin:0;border-radius:8px;display:block;width:100%;height:100%;position:absolute}.lightbox-zoom-trigger{position:absolute;z-index:1;width:100%;height:100%;cursor:default;padding:0;margin:0;border:0;background:transparent;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.product-media-gallery__main .lightbox-zoom-trigger,.product-media-gallery__carousel .lightbox-zoom-trigger{outline:none}.product-media-gallery__main .lightbox-zoom-trigger:focus-visible,.product-media-gallery__carousel .lightbox-zoom-trigger:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media screen and (min-width:769px){.product-media-modal__toggle{right:50px;top:22px}.product-media-modal__dialog .global-media-settings--no-shadow{overflow:visible!important}.lightbox-zoom-trigger{cursor:var(--zoom-cursor);pointer-events:auto}.product__media-icon{opacity:0}media-gallery .swiper-slide:hover .product__media-icon,media-gallery .swiper:hover .product__media-icon,media-gallery .media-gallery__grid-item:hover .product__media-icon{opacity:0}}@media screen and (min-width:990px){.product-media-modal__toggle{right:50px}.product-media-modal__content{padding:20px 110px}.product-media-modal__content{padding-bottom:15px}.image-magnify-hover{cursor:var(--zoom-cursor);pointer-events:auto}.product__media-icon.hover-zoom-enabled{display:none}.lightbox-zoom-trigger.hover-zoom-enabled{pointer-events:none;cursor:var(--zoom-cursor)}.image-magnify-hover .lightbox-zoom-trigger{pointer-events:none}media-gallery .swiper-pagination{pointer-events:none}}@media screen and (max-width:768px){.lightbox-zoom-trigger{pointer-events:none;cursor:default}.media-gallery--cro .lightbox-zoom-trigger{pointer-events:auto;cursor:pointer}.product__media-icon{display:none}.image-magnify-hover{cursor:default}.product-media-modal__content>*:not(.active){display:none}.product-media-modal__content>*.active{display:block}.product-media-modal__content>*{height:100vh;object-fit:cover}.product-media-modal--cro .product-media-modal__content>*:not(.active){display:block}.product-media-modal--cro .product-media-modal__content>*{height:auto;object-fit:initial}}
/*# sourceMappingURL=/cdn/shop/t/397/assets/component-product-media-modal.css.map */