.lb{position:fixed;inset:0;z-index:200;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;align-items:center;justify-content:center;background:rgba(6,11,28,.92);padding:30px}
.lb:not([open]){display:none}
.lb[open]{display:flex}
.lb::backdrop{background:transparent}
.lb img{max-width:92vw;max-height:78vh;width:auto;height:auto;border-radius:6px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.lb .cap{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#fff;font-size:14px;padding:0 20px}
.lb .x{position:absolute;top:16px;right:20px;color:#fff;background:transparent;border:0;font-size:34px;line-height:1;cursor:pointer;width:44px;height:44px}
.lb .x:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}