zoom-dialog.hx-product-zoom dialog{--hx-zoom-ink: #252525;--hx-zoom-line: #dedede;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;overflow:hidden;background:#fff;color:var(--hx-zoom-ink);transition:none}zoom-dialog.hx-product-zoom dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;opacity:1;visibility:visible}zoom-dialog.hx-product-zoom .hx-zoom-toolbar{grid-row:1;grid-column:1;position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));z-index:2;background:#fff;border-bottom:1px solid var(--hx-zoom-line)}zoom-dialog.hx-product-zoom .hx-zoom-tools,zoom-dialog.hx-product-zoom .hx-zoom-navigation{display:flex;align-items:center;gap:4px}zoom-dialog.hx-product-zoom .hx-zoom-toolbar button{position:static;display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:0;margin:0;border:1px solid var(--hx-zoom-line);border-radius:4px;background:#fff;color:var(--hx-zoom-ink);font:inherit;font-size:22px;line-height:1;cursor:pointer}zoom-dialog.hx-product-zoom .hx-zoom-toolbar button[data-zoom-action=reset]{width:auto;padding-inline:10px;font-size:13px}zoom-dialog.hx-product-zoom .hx-zoom-toolbar button:disabled{opacity:.35;cursor:default}zoom-dialog.hx-product-zoom button:focus-visible{outline:2px solid currentColor;outline-offset:2px}zoom-dialog.hx-product-zoom .hx-zoom-counter{min-width:42px;text-align:center;font-size:12px}zoom-dialog.hx-product-zoom .dialog-zoomed-gallery{grid-row:2;grid-column:1;position:relative;display:block;width:100%;height:100%;min-height:0;margin:0;padding:0;overflow:hidden;scroll-snap-type:none;overscroll-behavior:none;cursor:default}zoom-dialog.hx-product-zoom .dialog-zoomed-gallery>.product-media-container{position:absolute;top:0;right:0;bottom:0;left:0;display:none;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;margin:0;overflow:hidden}zoom-dialog.hx-product-zoom .dialog-zoomed-gallery>.product-media-container[data-zoom-active]{display:block}zoom-dialog.hx-product-zoom .hx-zoom-stage,zoom-dialog.hx-product-zoom .product-media-container--image .product-media{position:relative;display:block;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;overflow:hidden}zoom-dialog.hx-product-zoom .product-media-container--image{touch-action:none;user-select:none;-webkit-user-select:none;cursor:zoom-in}zoom-dialog.hx-product-zoom .product-media-container--image[data-zoom-magnified]{cursor:grab}zoom-dialog.hx-product-zoom .product-media-container--image[data-zoom-dragging]{cursor:grabbing}zoom-dialog.hx-product-zoom .product-media-container--image img.product-media__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;aspect-ratio:auto;object-fit:contain!important;object-position:center;transform:translate3d(var(--hx-zoom-x, 0px),var(--hx-zoom-y, 0px),0) scale(var(--hx-zoom-scale, 1))!important;transform-origin:center;transition:none;pointer-events:none;-webkit-user-drag:none}zoom-dialog.hx-product-zoom .dialog-thumbnails-list-container{grid-row:3;grid-column:1;position:relative;display:flex;width:100%;min-width:0;border-top:1px solid var(--hx-zoom-line);background:#fff;padding-bottom:env(safe-area-inset-bottom);z-index:2}zoom-dialog.hx-product-zoom.hx-zoom-single .dialog-thumbnails-list-container{display:none}zoom-dialog.hx-product-zoom.hx-zoom-single dialog{padding-bottom:env(safe-area-inset-bottom)}zoom-dialog.hx-product-zoom .dialog-thumbnails-list{position:static;display:flex;flex-direction:row;align-items:center;gap:8px;max-height:none;max-width:100%;padding:10px 12px;margin-inline:auto;overflow-x:auto;overflow-y:hidden;transform:none;animation:none;-webkit-mask-image:none!important;mask-image:none!important}zoom-dialog.hx-product-zoom .dialog-thumbnails-list__thumbnail{display:block;flex:0 0 48px;width:48px;height:48px;padding:2px;border:1px solid var(--hx-zoom-line);border-radius:3px;overflow:hidden;background:#fff}zoom-dialog.hx-product-zoom .dialog-thumbnails-list__thumbnail img{width:100%;height:100%;object-fit:contain;aspect-ratio:1}zoom-dialog.hx-product-zoom .dialog-thumbnails-list__thumbnail[aria-selected=true]{outline:none;border:2px solid var(--hx-zoom-ink)}zoom-dialog.hx-product-zoom .hx-zoom-tools[hidden]{display:none}zoom-dialog.hx-product-zoom .product-media-container:not(.product-media-container--image) .product-media{width:100%;height:100%;align-items:center;justify-content:center}zoom-dialog.hx-product-zoom .product-media-container:not(.product-media-container--image) :is(video,iframe,model-viewer){max-width:100%;max-height:100%}@media(max-width:420px){zoom-dialog.hx-product-zoom .hx-zoom-toolbar{gap:4px;padding-inline:8px}zoom-dialog.hx-product-zoom .hx-zoom-tools,zoom-dialog.hx-product-zoom .hx-zoom-navigation{gap:2px}zoom-dialog.hx-product-zoom .hx-zoom-counter{min-width:34px}}@media(max-width:359px){zoom-dialog.hx-product-zoom .hx-zoom-toolbar{display:grid;grid-template-columns:1fr auto;gap:4px}zoom-dialog.hx-product-zoom .hx-zoom-navigation{grid-row:1;grid-column:1}zoom-dialog.hx-product-zoom .hx-zoom-toolbar .dialog-zoomed-gallery__close-button{grid-row:1;grid-column:2}zoom-dialog.hx-product-zoom .hx-zoom-tools{grid-row:2;grid-column:1 / -1;justify-content:center}}@media(max-width:360px){zoom-dialog.hx-product-zoom .hx-zoom-toolbar{display:grid;grid-template-columns:1fr auto}zoom-dialog.hx-product-zoom .hx-zoom-navigation{grid-column:1;grid-row:1}zoom-dialog.hx-product-zoom .dialog-zoomed-gallery__close-button{grid-column:2;grid-row:1}zoom-dialog.hx-product-zoom .hx-zoom-tools{grid-column:1 / -1;grid-row:2;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/hx-product-zoom.css.map */