:root{--lb-bg: rgba(0, 0, 0, .88);--lb-btn-bg: rgba(255, 255, 255, .14);--lb-btn-fg: #fff;--lb-radius: 14px;--lb-z: 9999}body.lb-open{overflow:hidden}.lb{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:var(--lb-bg);z-index:var(--lb-z)}.lb[open]{display:flex}.lb__stage{position:relative;max-width:96vw;max-height:92vh}.lb__img{display:block;max-width:96vw;max-height:80vh;border-radius:var(--lb-radius);box-shadow:0 20px 60px #00000080}.lb__caption{margin-top:.75rem;color:#fff;text-align:center;font-size:.95rem;line-height:1.35;opacity:.85;max-width:min(92vw,960px)}.lb__btn{position:absolute;top:.5rem;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:999px;background:var(--lb-btn-bg);color:var(--lb-btn-fg);cursor:pointer}.lb__btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.lb__close{right:.5rem}.lb__prev,.lb__next{top:50%;transform:translateY(-50%)}.lb__prev{left:.5rem}.lb__next{right:.5rem}.lb__counter{position:absolute;bottom:.5rem;right:.75rem;color:#fff;opacity:.7;font-size:.85rem}@media (hover: hover){.lb__btn:hover{background:#ffffff38}}@media (prefers-reduced-motion: no-preference){.lb{opacity:0;transition:opacity .18s ease}.lb[open]{opacity:1}}