.lightbox__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#080808f0;color:#fff;overflow:hidden}.lightbox__dialog::backdrop{background:transparent}.lightbox__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:zoom-in}.lightbox__image{max-width:min(92vw,160rem);max-height:84vh;max-height:84dvh;width:auto;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .25s cubic-bezier(.2,.7,.2,1);will-change:transform;box-shadow:0 2rem 6rem #0009}.lightbox__image.is-zoomed{cursor:grab;transition:none}.lightbox__image.is-zoomed:active{cursor:grabbing}.lightbox__toolbar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:1.4rem 1.6rem;pointer-events:none}.lightbox__toolbar>*{pointer-events:auto}.lightbox__tools{display:flex;gap:.6rem}.lightbox__counter,.lightbox__caption{margin:0;font-family:var(--font-heading-family);font-size:1.1rem;letter-spacing:.24em;text-transform:uppercase;color:#ffffffb3}.lightbox__caption{position:absolute;left:0;right:0;bottom:1.6rem;z-index:2;text-align:center;padding:0 7rem;pointer-events:none}.lightbox__btn{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:1px solid rgba(255,255,255,.3);background:#0d0d0d99;color:#fff;font-family:var(--font-heading-family);font-size:1.8rem;line-height:1;cursor:pointer;transition:border-color var(--duration-short) ease,color var(--duration-short) ease,background var(--duration-short) ease}.lightbox__btn:hover,.lightbox__btn:focus-visible{border-color:rgb(var(--color-accent));color:rgb(var(--color-accent));outline:none}.lightbox__nav{position:absolute;top:50%;z-index:2;transform:translateY(-50%)}.lightbox__prev{left:1.6rem}.lightbox__next{right:1.6rem}.lightbox--single .lightbox__nav{display:none}@media screen and (max-width:749px){.lightbox__nav{top:auto;bottom:1.2rem;transform:none}.lightbox__caption{bottom:7rem;padding:0 1.6rem}.lightbox__image{max-width:100vw;max-height:78vh;max-height:78dvh}}.lightbox-trigger{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in;color:inherit;font:inherit;text-align:inherit}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-lightbox.css.map */