.lightbox{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;overflow:hidden;background:#0a0a0cf7;color:var(--color-white)}.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{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:.25}.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:var(--color-white);cursor:pointer;transition:background-color .2s ease}.lightbox__close:hover,.lightbox__nav:hover{background:#ffffff3d}.lightbox__close:focus-visible,.lightbox__nav:focus-visible{outline:2px solid var(--color-white);outline-offset:3px}.lightbox__nav[disabled]{opacity:.35;cursor:default}.lightbox__close{position:absolute;top:max(.75rem,env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right));z-index:2}.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>*{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{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/media-lightbox.css.map */