.filter-container:where(.astro-cfj7nom3){display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.filter-input:where(.astro-cfj7nom3){flex:1;min-width:200px;max-width:300px;padding:.5rem .75rem;background:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-5);border-radius:.25rem;color:var(--sl-color-white);font-family:var(--sl-font-mono);font-size:.875rem}.filter-input:where(.astro-cfj7nom3):focus{outline:none;border-color:var(--sl-color-accent)}.filter-input:where(.astro-cfj7nom3)::placeholder{color:var(--sl-color-gray-3)}.package-count:where(.astro-cfj7nom3){color:var(--sl-color-gray-3);font-size:.875rem}.packages-grid:where(.astro-cfj7nom3){display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem}.package-card:where(.astro-cfj7nom3){display:block;border:1px solid var(--sl-color-gray-5);border-radius:.5rem;padding:1rem;background:var(--sl-color-gray-6);text-decoration:none;transition:border-color .2s,background .2s}.package-card:where(.astro-cfj7nom3):hover{border-color:var(--sl-color-accent);background:var(--sl-color-gray-5)}.package-card:where(.astro-cfj7nom3) h3:where(.astro-cfj7nom3){margin:0 0 .5rem;font-size:1rem;font-family:var(--sl-font-mono);color:var(--sl-color-white);word-break:break-all}.version-info:where(.astro-cfj7nom3){margin:0;font-size:.875rem;display:flex;justify-content:space-between;color:var(--sl-color-gray-2)}.latest:where(.astro-cfj7nom3){font-family:var(--sl-font-mono)}.count:where(.astro-cfj7nom3){color:var(--sl-color-gray-3)}.package-card:where(.astro-cfj7nom3).hidden{display:none}