@layer components{.gallery{--stack-space:var(--space-s);& .gallery__title{font-size:var(--size-step-1)}& .gallery__grid{--grid-min:10rem;--grid-space:var(--space-2xs);list-style:none;margin:0;padding:0}& .gallery__trigger{display:block;width:100%;padding:0;border:0;border-radius:var(--radius-m);overflow:hidden;background:var(--color-accent-surface);cursor:zoom-in}& .gallery__lightbox{width:min(64rem,92vw);max-width:none;max-height:92dvh;padding:var(--space-s);border:0;border-radius:var(--radius-l);background:var(--color-surface);color:var(--color-text);&::backdrop{background:rgb(0 0 0/.8)}}& .gallery__figure{margin:0;display:flex;flex-direction:column;gap:var(--space-2xs)}& .gallery__full{width:100%;max-height:70dvh;object-fit:contain;border-radius:var(--radius-m)}& .gallery__caption{color:var(--color-text-muted);font-size:var(--size-step--1)}& .gallery__controls{display:flex;align-items:center;justify-content:center;gap:var(--space-s);margin-block-start:var(--space-xs)}& .gallery__counter{color:var(--color-text-muted);font-variant-numeric:tabular-nums}& .gallery__nav, & .gallery__close{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid var(--color-border-strong);border-radius:50%;background:var(--color-surface);color:var(--color-text);font-size:var(--size-step-2);line-height:1;cursor:pointer;&:hover{background:var(--color-accent-surface)}}& .gallery__close{position:absolute;inset-block-start:var(--space-2xs);inset-inline-end:var(--space-2xs)}}}.gallery .gallery__trigger .progressive-image-container{width:100%;aspect-ratio:1/1;& img{width:100%;height:100%;object-fit:cover}}