.genre-panel.svelte-17g28hf{flex-direction:column;width:min(100%,20rem);max-height:min(90vh,28rem);padding:1.25rem;display:flex;box-shadow:0 24px 60px #0006}.genre-panel__scroll.svelte-17g28hf{flex:1;min-height:0;padding-right:.15rem;overflow-y:auto}.genre-panel__mode.svelte-17g28hf{background:#0000000a;border-radius:9999px;gap:.375rem;padding:.25rem;display:flex}.dark .genre-panel__mode.svelte-17g28hf{background:#ffffff0f}.genre-panel__mode-btn.svelte-17g28hf{letter-spacing:.04em;text-transform:uppercase;color:#78716c;cursor:pointer;background:0 0;border:none;border-radius:9999px;flex:1 1 0;padding:.5rem .625rem;font-size:.625rem;font-weight:800;line-height:1.2;transition:background-color .15s,color .15s}.dark .genre-panel__mode-btn.svelte-17g28hf{color:#a8a29e}.genre-panel__mode-btn--active.svelte-17g28hf{color:#1c1917;background:#fbbf24e6}.genre-panel__grid.svelte-17g28hf{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (width>=480px){.genre-panel__grid.svelte-17g28hf{grid-template-columns:repeat(3,minmax(0,1fr))}}.genre-panel__pill.svelte-17g28hf{text-align:center;letter-spacing:.06em;text-transform:uppercase;border-radius:9999px;padding:.5rem .625rem;font-size:.625rem;font-weight:800;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s}.genre-panel__pill--active.svelte-17g28hf{color:#1c1917;background:#fbbf24e6}.genre-panel__pill--idle.svelte-17g28hf{color:#92400e;border:1px solid #fbbf2480}.dark .genre-panel__pill--idle.svelte-17g28hf{color:#fcd34d}.genre-panel__pill--idle.svelte-17g28hf:hover{background:#fbbf241a}.genre-panel__footer.svelte-17g28hf{flex-shrink:0}.genre-filter.svelte-136w291{z-index:90;position:fixed;inset:0}.genre-filter__backdrop.svelte-136w291{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#00000059;border:none;position:absolute;inset:0}.genre-filter__panel-slot.svelte-136w291{top:calc(var(--nav-dial-reserve-h) + 1.25rem);left:calc(var(--nav-dial-inset) + var(--nav-dial-reserve-w) + .25rem);z-index:1;width:min(calc(100vw - var(--nav-dial-reserve-w) - 2rem), 20rem);position:absolute}@media (width<=767px){.genre-filter__panel-slot.svelte-136w291{justify-content:center;width:auto;display:flex;inset:auto 1rem 1rem}}