.lightbox{background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden}.lightbox[open]{place-items:center;display:grid}.lightbox::backdrop{background:#2e1a4799}.lightbox__stage{position:relative}.lightbox__image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:12px;max-width:calc(100vw - 160px);max-height:calc(100dvh - 120px);box-shadow:0 20px 60px #00000059}.lightbox__btn{width:48px;height:48px;color:var(--color-ink);cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .2s;display:grid;position:absolute}.lightbox__btn:hover{transform:scale(1.08)}.lightbox__btn:focus-visible{outline:3px solid var(--color-yellow);outline-offset:3px}.lightbox__close{top:0;right:-68px}.lightbox__nav{background:var(--color-orange);color:#fff;top:50%;translate:0 -50%}.lightbox__nav--prev{left:-68px}.lightbox__nav--next{right:-68px}.lightbox__count{color:#fff;position:absolute;bottom:24px;left:50%;translate:-50%}.lightbox--single .lightbox__nav,.lightbox--single .lightbox__count{display:none}@media (width<=640px){.lightbox__image{max-width:calc(100vw - 32px);max-height:calc(100dvh - 160px)}.lightbox__stage{position:static}.lightbox__close{top:16px;right:16px}.lightbox__nav{top:auto;bottom:16px;translate:none}.lightbox__nav--prev{left:16px}.lightbox__nav--next{right:16px}.lightbox__count{bottom:30px}}