html.mto-lightbox-open{overflow:hidden}mto-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1080;display:flex;align-items:center;justify-content:center}mto-lightbox[hidden]{display:none}.mto-lightbox__mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.mto-lightbox__stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.mto-lightbox__img{max-width:90%;max-height:85%;transform-origin:center;transition:transform .2s ease-out;cursor:default;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mto-lightbox__img.is-zoomed{cursor:grab}.mto-lightbox__img.is-zoomed:active{cursor:grabbing}.mto-lightbox__close,.mto-lightbox__switch,.mto-lightbox__btn{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;color:#fff;background:transparent;cursor:pointer;transition:opacity .2s,background-color .2s}.mto-lightbox__close,.mto-lightbox__switch{position:absolute;width:44px;height:44px;border-radius:50%;background:#00000073}.mto-lightbox__close:hover,.mto-lightbox__switch:hover{background:#000000a6}.mto-lightbox__close{top:24px;right:24px}.mto-lightbox__switch--prev{top:50%;left:16px;margin-top:-22px}.mto-lightbox__switch--next{top:50%;right:16px;margin-top:-22px}.mto-lightbox__switch[hidden]{display:none}.mto-lightbox__toolbar{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;background:#00000073;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mto-lightbox__btn{width:40px;height:40px;border-radius:50%}.mto-lightbox__btn:hover:not(:disabled){background:#ffffff26}.mto-lightbox__btn:disabled{opacity:.35;cursor:not-allowed}.mto-lightbox__close:focus-visible,.mto-lightbox__switch:focus-visible,.mto-lightbox__btn:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:767px){.mto-lightbox__close{top:12px;right:12px}.mto-lightbox__toolbar{bottom:16px;gap:0;padding:2px 6px}.mto-lightbox__btn{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.mto-lightbox__img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/mto-lightbox.css.map */