.song-filter-search{justify-self:end;width:min(100%,24rem);position:relative}.song-filter-search svg{color:var(--ink-3);pointer-events:none;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.song-filter-search input{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:2.8rem;color:var(--ink);font:inherit;border-radius:999px;padding:.7rem .9rem .7rem 2.75rem}.song-filter-search input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.song-filter{border-block:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem 1.5rem;margin-top:2.2rem;padding-block:.8rem;display:grid}.song-filter-chips{scrollbar-width:none;gap:.4rem;display:flex;overflow-x:auto}.song-filter-chips::-webkit-scrollbar{display:none}.song-filter-chips .chip{cursor:pointer;flex:none}.song-filter-chips .chip.is-on{border-color:var(--ink);background:var(--ink);color:var(--paper)}.song-filter-count{white-space:nowrap;color:var(--ink-3);margin:0;font-size:.72rem}.song-library{margin-top:.6rem}.song-filter-empty{color:var(--ink-2);margin:1.5rem 0}@media (width<=760px){.song-filter-search{justify-self:stretch;width:100%;margin-top:1rem}.song-filter{grid-template-columns:1fr}.song-filter-count{order:-1}}