.lb{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.85);display:flex;
  align-items:center;justify-content:center;padding:24px}
.lb[hidden]{display:none}
.lb__fig{margin:0;max-width:100%;max-height:100%;text-align:center}
.lb__img{max-width:100%;max-height:78vh;display:block;margin:0 auto;background:#fff}
.lb__cap{color:#fff;font:13px/1.4 Verdana,sans-serif;margin-top:12px;max-width:56ch;
  margin-left:auto;margin-right:auto}
.lb__btn{position:absolute;background:rgba(0,0,0,.55);color:#fff;border:0;cursor:pointer;
  font-size:26px;line-height:1;padding:14px 18px;border-radius:6px}
.lb__close{top:14px;right:14px;font-size:22px}
.lb__prev{left:14px;top:50%;transform:translateY(-50%)}
.lb__next{right:14px;top:50%;transform:translateY(-50%)}
.lb__btn:hover{background:rgba(0,0,0,.8)}
.lb__count{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:#fff;
  font:12px/1 Verdana,sans-serif}
@media (max-width:600px){.lb{padding:10px}.lb__btn{padding:10px 13px;font-size:20px}}