ma-lightbox{--ma-lightbox-bg: #e3e5e6;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:block;background:var(--ma-lightbox-bg);color:var(--mad-ink, #111);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}ma-lightbox[hidden]{display:none}.ma-lightbox__dialog{position:relative;width:100%;height:100%;outline:none}.ma-lightbox__figure{position:absolute;top:0;right:0;bottom:4.4rem;left:0;margin:0;overflow:hidden;cursor:zoom-out;touch-action:none}.ma-lightbox__img{display:block;width:100%;height:100%;object-fit:contain;background:transparent;cursor:zoom-in;transform-origin:center;transition:transform .2s ease;will-change:transform}.ma-lightbox__figure.is-zoomed .ma-lightbox__img{cursor:grab;transition:none}.ma-lightbox__figure.is-zoomed .ma-lightbox__img:active{cursor:grabbing}@media(prefers-reduced-motion:reduce){.ma-lightbox__img{transition:none}}.ma-lightbox__caption{position:absolute;left:0;right:0;bottom:0;height:4.4rem;display:flex;align-items:center;justify-content:center;padding:0 6rem;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mad-ink, #111);opacity:.7;white-space:nowrap;cursor:default}.ma-lightbox__btn{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:0;padding:0;border-radius:50%;border:.1rem solid var(--mad-hairline, rgba(0, 0, 0, .1));background:var(--mad-white, #fff);color:var(--mad-ink, #111);cursor:pointer}.ma-lightbox__btn:focus-visible{outline:0;box-shadow:0 0 0 .3rem var(--mad-white, #fff),0 0 0 .5rem var(--mad-ink, #111)}.ma-lightbox__close{top:1.6rem;right:1.6rem}.ma-lightbox__close .icon{width:1.7rem;height:1.7rem}.ma-lightbox__nav{top:50%;transform:translateY(-50%)}.ma-lightbox__nav .icon{width:1rem;height:.6rem}.ma-lightbox__nav--prev{left:1.6rem}.ma-lightbox__nav--prev .icon{transform:rotate(90deg)}.ma-lightbox__nav--next{right:1.6rem}.ma-lightbox__nav--next .icon{transform:rotate(-90deg)}ma-lightbox[data-single] .ma-lightbox__nav{display:none}@media screen and (min-width:750px){.ma-lightbox__figure{top:2.4rem;right:8rem;bottom:4.4rem;left:8rem}.ma-lightbox__close{top:2.4rem;right:2.4rem}.ma-lightbox__nav--prev{left:2.4rem}.ma-lightbox__nav--next{right:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/197/assets/ma-lightbox.css.map */