/* Image viewer: opens linked photos over the page with close and previous/next buttons. */
.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;overscroll-behavior:contain;display:flex;align-items:center;justify-content:center;padding:64px 64px 16px;box-sizing:border-box;background:rgba(0,0,0,.9)}
.lb[hidden],.lb [hidden]{display:none}
.lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;max-width:100%;max-height:100%}
.lb-img{display:block;max-width:100%;max-height:calc(100vh - 130px);max-height:calc(100dvh - 130px);object-fit:contain;box-shadow:0 4px 24px rgba(0,0,0,.6)}
.lb-img{transition:opacity .15s}
.lb-img.lb-loading{opacity:0}
.lb-cap{margin-top:10px;color:#ddd;font:14px/1.4 Verdana,Geneva,sans-serif;text-align:center}
.lb-count{margin-left:.75em;color:#999;white-space:nowrap}
.lb-text:empty+.lb-count{margin-left:0}
.lb-btn{position:absolute;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font:30px/44px Verdana,Geneva,sans-serif;text-align:center;cursor:pointer}
.lb-btn:hover{background:#6b0000}
.lb-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.lb-close{top:12px;right:12px}
.lb-prev,.lb-next{top:50%;margin-top:-22px;font-size:40px;line-height:40px}
.lb-prev{left:10px}
.lb-next{right:10px}
@media (max-width:640px){
  .lb{padding:64px 8px 16px}
  .lb-prev,.lb-next{top:auto;bottom:12px;margin-top:0}
  .lb-img{max-height:calc(100vh - 190px);max-height:calc(100dvh - 190px)}
}
html.lb-open{overflow:hidden}