@layer cs.components{.fm-wave{cursor:pointer;block-size:40px;min-inline-size:0;position:relative}.fm-wave svg{block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}.fm-wave path{fill:none;stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.fm-wave__base path{stroke:var(--cs-line-2)}.fm-wave__fill{clip-path:inset(0 calc(100% - var(--p,0%)) 0 0)}.fm-wave__fill path{stroke:var(--cs-primary)}.fm-wave.is-active .fm-wave__base path{stroke:var(--cs-blue-200)}.fm-wave.is-static{cursor:default}.fm-trk{grid-template-columns:var(--cs-size-tap) minmax(0, 1fr);border:var(--cs-size-border) solid var(--cs-line);border-radius:var(--cs-radius-card);background:var(--cs-bg);min-block-size:72px;scroll-margin-block:calc(var(--cs-size-header) + 16px) 24px;grid-template-areas:"play main""wave wave""act act";align-items:center;gap:12px 16px;padding:12px 16px;transition:background .15s,border-color .15s;display:grid}.fm-trk>.fm-play{grid-area:play;align-self:start}.fm-trk__main{flex-direction:column;grid-area:main;gap:4px;min-width:0;display:flex}.fm-trk__wave{grid-area:wave}.fm-trk__act{grid-area:act;align-items:center;gap:8px;padding-block-end:var(--cs-shadow-depth);display:flex}.fm-trk__act .fm-trk__dl{flex:1}.fm-trk__dl svg{flex:none;block-size:18px;inline-size:18px}.fm-trk__dl[aria-busy=true]{cursor:progress}.fm-trk__dl[aria-busy=true] svg{animation:1s linear infinite fm-spin}.fm-trk.is-active{background:var(--cs-soft);border-color:var(--cs-subtle)}.fm-trk.is-current{box-shadow:inset 4px 0 0 var(--cs-primary)}.fm-trk.is-target,.fm-trk:target{border-color:var(--cs-primary);box-shadow:0 0 0 3px var(--cs-subtle)}.fm-trk.is-current.is-target{box-shadow:inset 4px 0 0 var(--cs-primary), 0 0 0 3px var(--cs-subtle)}.fm-trk__title{overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:800;line-height:1.35}.fm-trk__eq{vertical-align:-1px;margin-inline-end:8px}.fm-trk__desc{color:var(--cs-text-2);font-size:15px;line-height:var(--cs-lang-lh-body);margin:0}.fm-trk__meta{color:var(--cs-text-2);font-family:var(--cs-font-mono);flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;font-size:13px;display:flex}.fm-trk__id{font:inherit;background:0 0;padding:0}.fm-trk__tag{border-radius:var(--cs-radius-pill);background:var(--cs-section);color:var(--cs-text-2);font-family:var(--cs-lang-font);padding:1px 8px;font-size:13px;font-weight:700;line-height:1.5}.fm-trk__tag--cued{background:var(--cs-soft);color:var(--cs-blue-700)}.fm-trk__err{color:var(--cs-red-700);margin:0;font-size:14px;font-weight:700}@media (width>=900px){.fm-trk{grid-template-columns:var(--cs-size-tap) minmax(0, 1fr) minmax(160px, 280px) auto;grid-template-areas:"play main wave act"}.fm-trk>.fm-play{align-self:center}.fm-trk__act .fm-trk__dl{flex:none}}@media (prefers-reduced-motion:reduce){.fm-trk{transition:none}}.fm-license{flex-direction:column;gap:4px;display:flex}.fm-license p{margin:0}.fm-list__count{color:var(--cs-text-2);flex-wrap:wrap;gap:4px 16px;margin:0;font-size:14px;font-weight:700;display:flex}.fm-list__items{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}}
