.container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:40%;margin-left:0}.container,.top-section{display:-webkit-box;display:-ms-flexbox;display:flex}.top-section{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;height:10%;background-color:#f4f4f4;-webkit-box-sizing:border-box;box-sizing:border-box}.bottom-section{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:100%;height:100%}.buttons button{margin-left:10px}.streamer-name{font-weight:700}.flex-container{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.leftImg{width:30rem;display:inline-block}.left,.leftImg{height:18.75rem}.left{width:40rem;float:left;position:relative}el-table-column{width:200px}.tool-box{width:60vw;height:40px;padding:5px 30px;margin:20px auto 0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:right}.canvas-wrap{width:60vw;height:33.75vw;margin:0 auto;background-color:#000;border:3px;border-color:#333;position:relative}#drawCanvas,#imgCanvas,#saveCanvas{background:rgba(255,0,255,0);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#drawCanvas{z-index:2}.fullscreen-container{height:70vh;width:100vw;overflow:hidden}.main-row{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.video-container{position:relative;width:90%;height:100%;aspect-ratio:16/9;overflow:hidden}.robot-image{left:0;width:100%;height:100%}.robot-image,.video-player{position:absolute;top:0;z-index:1}.video-player{right:240px;width:24%;height:50%}.ring-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.ring-btn{position:absolute;width:12%;height:15%;border:none;border-radius:4px;background:rgba(64,158,255,0);color:hsla(0,0%,100%,0);font-size:20px;font-weight:700;cursor:pointer;pointer-events:auto;padding:0;margin:0;-webkit-transition:all .3s;transition:all .3s;--el-button-active-bg-color:transparent;--el-button-hover-bg-color:rgba(64,158,255,0)}.btn-3{top:23%}.btn-2,.btn-3{left:25%;width:170px;height:100px}.btn-2{top:37%}.btn-1{left:25%;top:51%;width:170px;height:100px}.btn-4{left:25%;top:6%;width:150px;height:120px}.btn-5{left:35%}.btn-5,.btn-6{top:6%;width:140px;height:160px}.btn-6{left:45%}.btn-7{left:55%;width:140px}.btn-7,.btn-8{top:6%;height:160px}.btn-8{left:64%;width:160px}.btn-9{left:62%;top:30%}.btn-9,.btn-12{width:165px;height:170px}.btn-12{left:43%;top:36%}.ring-btn.is-active,.ring-btn:active,.ring-btn:focus,.ring-btn:focus-visible{background:rgba(64,158,255,0)!important;color:hsla(0,0%,100%,0)!important;border:none!important;outline:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-transform:scale(.98);transform:scale(.98)}.ring-btn.is-active:hover,.ring-btn:focus-visible:hover,.ring-btn:focus:hover,.ring-btn:hover{background:rgba(64,158,255,.8)!important;color:#fff!important;border:none!important;-webkit-transform:scale(1.05);transform:scale(1.05)}.ring-btn:after,.ring-btn:before{background:transparent!important}:deep(.el-row){height:100%}