.network-quality{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;height:25px}.network-quality__item{margin-right:2px;width:4px;height:100%;background-color:#929bad}.network-quality__item:first-child{height:20%}.network-quality__item:nth-child(2){height:40%}.network-quality__item:nth-child(3){height:60%}.network-quality__item:nth-child(4){height:80%}.network-quality__item:nth-child(5){height:100%}.network-quality__item.bad{background-color:#dd1b1b}.network-quality__item.normal{background-color:#ffb44b}.network-quality__item.good{background-color:#1faab3}.video-call-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 0;background-color:rgba(0,0,0,.2);color:#fff}.video-call-header.call-warning{background-color:rgba(221,27,27,.6)}.video-call-header__duration{margin-left:12px}.video-call-header__title.calling{min-width:100px}.video-call-header__title.calling:after{overflow:hidden;display:inline-block;vertical-align:bottom;-webkit-animation:ellipsis 1s steps(4) infinite;animation:ellipsis 1s steps(4) infinite;content:"\2026";width:0}@keyframes ellipsis{to{width:20px}}@-webkit-keyframes ellipsis{to{width:20px}}.video-call-controls{width:100%}.video-call-controls,.video-call-controls .control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-call-controls .control{border-radius:50%;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;-o-user-select:none!important;user-select:none!important;cursor:pointer;width:64px;height:64px}.video-call-controls__landline{background-color:#dd1b1b}.video-call-controls__landline.disabled{opacity:.5}.video-call-controls__mic{margin:0 80px;background-color:rgba(0,0,0,.5)}.video-call-controls__mic.disabled{background-color:#929bad;opacity:.5}.video-call-controls__camera{background-color:rgba(0,0,0,.5)}.video-call-controls__camera.disabled{background-color:#929bad;opacity:.5}.video-call-profile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#387ac6;width:100%;height:100%}.video-call-profile__avatar{position:relative;width:200px;height:200px}.video-call-profile__display-name{margin-top:40px;font-size:32px;font-weight:700;color:#fff}.video-call-camera{width:100%;height:100%;background-color:#101c2a;-webkit-transition:all 2s ease;transition:all 2s ease}.video-call-camera.accepted{position:absolute;top:56px;right:30px;width:300px;height:220px}.video-call-camera .local-media,.video-call-camera .local-media video{width:100%;height:100%}.video-playground{position:relative;height:100vh;background-color:#387ac6}.video-playground__header{position:absolute;z-index:1;width:100%}.video-playground__network{position:absolute;top:86px;left:30px;z-index:1}.video-playground__main{width:100%;height:100vh}.video-playground__main.display-camera{z-index:1}.video-playground__participant-container{position:absolute;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;width:100%;background-color:#101c2a}.video-playground__participant-container video{width:auto;height:100%}.video-playground .video-controls{position:absolute;bottom:100px;opacity:1;-webkit-transition:all .8s ease;transition:all .8s ease}.video-playground .video-controls.hidden{opacity:0;bottom:0}.el-message.redirecting{border-radius:50px;z-index:2000;width:357px;background:rgba(0,0,0,.5);border:unset}.el-message__icon{display:none}.el-message__content{margin:0 auto!important;min-width:160px;color:#fff!important}.el-message__content:after{overflow:hidden;display:inline-block;vertical-align:bottom;-webkit-animation:ellipsis 1s steps(4) infinite;animation:ellipsis 1s steps(4) infinite;content:"\2026";width:0}