.video-content{width:100%;height:100%;background-color:#211a25;position:absolute;z-index:999}.video-content.animated{animation-duration:.4s}.tools{width:100%;height:70px;position:absolute;bottom:40px;display:flex;justify-content:center;z-index:10}.tools-icon{width:50px;height:50px;background-size:100% 100%;background-repeat:no-repeat}.tools-icon:first-child{margin-right:20px}.jinyan{background-image:url(./jinyan.6bad600d.svg)}.jieting{background-image:url(./jieting.e5713059.svg)}.hang_up{background-image:url(./hang_up.b3714f9f.svg)}.localvideo{width:100%;height:100%;object-fit:fill}.remotevideo{position:absolute;width:30%;height:30%;right:0;bottom:0;z-index:9;object-fit:fill}.avatar-wave-jieting{position:absolute;width:200px;height:200px;left:50%;transform:translateX(-50%);top:167px;display:flex;flex-direction:column;justify-content:center}.avatar-wave-top{position:absolute;width:200px;height:200px;left:50%;transform:translateX(-50%);top:67px;display:flex;flex-direction:column;justify-content:center}.avatar-wave-bottom{position:absolute;width:200px;height:200px;left:50%;transform:translateX(-50%);bottom:67px;display:flex;flex-direction:column;justify-content:center}.person-one{margin-top:20px;color:#fff}@keyframes pulse-animation{0%,20%{opacity:1;transform:scale(1)}80%{opacity:0}100%{opacity:0;transform:scale(1.5)}}.room{position:absolute;left:0;right:0;bottom:0;top:0;background-color:#211a25;display:flex;justify-content:center;align-items:center}.avatar{display:block;width:89px;height:89px;position:absolute;left:50%;top:50%;z-index:99;border-radius:50%;transform:translate(-50%,-50%)}.ripple-wave{position:relative;border-radius:50%;z-index:1;margin:0 auto;width:100px;height:100px}.avatar-wave-jieting .ripple-wave::after,.avatar-wave-jieting .ripple-wave::before{background-color:#1aad19}.ripple-wave::after,.ripple-wave::before{content:"";display:block;position:absolute;width:100%;height:100%;border-radius:50%;background-color:#fff;will-change:transform,opacity}.ripple-wave::after{animation:2s cubic-bezier(.24,0,.38,1) infinite pulse-animation;transition:opacity .4s,transform .4s}.ripple-wave .ripple-wave-2{position:absolute;height:inherit;width:inherit}.avatar-wave-jieting .ripple-wave .ripple-wave-2::before{background-color:#1aad19}.ripple-wave .ripple-wave-2::before{content:"";display:block;height:inherit;width:inherit;border-radius:50%;background-color:#fff;animation:2s cubic-bezier(.24,0,.38,1) infinite pulse-animation;animation-delay:.24s}.bubbly-button{width:auto;padding-left:5px;padding-right:5px;height:34px;text-align:center;line-height:34px;display:inline-block;-webkit-appearance:none;appearance:none;background-color:#ff0081;color:#fff;border-radius:4px;border:none;cursor:pointer;position:relative;transition:transform .1s ease-in,box-shadow .25s ease-in;box-shadow:0 2px 25px rgba(255,0,130,.5)}.bubbly-button.disabled{background-color:#ccc;box-shadow:none}.bubbly-button:focus{outline:0}.bubbly-button:after,.bubbly-button:before{position:absolute;content:"";width:140%;height:100%;left:-20%;z-index:-1000;transition:.5s ease-in-out;background-repeat:no-repeat}.bubbly-button:before{display:none;top:-75%;background-image:radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,transparent 20%,#ff0081 20%,transparent 30%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,transparent 10%,#ff0081 15%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%}.bubbly-button:after{display:none;bottom:-75%;background-image:radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,transparent 10%,#ff0081 15%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%}.bubbly-button:active{transform:scale(.9);background-color:#e60074;box-shadow:0 2px 25px rgba(255,0,130,.2)}.bubbly-button.animate:before{display:block;animation:.75s ease-in-out forwards topBubbles}.bubbly-button.animate:after{display:block;animation:.75s ease-in-out forwards bottomBubbles}@keyframes topBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}100%{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}}@keyframes bottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}100%{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;position:absolute;left:0;top:0;bottom:0;right:0}html.gray{-webkit-filter:grayscale(100%)}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}