.red-dot>*{background-color:#ec0000}.started-baifo .animate-spin{animation-duration:7s;animation-direction:reverse}.started-baifo .border-2{background-color:#0000;border-color:currentColor;position:relative}.started-baifo .border-2:before{content:"";border-left:2px solid;height:100%;position:absolute;top:0;left:50%;transform:rotate(-45deg)}.speaking{--w:auto;--h:auto;width:var(--w);height:var(--h);transition:all .6s .2s}.after-speaking{border-radius:10vw;animation:1.6s ease-in-out .8s 4 both upAndDown,.8s ease-in 7.2s forwards flyAway;bottom:10rem;box-shadow:0 0 1rem #fff;--w:10vw!important;--h:10vw!important}.after-speaking>*{animation-name:fadeOut;animation-duration:.1s;animation-iteration-count:1;animation-fill-mode:both}@keyframes upAndDown{0%{transform:translateY(0)}50%{transform:translateY(1.25rem)}to{transform:translateY(0)}}@keyframes flyAway{0%{transform:translateY(0)scaleZ(1)}to{transform:translateY(-20rem)scale3d(0,0,0)}}