.ui-wave{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.ui-wave__plot{height:var(--wf-h);border-radius:var(--radius-sm);background:var(--ink-50);border:var(--line) solid var(--ink-200);position:relative;overflow:hidden}.ui-wave__bars{inset:0 var(--space-2);position:absolute}.ui-wave__layer{align-items:center;gap:var(--line);display:flex;position:absolute;inset:0}.ui-wave__clip{position:absolute;inset:0}.ui-wave__bar{min-width:0;min-height:calc(var(--line) * 2);background:var(--ink-300);flex:1 1 0;position:relative}.ui-wave__layer[data-layer=played] .ui-wave__bar{background:var(--ink-900)}.ui-wave__bar[data-clip]:before,.ui-wave__bar[data-clip]:after{content:"";height:var(--space-1);background:var(--status-danger);position:absolute;left:0;right:0}.ui-wave__bar[data-clip]:before{top:0}.ui-wave__bar[data-clip]:after{bottom:0}.ui-wave__playhead{background:var(--ink-900);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.ui-wave__legend{align-items:center;gap:var(--space-2);color:var(--ink-700);font-size:var(--text-sm);display:inline-flex}.ui-wave__legend:before{content:"";width:var(--space-2);height:var(--space-2);background:var(--status-danger);flex:none}.ui-wave[data-state=loading] .ui-wave__bar{background:var(--ink-200);animation:1.4s ease-in-out infinite ui-pulse}@media (prefers-reduced-motion:reduce){.ui-wave[data-state=loading] .ui-wave__bar{animation:none}}