main.svelte-4xjave{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;background:var(--card);border-radius:8px;padding:8px}main.svelte-4xjave .pagination:where(.svelte-4xjave){display:flex;justify-content:space-between;align-items:center;width:100%;max-width:200px;height:32px}main.svelte-4xjave .pagination:where(.svelte-4xjave) button:where(.svelte-4xjave){background:var(--input);border:none;border-radius:4px;height:100%;aspect-ratio:1;text-align:center;font-weight:600;cursor:pointer}main.svelte-4xjave .pagination:where(.svelte-4xjave) button:where(.svelte-4xjave):hover{background:var(--input-hover)}main.svelte-4xjave .gallery:where(.svelte-4xjave){display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:4px;width:100%;z-index:0}main.svelte-4xjave .gallery:where(.svelte-4xjave) a:where(.svelte-4xjave){position:relative;width:100%;height:100%;aspect-ratio:1;border-radius:4px;overflow:hidden}main.svelte-4xjave .gallery:where(.svelte-4xjave) a:where(.svelte-4xjave) img:where(.svelte-4xjave){width:100%;height:100%;object-fit:cover;scale:1;transition:all .1s cubic-bezier(.87,0,.13,1)}main.svelte-4xjave .gallery:where(.svelte-4xjave) a:where(.svelte-4xjave) .label:where(.svelte-4xjave){position:absolute;top:0;left:0;color:#fafafa;height:100%;width:100%;overflow:hidden}main.svelte-4xjave .gallery:where(.svelte-4xjave) a:where(.svelte-4xjave) .label:where(.svelte-4xjave) .title:where(.svelte-4xjave){display:block;background:#00000080;width:100%;height:24px;align-content:center;text-align:center;font-size:12px;position:absolute;top:calc(100% - 24px);left:0;white-space:nowrap;overflow:hidden;transition:all .1s cubic-bezier(.87,0,.13,1)}main.svelte-4xjave .gallery:where(.svelte-4xjave) a:where(.svelte-4xjave) .label:where(.svelte-4xjave) .index:where(.svelte-4xjave){display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;text-align:center;width:100%;height:100%;background:#000000bf;position:absolute;top:-24px;left:0;opacity:0;transition:all .1s cubic-bezier(.87,0,.13,1)}@media (hover: hover){main.svelte-4xjave .gallery:where(.svelte-4xjave) a:where(.svelte-4xjave):hover img:where(.svelte-4xjave){scale:1.1}main.svelte-4xjave .gallery:where(.svelte-4xjave) a:where(.svelte-4xjave):hover .label:where(.svelte-4xjave) .title:where(.svelte-4xjave){top:100%;background:#000000bf}main.svelte-4xjave .gallery:where(.svelte-4xjave) a:where(.svelte-4xjave):hover .label:where(.svelte-4xjave) .index:where(.svelte-4xjave){top:0;opacity:1}}main.svelte-4xjave .gallery.compact:where(.svelte-4xjave){gap:0}main.svelte-4xjave .gallery.compact:where(.svelte-4xjave) a:where(.svelte-4xjave){border-radius:0}main.svelte-4xjave .gallery.compact:where(.svelte-4xjave) a:where(.svelte-4xjave) .label:where(.svelte-4xjave) .title:where(.svelte-4xjave){display:none}main.svelte-4xjave .gallery.compact:where(.svelte-4xjave) a:where(.svelte-4xjave) .label:where(.svelte-4xjave) .index:where(.svelte-4xjave){top:0}
