a.lb{display:block;cursor:zoom-in}
.lbx{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.92);display:grid;place-items:center;animation:lbf .2s}
.lbx[hidden]{display:none}
.lbx figure{margin:0;display:grid;justify-items:center;gap:10px;max-width:100vw}
.lbx img{max-width:92vw;max-height:84vh;object-fit:contain;transition:opacity .15s}
.lbx img.load{opacity:.3}
.lbx figcaption{color:#ddd;font:14px system-ui,sans-serif;text-align:center;padding:0 60px}
.lbx button{position:absolute;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.lbx button:hover{background:rgba(255,255,255,.3)}
.lbx button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.lbx-x{top:16px;right:16px}
.lbx-p,.lbx-n{top:50%;margin-top:-24px}
.lbx-p{left:16px}.lbx-n{right:16px}
.lbx.one .lbx-p,.lbx.one .lbx-n{display:none}
@keyframes lbf{from{opacity:0}}
@media(max-width:600px){.lbx-p,.lbx-n{top:auto;bottom:16px;margin:0}}
@media(prefers-reduced-motion:reduce){.lbx{animation:none}.lbx img{transition:none}}