#connections [data-harmonic-weave] .sound-art { width: 100%; margin: 28px 0 0; }
#connections [data-harmonic-weave] .sound-panel { background: #fff; border-radius: 12px; padding: 18px 20px 14px; box-shadow: 0 20px 30px -24px #26324d44; color: #353c30; overflow: hidden; }
#connections [data-harmonic-weave] .sound-label { display: flex; align-items: center; gap: 7px; font-size: 11px; min-height: 25px; }
#connections [data-harmonic-weave] .sound-label svg { color: #788c68; flex: none; }
#connections [data-harmonic-weave] .input-label svg { color: #9482a5; }
#connections [data-harmonic-weave] .source-track { position: relative; margin-top: 4px; }
#connections [data-harmonic-weave] .weave-print { width: 100%; height: 146px; display: block; overflow: hidden; }
#connections [data-harmonic-weave] .source-track .weave-print { height: 126px; }
#connections [data-harmonic-weave] .playhead-track { position: absolute; inset: 9px 4.3% 0; overflow: hidden; pointer-events: none; }
#connections [data-harmonic-weave] .playhead { height: 100%; width: 100%; }
#connections [data-harmonic-weave] .playhead::before { content: ''; display: block; height: 100%; width: 1px; background: #9b8aaf; opacity: .75; }
#connections [data-harmonic-weave] .audio-ruler { margin: 0 4.3%; }
#connections [data-harmonic-weave] .ruler-ticks { height: 8px; border-top: 1px solid #e5e1e9; display: flex; justify-content: space-between; }
#connections [data-harmonic-weave] .ruler-ticks i { height: 4px; width: 1px; background: #d5cedd; }
#connections [data-harmonic-weave] .ruler-ticks i:nth-child(5n + 1) { height: 7px; background: #b7acbf; }
#connections [data-harmonic-weave] .ruler-caption { display: block; margin-top: 8px; color: #7b7185; font-size: 10px; text-align: right; font-variant-numeric: tabular-nums; }
#connections [data-harmonic-weave] .output-label { margin-top: 21px; }
#connections [data-harmonic-weave] .output-wave { margin-top: 4px; }

#connections [data-harmonic-weave] { padding-bottom: 24px; background: #ede8f1; }
@media (max-width: 600px) {
  #connections [data-harmonic-weave] .sound-panel { padding: 15px 17px; }
}