.mh-pdp-gallery{position:relative;display:block;min-width:0}.mh-pdp-gallery__stage{position:relative}.mh-pdp-gallery__track{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:var(--mh-space-2);margin-block:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.mh-pdp-gallery__track::-webkit-scrollbar{display:none}.mh-pdp-gallery__slide{position:relative;min-width:0;scroll-snap-align:start}.mh-pdp-gallery__frame{position:relative;display:block;width:100%;aspect-ratio:4 / 5;padding:0;overflow:hidden;overflow:clip;border-radius:var(--mh-r-lg);background:var(--mh-surface-2);color:inherit;text-decoration:none}.mh-pdp-gallery__open{cursor:zoom-in;-webkit-tap-highlight-color:transparent}.mh-pdp-gallery__open:focus-visible{outline:2px solid var(--mh-focus, var(--mh-ink));outline-offset:-2px}.mh-pdp-gallery__img,.mh-pdp-gallery__ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;border:0}.mh-pdp-gallery__frame--empty .mh-pdp-gallery__ph{fill:var(--mh-line-strong);object-fit:contain}.mh-pdp-gallery__bar{display:flex;align-items:center;gap:var(--mh-space-4);margin-block-start:var(--mh-space-3)}.mh-pdp-gallery__bar .mh-progress{height:2px}.mh-pdp-gallery__bar .mh-progress__thumb{transition:transform var(--mh-dur-tab, .32s) var(--mh-ease-lux, cubic-bezier(.22,1,.36,1))}.mh-pdp-gallery__count{flex:none;min-width:5ch;text-align:end;color:var(--mh-ink-muted);font-size:.8125rem;font-variant-numeric:tabular-nums}.mh-pdp-gallery__more{display:none;margin:var(--mh-space-3) 0 0;font-size:.8125rem}.mh-pdp-gallery__all{display:inline-flex;align-items:center;min-height:var(--mh-hit, 44px);color:var(--mh-ink-muted)}@media(min-width:768px){.mh-pdp-gallery__track{grid-auto-columns:calc((100% - 2 * var(--mh-space-2)) / 2.2)}}@media(min-width:1024px){.mh-pdp-gallery__track{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-inline:0;padding-inline:0;overflow:visible;scroll-snap-type:none}.mh-pdp-gallery__slide.is-extra,.mh-pdp-gallery__bar{display:none}.mh-pdp-gallery__more{display:block;text-align:end}}@media(prefers-reduced-motion:reduce){.mh-pdp-gallery__bar .mh-progress__thumb{transition:none}}.mh-viewer{top:0;right:0;bottom:0;left:0;width:100%;height:100%;height:100dvh}.mh-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.mh-viewer__top{display:flex;align-items:center;justify-content:space-between;padding:var(--mh-space-2) var(--mh-gutter)}.mh-viewer__count{color:var(--mh-ink-muted);font-variant-numeric:tabular-nums}.mh-viewer__stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;padding-inline:var(--mh-gutter);touch-action:pinch-zoom}.mh-viewer__img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain;border-radius:var(--mh-r-lg);transition:transform var(--mh-t2);cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mh-viewer.is-zoomed .mh-viewer__img{transform:scale(2);cursor:zoom-out}.mh-viewer__nav{position:absolute;top:50%;z-index:var(--mh-z-raised);margin-top:calc(var(--mh-hit) / -2)}.mh-viewer__nav:before,.mh-viewer__zoom:before{background-color:var(--mh-bg)}.mh-viewer__nav--prev{left:var(--mh-gutter)}.mh-viewer__nav--next{right:var(--mh-gutter)}.mh-viewer__zoom{position:absolute;right:var(--mh-gutter);bottom:var(--mh-space-2);z-index:var(--mh-z-raised)}.mh-viewer__thumbs{display:flex;gap:var(--mh-space-2);padding:var(--mh-space-3) var(--mh-gutter) max(var(--mh-space-3),env(safe-area-inset-bottom));overflow-x:auto;scrollbar-width:none}@media(min-width:768px){.mh-viewer__thumbs{justify-content:center}.mh-viewer__stage{padding-inline:calc(var(--mh-gutter) + var(--mh-hit) + var(--mh-space-4))}}.mh-viewer__thumb{flex:none;width:var(--mh-thumb);height:auto;aspect-ratio:2 / 3;border-radius:var(--mh-r-sm);overflow:hidden;overflow:clip;background:var(--mh-surface-2);opacity:.6;transition:opacity var(--mh-t1)}.mh-viewer__thumb[aria-current=true]{opacity:1;box-shadow:0 0 0 2px var(--mh-bg),0 0 0 3px var(--mh-ink)}.mh-viewer__thumb-img{display:block;width:100%;height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/69/assets/component-mh-pdp-gallery.css.map */