mv-gallery{display:block;width:100%;--mv-thumb: 72px;--mv-thumb-gap: 8px;--mv-fg: var(--color-foreground, #111);--mv-bg: var(--color-background, #fff);--mv-line: color-mix(in srgb, var(--mv-fg) 16%, transparent);--mv-btn-bg: color-mix(in srgb, var(--mv-bg) 90%, transparent);--mv-stage-max: calc(100vh - var(--sticky-header-offset, 0px) - 32px)}.mv-gallery__layout{display:grid;grid-template-columns:calc(var(--mv-thumb) + 4px) minmax(0,var(--mv-stage-max));justify-content:center;align-items:start;gap:12px}@media screen and (min-width:750px){mv-gallery{position:sticky;top:calc(var(--sticky-header-offset, 0px) + 12px)}}.mv-gallery__thumbs-wrap{position:relative;align-self:stretch;min-height:0}.mv-gallery__thumbs{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:var(--mv-thumb-gap);margin:0;padding:2px;list-style:none;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;overscroll-behavior:contain}.mv-gallery__thumb-item{flex:none;width:var(--mv-thumb);height:var(--mv-thumb)}.mv-gallery__thumb-item[hidden]{display:none}.mv-gallery__thumb{display:block;width:100%;height:100%;padding:0;border:1px solid var(--mv-line);background:var(--mv-bg);cursor:pointer;overflow:hidden;opacity:.72;-webkit-appearance:none;appearance:none}.mv-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover}.mv-gallery__thumb:hover{opacity:1}.mv-gallery__thumb[aria-current=true]{opacity:1;border-color:var(--mv-fg);outline:1px solid var(--mv-fg);outline-offset:-2px}.mv-gallery__thumb:focus-visible,.mv-gallery__btn:focus-visible,.mv-gallery__stage:focus-visible{outline:2px solid var(--mv-fg);outline-offset:2px}.mv-gallery__stage{position:relative;width:100%;aspect-ratio:1;background:var(--mv-bg);overflow:hidden;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}.mv-gallery__frame{position:absolute;top:0;right:0;bottom:0;left:0;cursor:zoom-in}mv-gallery[data-zoom=false] .mv-gallery__frame{cursor:default}.mv-gallery__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}.mv-gallery__img.is-active{opacity:1}@media(prefers-reduced-motion:no-preference){.mv-gallery__img{transition:opacity .35s ease}}.mv-gallery__btn{position:absolute;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--mv-line);border-radius:50%;background:var(--mv-btn-bg);color:var(--mv-fg);box-shadow:0 1px 4px #0000001f;cursor:pointer;-webkit-appearance:none;appearance:none}.mv-gallery__btn:hover{background:var(--mv-bg)}.mv-gallery__btn[disabled]{opacity:.4;cursor:default}.mv-gallery__arrow{top:50%;translate:0 -50%}.mv-gallery__arrow--prev{left:12px}.mv-gallery__arrow--next{right:12px}.mv-gallery__zoom{top:12px;right:12px}.mv-gallery__play{left:12px;bottom:12px;width:40px;height:40px}.mv-gallery__play[hidden],.mv-gallery__icon-play,.mv-gallery__icon-pause{display:none}mv-gallery:not([data-playing=true]) .mv-gallery__icon-play,mv-gallery[data-playing=true] .mv-gallery__icon-pause{display:block}@media screen and (max-width:749px){mv-gallery{--mv-thumb: 60px}.mv-gallery__layout{grid-template-columns:minmax(0,1fr);gap:10px}.mv-gallery__stage{order:1}.mv-gallery__thumbs-wrap{order:2;align-self:auto;height:calc(var(--mv-thumb) + 8px)}.mv-gallery__thumbs{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:2px 16px 6px 2px;scroll-snap-type:x proximity}.mv-gallery__thumb-item{scroll-snap-align:start}}mv-gallery[data-single] .mv-gallery__thumbs-wrap{display:none}mv-gallery[data-single] .mv-gallery__arrow{visibility:hidden}@media screen and (min-width:750px){mv-gallery[data-single] .mv-gallery__layout{grid-template-columns:minmax(0,var(--mv-stage-max))}}html:has(dialog.mv-gallery__dialog[open]){overflow:hidden}.mv-gallery__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--mv-bg);color:var(--mv-fg);overflow:hidden}.mv-gallery__dialog:not([open]){display:none}.mv-gallery__zoom-scroller{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;cursor:zoom-in}.mv-gallery__dialog.is-zoomed .mv-gallery__zoom-scroller{display:block;overflow:auto;cursor:grab}.mv-gallery__zoom-img{display:block;width:100%;height:100%;object-fit:contain;max-width:100vw;max-height:100dvh}.mv-gallery__dialog.is-zoomed .mv-gallery__zoom-img{width:220vmax;height:auto;max-width:none;max-height:none;aspect-ratio:1}.mv-gallery__zoom-close{top:16px;right:16px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mv-gallery.css.map */