.GalleryModal{z-index:1000;gap:var(--space-2);padding:var(--space-3);background:#000000eb;grid-template-rows:1fr auto;display:grid;position:fixed;inset:0}.GalleryModal-selected{place-items:center;min-height:0;display:grid}.GalleryModal-selected img{object-fit:contain;border-radius:var(--radius);max-width:100%;max-height:100%;box-shadow:0 8px 32px #00000080}.GalleryModal-thumbs{gap:var(--space-1);padding:var(--space-1);scrollbar-width:thin;flex-wrap:nowrap;justify-content:center;margin:0;list-style:none;display:flex;overflow-x:auto}.GalleryModal-thumbs li{flex:none}.GalleryModal-thumbs li button{all:unset;border-radius:var(--radius);cursor:pointer;opacity:.55;width:72px;height:72px;transition:opacity .15s,transform .15s;display:block;overflow:hidden}.GalleryModal-thumbs li button img{object-fit:cover;width:100%;height:100%;display:block}.GalleryModal-thumbs li button:hover{opacity:.85}.GalleryModal-thumbs li button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.GalleryModal-thumbs li.active button{opacity:1;outline:2px solid var(--accent);outline-offset:2px}.GalleryModal-close,.GalleryModal-nav{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;place-items:center;width:3rem;height:3rem;line-height:1;transition:background .15s;display:grid;position:absolute}.GalleryModal-close:hover,.GalleryModal-nav:hover{background:#ffffff3d}.GalleryModal-close:focus-visible,.GalleryModal-nav:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.GalleryModal-close{top:var(--space-2);right:var(--space-2);font-size:1.75rem}.GalleryModal-nav{font-size:2.25rem;top:50%;transform:translateY(-50%)}.GalleryModal-nav.prev{left:var(--space-2)}.GalleryModal-nav.next{right:var(--space-2)}@media (width<=600px){.GalleryModal{padding:var(--space-2)}.GalleryModal-thumbs li button{width:52px;height:52px}.GalleryModal-close,.GalleryModal-nav{width:2.5rem;height:2.5rem}.GalleryModal-close{font-size:1.4rem}.GalleryModal-nav{font-size:1.8rem}}