.video{width:100%;height:100%}.name{position:absolute;bottom:10px;z-index:100}[dir=ltr] .name{left:10px}[dir=rtl] .name{right:10px}.name p{font-size:16px;font-weight:600;color:#fff;max-width:200px;text-overflow:ellipsis;white-space:nowrap}.video-call{position:fixed;top:0;width:100%;height:100%;z-index:1032}[dir] .video-call{background-color:#fff}[dir=ltr] .video-call{left:0}[dir=rtl] .video-call{right:0}.call-screen{height:calc(100% - 66px)!important;display:flex;justify-content:space-between;position:relative!important}[dir] .call-screen{background-color:#fff;padding:20px 50px}.local-video_wrap{width:80%;height:100%;display:flex;justify-content:center;overflow:hidden;position:relative}[dir] .local-video_wrap{background-color:#8a2be2;border-radius:6px}.full-width{width:100%}.local-video_wrap .info{position:absolute;bottom:10px}[dir=ltr] .local-video_wrap .info{left:15px}[dir=rtl] .local-video_wrap .info{right:15px}.local-video_wrap .mic-status{position:absolute;top:10px}[dir=ltr] .local-video_wrap .mic-status{right:10px}[dir=rtl] .local-video_wrap .mic-status{left:10px}.remote-video_wrap{width:17%;height:100%;overflow-y:auto}[dir=ltr] .remote-video_wrap{padding-right:5px}[dir=rtl] .remote-video_wrap{padding-left:5px}.no-remote{display:none}.remote-video_wrap::-webkit-scrollbar{width:6px}[dir] .remote-video_wrap::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--color-icon)}.remote-video_wrap .name{bottom:2px}.remote-video_wrap .name p{font-size:13px}.video-box{position:relative;width:100%;height:140px;overflow:hidden;display:flex;justify-content:center;align-items:center}[dir] .video-box{background-color:var(--color-text);border-radius:6px;background-color:#7367f0;margin-bottom:10px}.remote-video-box{position:relative;width:100%;height:100%;aspect-ratio:16/9;overflow:hidden;display:flex;justify-content:center;align-items:center}[dir] .remote-video-box{background-color:var(--color-text);border-radius:6px}.call-bottom{width:100%;height:66px;display:flex;justify-content:center;align-items:center}[dir] .call-bottom{background-color:#fff;border:2px solid #d3d3d3}.call-btn,.call-btns{display:flex}.call-btn{width:45px;height:45px;justify-content:center;align-items:center}[dir] .call-btn{background-color:#7367f0;border-radius:50%;cursor:pointer;box-shadow:0 7px 10px rgba(0,0,0,.2)}[dir=ltr] .call-btn:not(:last-child){margin-right:25px}[dir=rtl] .call-btn:not(:last-child){margin-left:25px}.participants-avatar{position:absolute;width:65px;height:65px;display:flex;justify-content:center;align-items:center}[dir] .participants-avatar{border-radius:50%;background-color:#fff}.participants-avatar span{font-size:30px;text-transform:uppercase}.status-icon{position:absolute;top:8px;display:flex;align-items:center}[dir=ltr] .status-icon{right:8px}[dir=rtl] .status-icon{left:8px}.participant-name{position:absolute;bottom:8px}[dir=ltr] .participant-name{left:8px}[dir=rtl] .participant-name{right:8px}.participant-name p{font-size:14px}#loading-bg{width:100%;height:100%;display:block;position:absolute;z-index:10}[dir] #loading-bg{background:#fff}.loading-logo{position:absolute;top:40%}[dir=ltr] .loading-logo{left:calc(50% - 45px)}[dir=rtl] .loading-logo{right:calc(50% - 45px)}.loading{position:absolute;top:50%;width:55px;height:55px;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:100}[dir] .loading{border-radius:50%;border:3px solid transparent}[dir=ltr] .loading{left:calc(50% - 35px)}[dir=rtl] .loading{right:calc(50% - 35px)}.loading .effect-1,.loading .effect-2{position:absolute;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}[dir] .loading .effect-1,[dir] .loading .effect-2{border:3px solid transparent;border-radius:50%}[dir=ltr] .loading .effect-1,[dir=ltr] .loading .effect-2{border-left:3px solid #7961f9}[dir=rtl] .loading .effect-1,[dir=rtl] .loading .effect-2{border-right:3px solid #7961f9}[dir=ltr] .loading .effect-1{animation:rotate-ltr 1s ease infinite}[dir=rtl] .loading .effect-1{animation:rotate-rtl 1s ease infinite}[dir=ltr] .loading .effect-2{animation:rotateOpacity-ltr 1s ease .1s infinite}[dir=rtl] .loading .effect-2{animation:rotateOpacity-rtl 1s ease .1s infinite}.loading .effect-3{position:absolute;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}[dir] .loading .effect-3{border:3px solid transparent;border-radius:50%}[dir=ltr] .loading .effect-3{border-left:3px solid #7961f9;-webkit-animation:rotateOpacity-ltr 1s ease .2s infinite;animation:rotateOpacity-ltr 1s ease .2s infinite}[dir=rtl] .loading .effect-3{border-right:3px solid #7961f9;-webkit-animation:rotateOpacity-rtl 1s ease .2s infinite;animation:rotateOpacity-rtl 1s ease .2s infinite}.loading .effects{transition:all .3s ease}@keyframes rotate-ltr{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-rtl{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes rotateOpacity-ltr{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.1}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:1}}@keyframes rotateOpacity-rtl{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.1}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:1}}