.video-container___tJPdv{flex:1;height:100%;overflow:hidden;position:relative;width:100%}.video-container___tJPdv .video-element___qDKlX{display:block;height:100%;width:100%}.video-container___tJPdv .video-top-bar___mkQEZ{align-items:center;background:var(--color-mask-black);color:#fff;cursor:pointer;display:flex;height:32px;justify-content:space-between;left:0;opacity:0;padding:0 12px;position:absolute;top:0;width:100%;z-index:999}.video-container___tJPdv .video-top-bar___mkQEZ .video-name___sdfqF{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-container___tJPdv .video-top-bar___mkQEZ .right-control-btns___MLMtv{align-items:center;display:flex;gap:8px}.video-container___tJPdv .video-top-bar___mkQEZ .right-control-btns___MLMtv button{height:16px;width:16px}.video-container___tJPdv .video-top-bar___mkQEZ .right-control-btns___MLMtv .ant-btn .anticon,.video-container___tJPdv .video-top-bar___mkQEZ .right-control-btns___MLMtv .ant-btn .iconfont:before,.video-container___tJPdv .video-top-bar___mkQEZ .right-control-btns___MLMtv button .anticon,.video-container___tJPdv .video-top-bar___mkQEZ .right-control-btns___MLMtv button .iconfont:before{color:var(--color-icon-fourth)}.video-container___tJPdv .video-top-bar___mkQEZ .right-control-btns___MLMtv .ant-btn:not(:disabled):not(.ant-btn-disabled):hover .anticon,.video-container___tJPdv .video-top-bar___mkQEZ .right-control-btns___MLMtv .ant-btn:not(:disabled):not(.ant-btn-disabled):hover .iconfont:before,.video-container___tJPdv .video-top-bar___mkQEZ .right-control-btns___MLMtv button:not(:disabled):not(.ant-btn-disabled):hover .anticon,.video-container___tJPdv .video-top-bar___mkQEZ .right-control-btns___MLMtv button:not(:disabled):not(.ant-btn-disabled):hover .iconfont:before{color:#fff}.video-container___tJPdv .video-top-bar___mkQEZ .right-control-btns___MLMtv .ant-btn:disabled .anticon,.video-container___tJPdv .video-top-bar___mkQEZ .right-control-btns___MLMtv .ant-btn:disabled .iconfont:before,.video-container___tJPdv .video-top-bar___mkQEZ .right-control-btns___MLMtv button:disabled .anticon,.video-container___tJPdv .video-top-bar___mkQEZ .right-control-btns___MLMtv button:disabled .iconfont:before{color:var(--disabled)}.video-container___tJPdv .video-top-bar___mkQEZ .right-control-btns___MLMtv .recording-btn___qX3FJ .iconfont:before{color:#ff4d4f!important}.video-container___tJPdv:hover .video-top-bar___mkQEZ{opacity:1}.video-grid-item-loading___t9r6l{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.right-video-grid___J738m{display:grid;flex:1;gap:2px;min-height:0;overflow:hidden}.right-video-grid___J738m .grid-item-container___zF9rm{background-color:#000;border:2px solid transparent;height:100%;min-height:0;overflow:hidden;transition:all .2s ease;width:100%}.right-video-grid___J738m .grid-item-container___zF9rm.active___XzENc,.right-video-grid___J738m .grid-item-dragging-over___bRrgY{border:2px solid var(--color-text-brand)}.right-video-grid___J738m .grid-item-dragging___DcbLd{cursor:move;opacity:.5}