.product-zoom-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000eb;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.product-zoom-modal.is-open{opacity:1;visibility:visible}.product-zoom-modal__body{display:flex;width:100%;height:100%}.product-zoom-modal__main{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center}.product-zoom-modal__thumbnails{flex-shrink:0;width:24rem;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);align-content:flex-start;gap:1.2rem;padding:2rem}.product-zoom-modal__thumbnail{position:relative;display:block;padding:0;margin:0;border:.2rem solid transparent;border-radius:.4rem;overflow:hidden;cursor:pointer;background:none;aspect-ratio:1 / 1;transition:border-color .2s ease}.product-zoom-modal__thumbnail-play{position:absolute;top:50%;left:50%;width:2.4rem;height:2.4rem;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000008c;color:#fff;pointer-events:none}.product-zoom-modal__thumbnail-play svg{width:1.2rem;height:1.2rem}.product-zoom-modal__thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.product-zoom-modal__thumbnail.is-active{border-color:#e4747f}.product-zoom-modal__stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:4rem 8rem;box-sizing:border-box;overflow:hidden}.product-zoom-modal__image{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;transition:transform .35s ease,opacity .2s ease;transform:scale(1);transform-origin:center center;-webkit-user-select:none;user-select:none}.product-zoom-modal__image.is-zoomed{transform:scale(2.2);cursor:zoom-out}.product-zoom-modal__image.is-fading{opacity:0;transition:opacity .2s ease}.product-zoom-modal__video{max-width:100%;max-height:100%;width:auto;height:auto;border:0}.product-zoom-modal__progress{position:absolute;top:0;left:0;width:100%;height:.3rem;background:#ffffff26;z-index:3}.product-zoom-modal__progress-bar{height:100%;width:0%;background:#fff;display:flex!important}.product-zoom-modal__toolbar{position:absolute;top:2rem;right:2rem;z-index:3;display:flex;gap:.8rem}.product-zoom-modal__toolbar-btn{width:4rem;height:4rem;border-radius:.8rem;border:none;background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.product-zoom-modal__toolbar-btn svg{width:1.6rem;height:1.6rem}.product-zoom-modal__toolbar-btn:hover{background:#fff3}.product-zoom-modal__play.is-playing,.product-zoom-modal__grid-toggle.is-active{background:#ffffff40}.product-zoom-modal__thumbnails.is-hidden{display:none}.product-zoom-modal__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:4.4rem;height:4.4rem;border-radius:.8rem;border:none;background:#3c3c3c8c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.product-zoom-modal__nav:hover{background:#3c3c3cbf}.product-zoom-modal__nav svg{width:1.6rem;height:1.6rem}.product-zoom-modal__nav--prev{left:2rem;transform:translateY(-50%) scaleX(-1)}.product-zoom-modal__nav--next{right:2rem}@media screen and (min-width:750px){.product-zoom-modal__thumbnails{background-color:#e8e8e8}}@media screen and (max-width:749px){.product-zoom-modal__body{flex-direction:column}.product-zoom-modal__main{flex:1;min-height:0}.product-zoom-modal__thumbnails{width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;gap:.8rem;padding:1.2rem}.product-zoom-modal__thumbnails::-webkit-scrollbar{display:none}.product-zoom-modal__thumbnails .product-zoom-modal__thumbnail{flex:0 0 auto;width:5.6rem;height:5.6rem}.product-zoom-modal__stage{padding:2rem}.product-zoom-modal__nav{width:3.6rem;height:3.6rem}.product-zoom-modal__toolbar{top:1.2rem;right:1.2rem}.product-zoom-modal__toolbar-btn{width:3.6rem;height:3.6rem}.product-zoom-modal__play,.product-zoom-modal__fullscreen,.product-zoom-modal__grid-toggle{display:none}}
/*# sourceMappingURL=/cdn/shop/t/126/assets/product-image-zoom.css.map */