.lightbox{width:100%;max-width:100%;height:100%;max-height:100%;padding:var(--space-16) var(--space-4) var(--space-4);color:var(--color-on-dark);background:0 0;border:0}.lightbox[open]{place-items:center;display:grid}.lightbox::backdrop{background:#0a0c0eeb}@media (width>=48em){.lightbox{padding-inline:var(--space-16)}}.lightbox__figure{gap:var(--space-3);justify-items:center;max-height:100%;display:grid}.lightbox__image{object-fit:contain;background:var(--color-surface);border-radius:var(--radius-sm);width:auto;max-width:min(100%,72rem);max-height:calc(100vh - 9rem);animation:lightbox-in var(--duration-base) var(--ease-out)}.lightbox__caption{gap:var(--space-2) var(--space-4);font-size:var(--text-sm);text-align:center;flex-wrap:wrap;justify-content:center;display:flex}.lightbox__counter{color:var(--color-on-dark-muted)}.lightbox__button{width:3rem;height:3rem;color:var(--color-ink);transition:background-color var(--duration-fast);background:#fff;border:0;border-radius:14px;place-items:center;display:grid;position:fixed}@media (hover:hover){.lightbox__button:hover{background:#e4e6e9}}.lightbox__button--close{top:var(--space-4);right:var(--space-4)}.lightbox__button--prev,.lightbox__button--next{top:50%;translate:0 -50%}.lightbox__button--prev{left:var(--space-2)}.lightbox__button--next{right:var(--space-2)}@keyframes lightbox-in{0%{opacity:0;scale:.98}}