.wf{position:relative;display:flex;align-items:center;gap:2px;height:44px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none}.wf--compact{height:30px}.wf:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:4px}.wf-bar{flex:1 1 0;min-width:1px;border-radius:2px;background:var(--wf-rest,color-mix(in srgb,var(--text-primary) 20%,transparent));transition:background-color var(--motion-fast) linear}.wf-bar[data-played]{background:var(--wf-played,var(--highlight))}@media (prefers-reduced-motion:reduce){.wf-bar{transition:none}}