.outer-box{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center}.avatar-placeholder{position:relative;width:80px!important;height:80px!important;border-radius:50%;background:#555;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;overflow:visible}.speaking .avatar-placeholder:before,.speaking .avatar-placeholder:after{content:"";position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:120%;height:120%;opacity:0;background:#fff;animation:waveSmooth 2s infinite}@keyframes waveSmooth{0%{transform:translate(-50%,-50%) scale(.9);opacity:.6}70%{transform:translate(-50%,-50%) scale(1.8);opacity:0}to{opacity:0}}@keyframes quiet{25%{transform:scaleY(.6)}50%{transform:scaleY(.4)}75%{transform:scaleY(.8)}}@keyframes normal{25%{transform:scaleY(1)}50%{transform:scaleY(.4)}75%{transform:scaleY(.6)}}@keyframes loud{25%{transform:scaleY(1)}50%{transform:scaleY(.4)}75%{transform:scaleY(1.2)}}.boxContainer{display:flex;justify-content:space-between;height:40px;--boxSize: 8px;--gutter: 4px;width:calc((var(--boxSize) + var(--gutter)) * 5)}.box{transform:scaleY(.4);height:100%;width:var(--boxSize);background:#12e2dc;animation-duration:1.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;border-radius:8px}.box1{animation-name:quiet}.box2{animation-name:normal}.box3{animation-name:quiet}.box4{animation-name:loud}.box5{animation-name:quiet}