@layer equip{.eq-waveform{box-sizing:border-box;border-radius:var(--eq-radius-s);min-width:0;height:48px;color:var(--eq-ink);font:var(--eq-weight-strong) var(--eq-text-xs) / 1 var(--eq-font);cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;display:grid;position:relative}.eq-waveform:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-waveform[aria-disabled=true]{opacity:.45;cursor:not-allowed}.eq-waveform-bars,.eq-waveform-loaded,.eq-waveform-played{grid-area:1/1;width:100%;height:100%;display:block}.eq-waveform-bars{fill:var(--eq-tint-strong)}.eq-waveform-loaded{fill:color-mix(in srgb, var(--eq-ink) 28%, transparent);clip-path:inset(0 calc((1 - var(--_loaded)) * 100%) 0 0)}.eq-waveform-played{fill:var(--eq-solid);clip-path:inset(0 calc((1 - var(--_at)) * 100%) 0 0)}.eq-waveform-head,.eq-waveform-hover{pointer-events:none;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.eq-waveform-head{left:calc(var(--_at) * 100%);background:var(--eq-solid)}.eq-waveform-hover{left:calc(var(--_hover) * 100%);background:var(--eq-ink-3);opacity:0;transition:opacity var(--eq-dur) var(--eq-ease)}.eq-waveform[data-hovering] .eq-waveform-hover{opacity:1}.eq-waveform-tip{border-radius:var(--eq-radius-s);background:var(--eq-solid);color:var(--eq-solid-ink);font-variant-numeric:tabular-nums;white-space:nowrap;padding:3px 5px;position:absolute;bottom:calc(100% + 4px);left:50%;translate:-50%}}