.lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.lightbox--open{opacity:1;pointer-events:auto}.lightbox__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.9)}.lightbox__stage{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.lightbox__img{max-width:88vw;max-height:85vh;object-fit:contain;border-radius:4px;display:block;transition:opacity .2s ease,transform .2s ease}.lightbox__img--exit-left{opacity:0;transform:translateX(-40px)}.lightbox__img--enter-left,.lightbox__img--exit-right{opacity:0;transform:translateX(40px)}.lightbox__img--enter-left{transition:none}.lightbox__img--enter-right{opacity:0;transform:translateX(-40px);transition:none}.lightbox__close{position:absolute;top:20px;right:20px;z-index:2;background:hsla(0,0%,100%,.12);border:none;color:var(--color-white);font-size:1.25rem;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.lightbox__close:hover{background:hsla(0,0%,100%,.22)}.lightbox__next,.lightbox__prev{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:hsla(0,0%,100%,.12);border:none;color:var(--color-white);font-size:1.5rem;width:52px;height:52px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.lightbox__prev{left:20px}.lightbox__next{right:20px}.lightbox__next:hover,.lightbox__prev:hover{background:hsla(0,0%,100%,.22)}.lightbox__counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:2;color:hsla(0,0%,100%,.6);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:.05em}