.product-media-grid__zoom-trigger{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:zoom-in;z-index:2}.product-media-grid__zoom-trigger:focus-visible{outline:2px solid var(--color-border-focus, var(--color-accent));outline-offset:-2px}.product-media-grid__cell{position:relative}.product-zoom-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow:hidden;visibility:hidden;pointer-events:none;transition:visibility 0s var(--duration-long, .3s),pointer-events 0s var(--duration-long, .3s)}.product-zoom-modal[hidden]{display:none}.product-zoom-modal.is-open{visibility:visible;pointer-events:auto;transition-delay:0s}.product-zoom-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay, rgba(0, 0, 0, 1));opacity:0;cursor:pointer;transition:opacity var(--duration-base, .2s) var(--easing-base, ease)}.product-zoom-modal.is-open .product-zoom-modal__overlay{opacity:.92}.product-zoom-modal__inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;padding:56px var(--fluid-16-24) var(--fluid-16-24);outline:none}.product-zoom-modal__stage{position:relative;width:100%;flex:1;min-height:0;overflow:hidden;touch-action:none}.product-zoom-modal__layer{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform;transition:transform var(--duration-long, .3s) var(--easing-base, ease-out)}.product-zoom-modal__layer--incoming{opacity:0;visibility:hidden;pointer-events:none}.product-zoom-modal__stage.is-sliding .product-zoom-modal__layer--incoming{opacity:1;visibility:visible}.product-zoom-modal__image--incoming{transition:none}.product-zoom-modal__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;opacity:0;transform-origin:center center;transform:translateZ(0) scale(1);transition:opacity var(--duration-base, .2s) var(--easing-base, ease),transform var(--duration-base, .2s) var(--easing-base, ease)}.product-zoom-modal.is-open .product-zoom-modal__image{opacity:1}.product-zoom-modal__stage.is-zoomed .product-zoom-modal__image{cursor:grab}.product-zoom-modal__stage.is-panning .product-zoom-modal__image{cursor:grabbing;transition:opacity var(--duration-base, .2s) var(--easing-base, ease)}.product-zoom-modal__video,.product-zoom-modal__embed{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:100%;object-fit:contain;background:#000;border:none;display:block;margin:0 auto}.product-zoom-modal__video[hidden],.product-zoom-modal__embed[hidden]{display:none}.product-zoom-modal__counter{position:absolute;top:var(--fluid-16-24);left:50%;transform:translate(-50%);color:#fff;font-family:var(--font-body-family);font-size:var(--fluid-16-18);font-weight:400;letter-spacing:.04em;background:#0006;padding:var(--fluid-4-4) var(--fluid-8-8);border-radius:999px;white-space:nowrap;pointer-events:none;z-index:1}.product-zoom-modal__close{position:absolute;top:var(--fluid-16-24);right:var(--fluid-16-24);display:grid;place-items:center;width:var(--fluid-27-27);height:var(--fluid-27-27);padding:0;border:0;background:transparent;color:#fff;cursor:pointer;z-index:1}.product-zoom-modal__close svg{width:var(--fluid-27-27);height:var(--fluid-27-27)}.product-zoom-modal__close:focus-visible{outline:2px solid var(--color-border-focus, var(--color-accent));outline-offset:2px;border-radius:2px}.product-zoom-modal__nav-row{display:flex;align-items:center;justify-content:center;gap:var(--fluid-16-24);padding:var(--fluid-8-8) 0;flex-shrink:0;z-index:1}.product-zoom-modal__nav-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#00000080;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color var(--duration-base, .2s) var(--easing-base, ease)}.product-zoom-modal__nav-btn:hover{background:#000000bf}.product-zoom-modal__nav-btn:focus-visible{outline:2px solid var(--color-border-focus, var(--color-accent));outline-offset:2px}product-zoom-modal.has-single-image .product-zoom-modal__nav-row,product-zoom-modal.has-single-image .product-zoom-modal__counter{display:none}.product-zoom-modal__controls{display:flex;align-items:center;gap:var(--fluid-8-8);padding:var(--fluid-8-8);background-color:#0009;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;z-index:1}.product-zoom-modal__control{display:grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#fff;font-family:var(--font-body-family);font-size:var(--fluid-14-14);font-weight:500;letter-spacing:.02em;cursor:pointer;transition:background-color var(--duration-base, .2s) var(--easing-base, ease)}.product-zoom-modal__control:hover:not(:disabled){background-color:#ffffff26}.product-zoom-modal__control:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.product-zoom-modal__control:disabled{opacity:.4;cursor:not-allowed}.product-zoom-modal__control--reset{min-width:64px}body.product-zoom-modal-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.product-zoom-modal__overlay,.product-zoom-modal__image,.product-zoom-modal__layer{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-product-zoom-modal.css.map */