@media screen and (min-width:750px){.gallery-grid__item{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15' fill='%23000'/%3E%3Cline x1='10' y1='16' x2='22' y2='16' stroke='%23fff' stroke-width='1.5'/%3E%3Cline x1='16' y1='10' x2='16' y2='22' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E") 16 16,zoom-in}}.gallery-zoom{position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;background-color:#fff;display:none}.gallery-zoom.is-open{display:block}.gallery-zoom__thumbs{position:absolute;left:16px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:6px;overflow-y:auto;scrollbar-width:none;max-height:calc(100vh - 60px);background:transparent}.gallery-zoom__thumbs::-webkit-scrollbar{display:none}.gallery-zoom__thumb{position:relative;width:48px;height:48px;border:none;padding:0;background:none;cursor:pointer;flex-shrink:0;overflow:hidden}.gallery-zoom__thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.5;transition:opacity .2s ease}.gallery-zoom__thumb.is-active img{opacity:1}.gallery-zoom__thumb-check,.mobile-zoom__thumb-check{position:absolute;bottom:3px;right:3px;width:16px;height:16px;background-color:#000;border-radius:50%;display:none;align-items:center;justify-content:center}.gallery-zoom__thumb.is-active .gallery-zoom__thumb-check,.mobile-zoom__thumb.is-active .mobile-zoom__thumb-check{display:flex}.gallery-zoom__thumb-check svg,.mobile-zoom__thumb-check svg{width:10px;height:10px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.gallery-zoom__main{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15' fill='%23000'/%3E%3Cline x1='10' y1='16' x2='22' y2='16' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E") 16 16,zoom-out}.gallery-zoom__image-container{position:absolute;top:0;left:0;width:100%;height:100%}.gallery-zoom__image-container img{position:absolute;top:0;left:0;display:block;transition:none}.gallery-zoom__close,.mobile-zoom__close{position:absolute;top:16px;right:16px;z-index:20;width:40px;height:40px;background-color:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease}.gallery-zoom__close:hover,.mobile-zoom__close:hover{border-color:#0006}.gallery-zoom__close svg,.mobile-zoom__close svg{width:16px;height:16px;stroke:#000;stroke-width:2;fill:none;stroke-linecap:round}@media screen and (max-width:749px){.gallery-zoom{display:none!important}}.mobile-zoom{position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;background-color:#000;display:none;flex-direction:column}.mobile-zoom.is-open{display:flex}.mobile-zoom__main{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;touch-action:none}.mobile-zoom__track{position:absolute;top:0;left:-100%;width:300%;height:100%;display:flex;will-change:transform}.mobile-zoom__track.is-animating{transition:transform .3s ease}.mobile-zoom__slide{width:calc(100% / 3);height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-zoom__slide img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center center;touch-action:none;user-select:none;-webkit-user-select:none;will-change:transform}.mobile-zoom__thumbs{position:absolute;bottom:20px;left:0;right:0;z-index:15;display:flex;flex-direction:row;gap:6px;padding:0 12px;overflow-x:auto;scrollbar-width:none;background:transparent;justify-content:center;transition:opacity .25s ease,transform .25s ease}.mobile-zoom__thumbs.is-hidden{opacity:0;transform:translateY(20px);pointer-events:none}.mobile-zoom__thumbs::-webkit-scrollbar{display:none}.mobile-zoom__thumb{position:relative;width:48px;height:48px;border:none;padding:0;background:none;cursor:pointer;flex-shrink:0;overflow:hidden;border-radius:3px}.mobile-zoom__thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.5;transition:opacity .2s ease}.mobile-zoom__thumb.is-active img{opacity:1}@media screen and (min-width:750px){.mobile-zoom{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/product-gallery-zoom.css.map */