@media only screen and (max-width:600px){.sound-wave{width:30%;min-height:0;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;margin-right:10px}}@media only screen and (max-width:992px){.sound-wave{width:20%;min-height:0;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;margin-right:10px}}@media only screen and (min-width:992px){.sound-wave{width:10%;min-height:0;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;margin-right:10px}}.sound-wave svg{display:block;max-width:30rem;height:auto}.audio-progress-bar{height:10px;width:50%;border-radius:10px;border:2px solid #fff;background-color:#fff;margin:0 auto 1rem}.audio-progress-color{background:#1389e9;height:100%;width:0;border-radius:30px;transition:width 4s linear}@keyframes scale1{0%{transform:scaleY(.6)}40%{transform:scaleY(1.2)}100%{transform:scaleY(.6)}}.bar-scale1{animation:scale1 .6s infinite;transform-origin:center}@keyframes scale2{0%{transform:scaleY(.5)}30%{transform:scaleY(1.6)}100%{transform:scaleY(.5)}}.bar-scale2{animation:scale2 .6s infinite;transform-origin:center}@keyframes scale3{0%{transform:scaleY(1.5)}70%{transform:scaleY(.5)}100%{transform:scaleY(1.5)}}.bar-scale3{animation:scale3 .6s infinite;transform-origin:center}@keyframes scale0{0%{transform:scaleY(.1)}50%{transform:scaleY(.2)}100%{transform:scaleY(.1)}}.stop-animation{animation:scale0 3s infinite!important;animation-duration:0s}