#zoom{position:fixed;top:0;width:100vw;height:100vh;overflow:scroll;visibility:hidden;opacity:0;z-index:-1;-webkit-overflow-scrolling:touch;background:var(--main-background);transition:all .2s linear}html[dir=rtl] #zoom{right:0}html[dir=ltr] #zoom{left:0}#zoom.opened{visibility:visible;opacity:1;z-index:99999}#zoom img{opacity:0;max-width:none;position:absolute;top:0;z-index:7;transition:opacity .1s linear}html[dir=rtl] #zoom img{right:0}html[dir=ltr] #zoom img{left:0}.touchevents #zoom img{top:0!important}html[dir=rtl] .touchevents #zoom img{right:0!important}html[dir=ltr] .touchevents #zoom img{left:0!important}#zoom.loaded img{opacity:1}#zoom.loaded:after{opacity:0}#zoom.loaded .zoom__loader{display:none}.zoom__overlay{position:absolute;top:0;width:100%;height:100%;background:var(--color-background-main);z-index:6}html[dir=rtl] .zoom__overlay{right:0}html[dir=ltr] .zoom__overlay{left:0}.zoom__exit{z-index:9;position:fixed;width:3rem;height:3rem;border-radius:var(--border-radius-buttons);background:var(--color-background-main);top:1.5625rem;display:flex;align-items:center;justify-content:center;cursor:pointer}html[dir=rtl] .zoom__exit{left:1.5625rem}html[dir=ltr] .zoom__exit{right:1.5625rem}.zoom__exit svg path,.zoom__exit svg rect{fill:var(--color-text-main)}.zoom__exit svg circle{stroke:var(--color-text-main)}.no-touchevents .zoom__exit:hover svg{transform:scale(1.05)}.zoom__loader{position:absolute;margin:0;width:20px;height:20px;transform:translate3d(-50%,-50%,0);top:50%;left:50%;display:block;z-index:9}.zoom__loader-element{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;left:0;margin:auto}.zoom__loader-element circle{stroke-dasharray:150,200;stroke-dashoffset:-10;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:var(--color-text-main)}#zoom{overflow:-moz-scrollbars-none;-ms-overflow-style:none;scrollbar-width:none}#zoom::-webkit-scrollbar{width:0!important;height:0!important}
/*# sourceMappingURL=/cdn/shop/t/90/assets/component-image-zoom.css.map */
