.lightbox{position:fixed;z-index:1000;inset:0;display:grid;grid-template-columns:4rem 1fr 4rem;grid-template-rows:4rem 1fr auto;background:#080b0deF;color:#fff}.lightbox[hidden]{display:none}.lightbox-image{grid-column:2;grid-row:2;place-self:center;max-width:100%;max-height:calc(100vh - 8rem);object-fit:contain;box-shadow:0 1rem 4rem #000}.lightbox-close,.lightbox-prev,.lightbox-next{border:0;background:#ffffff18;color:#fff;cursor:pointer;font-size:2rem}.lightbox-close{grid-column:3;grid-row:1;width:3rem;height:3rem;justify-self:end;margin:.5rem}.lightbox-prev{grid-column:1;grid-row:2}.lightbox-next{grid-column:3;grid-row:2}.lightbox-caption{grid-column:1/-1;grid-row:3;min-height:3rem;margin:0;padding:.8rem 5rem;text-align:center}.lightbox-counter{position:absolute;top:1.3rem;left:1.3rem;color:#d9dfe1;font:700 .75rem monospace}.lightbox button:hover,.lightbox button:focus{background:var(--sun);color:#111}.lightbox-open{overflow:hidden}@media(max-width:700px){.lightbox{grid-template-columns:3rem 1fr 3rem}.lightbox-caption{padding:.7rem 3rem}.lightbox-image{max-height:calc(100vh - 7rem)}}