.lightbox{background:var(--paper);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);border:0;margin:0;padding:0}.lightbox::backdrop{background:var(--paper)}.lightbox__inner{height:100%;padding:var(--space-2) var(--page-margin);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.lightbox__bar,.lightbox__nav{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-small);line-height:var(--text-small-lh);display:flex}.lightbox__bar{justify-content:flex-end}.lightbox__count{font-variant-numeric:tabular-nums;margin-right:auto}.lightbox__figure{grid-template-columns:repeat(var(--grid-columns), minmax(0, 1fr));column-gap:var(--grid-gutter);min-height:0;padding:var(--space-3) 0;align-items:center;margin:0;display:grid}.lightbox__media{touch-action:pan-y;-webkit-user-select:none;user-select:none;grid-column:1/span 7;justify-content:flex-start;align-items:center;height:100%;min-height:0;display:flex;container-type:size}.lightbox__frame{width:min(100cqw, 100cqh * var(--ratio));aspect-ratio:var(--ratio);flex:none;display:block}.lightbox__frame .picture{pointer-events:none}.lightbox__caption{max-height:100%;font-size:var(--text-body);line-height:var(--text-body-lh);grid-column:9/-1;overflow-y:auto}.lightbox__button{padding:var(--space-1) 0;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0}.lightbox__button:hover{text-decoration:underline}@media (width<=767px){.lightbox__figure{justify-content:center;align-items:stretch;gap:var(--space-3);padding:var(--space-2) 0;flex-direction:column;display:flex}.lightbox__media{flex:0 auto;height:auto;container-type:inline-size}.lightbox__frame{width:min(100cqw, 60dvh * var(--ratio))}.lightbox__caption{flex:0 auto;min-height:0}}