fidget-gallery { display:block; width:100%; }
.fidget-gallery__main { overflow:hidden; }
.fidget-gallery__hero { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; }
.fidget-gallery__thumbnails { display:flex; gap:1rem; margin-top:1rem; overflow-x:auto; padding:2px; }
.fidget-gallery__thumbnail { background:transparent; padding:0; cursor:pointer; border:1px solid rgba(var(--color-foreground),.2); border-radius:var(--media-radius); flex:0 0 calc((100% - 4rem)/5); overflow:hidden; }
.fidget-gallery__thumbnail[aria-pressed="true"] { border:2px solid rgb(var(--color-foreground)); }
.fidget-gallery__thumbnail:focus-visible { outline:2px solid rgb(var(--color-foreground)); outline-offset:2px; }
.fidget-gallery__thumbnail img { display:block; width:100%; height:auto; }
.fidget-gallery__caption { margin:.5rem 0 0; text-align:center; }