.product-lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000eb;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;-webkit-overflow-scrolling:touch}.product-lightbox-overlay.is-open{opacity:1;visibility:visible}.product-lightbox__close{position:absolute;top:12px;right:12px;z-index:10002;background:#ffffff26;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s}.product-lightbox__close:hover{background:#ffffff4d}.product-lightbox__close svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none}.product-lightbox__counter{position:absolute;top:16px;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:14px;font-family:Poppins,sans-serif;z-index:10001;pointer-events:none}.product-lightbox__image-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.product-lightbox__image-wrapper img{max-width:90%;max-height:85vh;object-fit:contain;transform-origin:center center;transition:transform .15s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.product-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10001;background:#ffffff26;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s}.product-lightbox__nav:hover{background:#ffffff4d}.product-lightbox__nav svg{width:20px;height:20px;stroke:#fff;stroke-width:2.5;fill:none}.product-lightbox__prev{left:12px}.product-lightbox__next{right:12px}.product__media-list .product__media-item .product-media-container{cursor:zoom-in}@media screen and (max-width:749px){.product-lightbox__image-wrapper img{max-width:100%;max-height:100vh}.product-lightbox__nav{width:36px;height:36px}.product-lightbox__prev{left:6px}.product-lightbox__next{right:6px}.product-lightbox__close{top:8px;right:8px}}@media screen and (min-width:750px){.product-lightbox-overlay .product-lightbox__image-wrapper{cursor:zoom-in}.product-lightbox-overlay .product-lightbox__image-wrapper.is-zoomed{cursor:zoom-out}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/product-image-lightbox.css.map */