.mm-scope .mm-gallery-item img[data-mm-zoomable]{cursor:zoom-in}.mm-scope .mm-gallery-item img[data-mm-zoomable]:focus-visible{outline:2px solid var(--mm-ink);outline-offset:-4px}.mm-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .22s ease}.mm-zoom[data-open=true]{opacity:1;pointer-events:auto}.mm-zoom[hidden]{display:none}.mm-zoom-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in oklab,var(--mm-bone) 96%,transparent)}.mm-zoom-stage{position:relative;z-index:1;margin:0;width:min(92vw,1400px);height:min(88vh,1100px);overflow:hidden;display:grid;place-items:center;touch-action:none}.mm-zoom-stage img{width:100%;height:100%;object-fit:contain;transform-origin:center center;transition:transform .26s cubic-bezier(.19,1,.22,1);will-change:transform;cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mm-zoom[data-zoomed=true] .mm-zoom-stage img{cursor:grab}.mm-zoom[data-panning=true] .mm-zoom-stage img{cursor:grabbing;transition:none}.mm-zoom button{position:absolute;z-index:2;display:grid;place-items:center;border-radius:9999px;border:1px solid color-mix(in oklab,var(--mm-border) 70%,transparent);background:color-mix(in oklab,var(--mm-bone) 90%,transparent);color:var(--mm-ink);transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}.mm-zoom button:hover{background:#fff;border-color:var(--mm-ink)}.mm-zoom button .mm-icon{width:18px;height:18px;stroke-width:1.5;pointer-events:none}.mm-zoom-close{top:1.25rem;right:1.25rem;height:2.75rem;width:2.75rem}.mm-zoom-prev,.mm-zoom-next{top:50%;height:3rem;width:3rem;transform:translateY(-50%)}.mm-zoom-prev{left:1.25rem}.mm-zoom-next{right:1.25rem}.mm-zoom[data-single=true] .mm-zoom-prev,.mm-zoom[data-single=true] .mm-zoom-next,.mm-zoom[data-zoomed=true] .mm-zoom-prev,.mm-zoom[data-zoomed=true] .mm-zoom-next{opacity:0;pointer-events:none}.mm-zoom-count{position:absolute;z-index:2;bottom:1.5rem;left:50%;transform:translate(-50%);color:var(--mm-clay);font-variant-numeric:tabular-nums}.mm-zoom[data-single=true] .mm-zoom-count{display:none}@media(max-width:767px){.mm-zoom-prev,.mm-zoom-next{display:none}.mm-zoom-stage{width:100vw;height:82vh}}@media(prefers-reduced-motion:reduce){.mm-zoom,.mm-zoom-stage img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/398/assets/mm-zoom.css.map */
