.filter-bar.svelte-m9tjun{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.filter-chip.svelte-m9tjun{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border:1px solid color-mix(in hsl,var(--p-color) 20%,transparent);border-radius:2rem;background:transparent;color:var(--text-low-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.filter-chip.svelte-m9tjun:hover{border-color:var(--p-color);color:var(--text-color);background:color-mix(in hsl,var(--p-color) 5%,transparent)}.filter-chip.active.svelte-m9tjun{background:color-mix(in hsl,var(--p-color) 15%,transparent);border-color:var(--p-color);color:var(--p-text-color);font-weight:600}.filter-count.svelte-m9tjun{font-size:.7rem;opacity:var(--dim-text-opacity, .7);background:color-mix(in hsl,var(--p-color) 10%,transparent);padding:.1rem .4rem;border-radius:1rem;min-width:1.2rem;text-align:center}.filter-chip.active.svelte-m9tjun .filter-count:where(.svelte-m9tjun){opacity:1}@media(max-width:768px){.filter-bar.svelte-m9tjun{gap:.375rem}.filter-chip.svelte-m9tjun{font-size:.8rem;padding:.35rem .75rem}}