.composer-waveform{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;max-width:220px;height:100%;padding:0 8px}.composer-waveform__bar{width:3px;height:8px;background:var(--accent);border-radius:2px;animation:composer-waveform-dance .5s ease-in-out infinite;animation-play-state:paused}.composer-waveform--active .composer-waveform__bar,.composer-waveform-shell--active .composer-waveform__bar{animation-play-state:running}.composer-waveform__bar:first-child{animation-delay:0s}.composer-waveform__bar:nth-child(2){animation-delay:.1s}.composer-waveform__bar:nth-child(3){animation-delay:.2s}.composer-waveform__bar:nth-child(4){animation-delay:.3s}.composer-waveform__bar:nth-child(5){animation-delay:.15s}@keyframes composer-waveform-dance{0%,to{height:8px;opacity:.5}50%{height:20px;opacity:1}}