zoom-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;opacity:0;display:block;transition:opacity var(--duration-fast, .2s) var(--ease-luxury, ease)}zoom-dialog[data-state=open]{pointer-events:auto;opacity:1}zoom-dialog:focus-visible{outline:none}.zoom-dialog__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-background)}.zoom-dialog__panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-md, 1.5rem);box-sizing:border-box}.zoom-dialog__close,.zoom-dialog__nav-prev,.zoom-dialog__nav-next,.zoom-dialog__magnifier{position:absolute;z-index:2;width:44px;height:44px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;appearance:none;-webkit-appearance:none;border:none;border-radius:50%;font-family:inherit;font-size:1.25rem;line-height:1;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:background-color var(--duration-fast, .2s) var(--ease-luxury, ease),box-shadow var(--duration-fast, .2s) var(--ease-luxury, ease),opacity var(--duration-fast, .2s) var(--ease-luxury, ease)}.zoom-dialog__close{top:var(--space-md, 1.5rem);right:var(--space-md, 1.5rem);background-color:var(--color-foreground);color:var(--color-background)}.zoom-dialog__close:hover,.zoom-dialog__close:focus-visible{box-shadow:0 4px 12px #00000040}.zoom-dialog__close:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.zoom-dialog__nav-prev,.zoom-dialog__nav-next{top:50%;transform:translateY(-50%);background-color:var(--color-background);color:var(--color-foreground)}.zoom-dialog__nav-prev{left:var(--space-md, 1.5rem)}.zoom-dialog__nav-next{right:var(--space-md, 1.5rem)}.zoom-dialog__nav-prev:hover,.zoom-dialog__nav-prev:focus-visible,.zoom-dialog__nav-next:hover,.zoom-dialog__nav-next:focus-visible{box-shadow:0 4px 12px #00000040}.zoom-dialog__nav-prev:focus-visible,.zoom-dialog__nav-next:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.zoom-dialog__magnifier{bottom:var(--space-md, 1.5rem);left:var(--space-md, 1.5rem);background-color:var(--color-background);color:var(--color-foreground)}.zoom-dialog__magnifier:hover,.zoom-dialog__magnifier:focus-visible{box-shadow:0 4px 12px #00000040}.zoom-dialog__magnifier:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.zoom-dialog__viewport{position:relative;width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none}[data-zoom-image]{position:relative;z-index:1;display:block;max-width:90%;max-height:90%;width:auto;height:auto;object-fit:contain;transform-origin:center center;transform:translate(0) scale(1);transition:transform var(--duration-fast, .2s) var(--ease-luxury, ease);cursor:zoom-in;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}[data-zoom-image][data-zoomed=true]{cursor:grab}[data-zoom-image][data-zooming=true]{transition:none}[data-zoom-image][data-zoomed=true][data-zooming=true]{cursor:grabbing}@media(max-width:1024px){.zoom-dialog__panel{padding:0}[data-zoom-image]{max-width:100%;max-height:100vh;width:100%;object-fit:contain}}@media(prefers-reduced-motion:reduce){zoom-dialog{transition:none}[data-zoom-image],.zoom-dialog__close,.zoom-dialog__nav-prev,.zoom-dialog__nav-next,.zoom-dialog__magnifier{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-zoom-dialog.css.map */