.dialog-zoomed-gallery .product-media__drag-zoom-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;height:100dvh;overflow:hidden;cursor:zoom-in;touch-action:none;user-select:none;-webkit-user-select:none}.dialog-zoomed-gallery .product-media__drag-zoom-wrapper.is-zoomed{cursor:grab}.dialog-zoomed-gallery .product-media__drag-zoom-wrapper.is-dragging{cursor:grabbing}.dialog-zoomed-gallery .product-media__drag-zoom-wrapper .product-media{display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:100vw;max-height:100vh;max-height:100dvh;aspect-ratio:auto;overflow:visible;background:transparent}.dialog-zoomed-gallery .product-media__drag-zoom-wrapper .product-media__image{display:block;width:auto;height:auto;max-width:100vw;max-height:100vh;max-height:100dvh;object-fit:contain;transform:translate(var(--drag-zoom-translate-x, 0px),var(--drag-zoom-translate-y, 0px)) scale(var(--drag-zoom-scale, 1));transform-origin:center center;transition:transform .18s ease-out;will-change:transform;pointer-events:none;-webkit-user-drag:none}.dialog-zoomed-gallery .product-media__drag-zoom-wrapper.is-dragging .product-media__image{transition:none}zoom-dialog .zoom-toolbar{position:fixed;top:1.6rem;left:50%;transform:translate(-50%);z-index:var(--layer-raised, 2);display:inline-flex;align-items:center;gap:.8rem}zoom-dialog dialog:not([open]) .zoom-toolbar{display:none}zoom-dialog .zoom-nav{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;margin:0;border:0;border-radius:50%;background:#0009;color:#fff;cursor:pointer;transition:background-color .18s ease,transform .18s ease;-webkit-appearance:none;appearance:none}zoom-dialog .zoom-nav:hover{background:#000000d9}zoom-dialog .zoom-nav:active{transform:scale(.94)}zoom-dialog .zoom-nav:focus-visible{outline:none;box-shadow:0 0 0 .2rem #fff}zoom-dialog .zoom-nav__icon{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}zoom-dialog .zoom-counter{display:inline-flex;gap:.4rem;align-items:baseline;padding:.6rem 1.2rem;background:#0009;color:#fff;border-radius:999px;font-size:1.3rem;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;pointer-events:none;user-select:none;-webkit-user-select:none}zoom-dialog .zoom-counter__separator{opacity:.6}@media(max-width:749px){zoom-dialog .zoom-toolbar{top:1.2rem;gap:.6rem}zoom-dialog .zoom-nav{width:3.2rem;height:3.2rem}zoom-dialog .zoom-nav__icon{width:1.4rem;height:1.4rem}zoom-dialog .zoom-counter{font-size:1.2rem;padding:.5rem 1rem}}zoom-dialog .zoom-caption{position:fixed;top:6rem;left:50%;transform:translate(-50%);z-index:var(--layer-raised, 2);display:block;max-width:min(80vw,50rem);padding:.4rem 1rem;background:#0000008c;color:#fff;border-radius:999px;font-size:1.2rem;line-height:1.3;letter-spacing:.01em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;user-select:none;-webkit-user-select:none}zoom-dialog .zoom-caption[hidden]{display:none}zoom-dialog dialog:not([open]) .zoom-caption{display:none}@media(max-width:749px){zoom-dialog .zoom-caption{top:5rem;font-size:1.05rem;padding:.35rem .8rem;max-width:min(90vw,30rem)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-drag-zoom.css.map */