.lightbox{width:100vw;max-width:100vw;height:100vh;max-height:100vh;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;overflow:hidden;background:#0a0a0cf7;color:#fff}.lightbox::backdrop{background:#0a0a0cf7}.lightbox__stage{position:absolute;top:calc(4rem + env(safe-area-inset-top));right:calc(1rem + env(safe-area-inset-right));bottom:calc(5.5rem + env(safe-area-inset-bottom));left:calc(1rem + env(safe-area-inset-left));display:grid;grid-template-columns:100%;grid-template-rows:100%;place-items:center;overflow:hidden;touch-action:none}.lightbox__img{grid-area:1 / 1;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform:translate(var(--tx, 0px),var(--ty, 0px)) scale(var(--zoom, 1));transform-origin:center center;transition:transform .25s ease,opacity .2s ease;cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox.is-zoomed .lightbox__img{cursor:grab}.lightbox.is-panning .lightbox__img,.lightbox.is-pinching .lightbox__img{transition:none}.lightbox.is-panning .lightbox__img{cursor:grabbing}.lightbox.is-loading .lightbox__img{opacity:0}.lightbox__loader{grid-area:1 / 1;box-sizing:border-box;width:2rem;height:2rem;border:2px solid rgb(255 255 255 / .2);border-top-color:#ffffffd9;border-radius:50%;opacity:0;pointer-events:none;transition:opacity .2s ease;animation:lightbox-spin .8s linear infinite}.lightbox.is-loading .lightbox__loader{opacity:1;transition:none;animation:lightbox-spin .8s linear infinite,lightbox-loader-in .2s ease .2s backwards}@keyframes lightbox-spin{to{transform:rotate(1turn)}}@keyframes lightbox-loader-in{0%{opacity:0}}.lightbox__close,.lightbox__nav{appearance:none;-webkit-appearance:none;display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer;transition:background-color .2s ease}.lightbox__close svg,.lightbox__nav svg{width:1.5rem;height:1.5rem}.lightbox__close:hover,.lightbox__nav:hover{background:#ffffff3d}.lightbox__close:focus-visible,.lightbox__nav:focus-visible{outline:2px solid #fff;outline-offset:3px}.lightbox__close{position:absolute;top:max(.75rem,env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right));z-index:2}.lightbox__zoom{position:absolute;top:max(.75rem,env(safe-area-inset-top));left:max(.75rem,env(safe-area-inset-left));z-index:2;display:flex;gap:.5rem}.lightbox__nav[aria-disabled=true]{opacity:.4;cursor:default}.lightbox__bar{position:absolute;left:0;right:0;bottom:max(1.25rem,env(safe-area-inset-bottom));z-index:2;display:flex;align-items:center;justify-content:center;gap:1.25rem;pointer-events:none}.lightbox__bar[hidden]{display:none}.lightbox__bar>*{pointer-events:auto}.lightbox__counter{margin:0;min-width:4ch;text-align:center;font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#ffffffbf}@media(prefers-reduced-motion:reduce){.lightbox__img,.lightbox__close,.lightbox__nav{transition:none}.lightbox__loader{border-color:#fff9;animation:lightbox-breathe 1.6s ease-in-out infinite alternate}.lightbox.is-loading .lightbox__loader{animation:lightbox-breathe 1.6s ease-in-out infinite alternate,lightbox-loader-in .2s ease .2s backwards}}@keyframes lightbox-breathe{0%{border-color:#ffffff40}to{border-color:#ffffffbf}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/media-lightbox.css.map */