.genre-filter[data-v-98b4b8f9]{margin:0 -4px;position:relative}.genre-filter-scroll[data-v-98b4b8f9]{display:flex;gap:6px;overflow-x:auto;padding:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);scroll-behavior:smooth}.genre-filter-scroll[data-v-98b4b8f9]::-webkit-scrollbar{display:none}@media(min-width:768px){.genre-filter-scroll[data-v-98b4b8f9]{mask-image:none;-webkit-mask-image:none;padding-bottom:10px;scrollbar-color:rgb(var(--primary-channels)/.35) transparent;scrollbar-width:thin}.genre-filter-scroll[data-v-98b4b8f9]::-webkit-scrollbar{display:block;height:6px}.genre-filter-scroll[data-v-98b4b8f9]::-webkit-scrollbar-track{background:#ffffff0a;border-radius:99px}.genre-filter-scroll[data-v-98b4b8f9]::-webkit-scrollbar-thumb{background:rgb(var(--primary-channels)/.35);border-radius:99px;-webkit-transition:background .15s ease;transition:background .15s ease}.genre-filter-scroll[data-v-98b4b8f9]:hover::-webkit-scrollbar-thumb{background:rgb(var(--primary-channels)/.6)}}.genre-chip[data-v-98b4b8f9]{align-items:center;background:#ffffff0a;border:1px solid var(--border);border-radius:99px;color:var(--text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.78rem;font-weight:600;gap:6px;padding:6px 14px;transition:all .15s ease;white-space:nowrap}.genre-chip[data-v-98b4b8f9]:hover{background:#ffffff0f;border-color:#ffffff26;color:var(--text-main)}.genre-chip[data-v-98b4b8f9]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.genre-chip.active[data-v-98b4b8f9]{background:rgb(var(--primary-channels)/.12);border-color:rgb(var(--primary-channels)/.4);color:var(--primary)}.genre-chip-count[data-v-98b4b8f9]{background:#00000059;border-radius:99px;color:inherit;font-size:.65rem;font-variant-numeric:tabular-nums;font-weight:700;opacity:.8;padding:1px 5px}.genre-chip.active .genre-chip-count[data-v-98b4b8f9]{background:rgb(var(--primary-channels)/.2)}