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