.waveform-bar{width:6px;min-height:5px;border-radius:4px;background-color:#a855f7;transition:height .1s ease-out,opacity .1s ease-out,box-shadow .1s ease-out}.waveform-bar.active{box-shadow:0 0 10px rgba(168,85,247,.8);opacity:1}.waveform-bar.decorative{animation:decorative-waveform-animation 1.8s ease-in-out infinite alternate;box-shadow:0 0 5px rgba(168,85,247,.5)}.waveform-bar.inactive{height:5px!important;opacity:.5;box-shadow:none}.waveform-container.active{animation:pulse 3s ease-in-out infinite}.waveform-container.decorative{animation:pulse 4s ease-in-out infinite}.waveform-container.inactive{animation:none}@keyframes waveform-animation{0%{opacity:.7}50%{opacity:1;box-shadow:0 0 15px #a855f7}to{opacity:.9}}@keyframes decorative-waveform-animation{0%{height:5px;opacity:.5}50%{height:30px;opacity:.8;box-shadow:0 0 10px rgba(168,85,247,.6)}to{height:15px;opacity:.6}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}