.genre-filter[data-v-2f4f183e]{--genre-filter-active-surface:#eef6ff;--genre-filter-active-text:#0067e3;display:flex;flex-wrap:wrap;gap:8px}.dark .genre-filter[data-v-2f4f183e]{--genre-filter-active-surface:color-mix(in srgb,var(--color-brand-primary) 18%,var(--color-surface-default));--genre-filter-active-text:#a8d4ff}.chip[data-v-2f4f183e]{background:var(--color-surface-default);border:1px solid var(--color-border-muted);border-radius:999px;color:var(--color-text-base);cursor:pointer;font-size:12px;font-weight:750;height:34px;line-height:1;padding:0 16px;transition:border-color .16s ease,color .16s ease,background-color .16s ease;white-space:nowrap}.chip[data-v-2f4f183e]:hover{border-color:var(--color-border-strong)}.chip.active[data-v-2f4f183e]{background:var(--genre-filter-active-surface);border-color:var(--color-brand-primary);color:var(--genre-filter-active-text)}@media(max-width:620px){.genre-filter[data-v-2f4f183e]{gap:6px}.chip[data-v-2f4f183e]{padding:0 12px}}