@-webkit-keyframes quiet{25%{transform:scaleY(.6)}50%{transform:scaleY(.4)}75%{transform:scaleY(.8)}}@keyframes quiet{25%{transform:scaleY(.6)}50%{transform:scaleY(.4)}75%{transform:scaleY(.8)}}@-webkit-keyframes normal{25%{transform:scaleY(1)}50%{transform:scaleY(.4)}75%{transform:scaleY(.6)}}@keyframes normal{25%{transform:scaleY(1)}50%{transform:scaleY(.4)}75%{transform:scaleY(.6)}}@-webkit-keyframes loud{25%{transform:scaleY(1)}50%{transform:scaleY(.4)}75%{transform:scaleY(1.2)}}@keyframes loud{25%{transform:scaleY(1)}50%{transform:scaleY(.4)}75%{transform:scaleY(1.2)}}.boxContainer{display:flex;justify-content:space-between;--boxSize:6px;--gutter:3px;width:calc((var(--boxSize) + var(--gutter)) * 5)}.box{transform:scaleY(.4);height:100%;width:var(--boxSize);background:#12E2DC;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:8px}.box1{-webkit-animation-name:quiet;animation-name:quiet}.box2{-webkit-animation-name:normal;animation-name:normal}.box3{-webkit-animation-name:quiet;animation-name:quiet}.box4{-webkit-animation-name:loud;animation-name:loud}.box5{-webkit-animation-name:quiet;animation-name:quiet}