@import '../style/index';

.vm-video {
    height: 640px;
    padding: 0 20px;
    background: var(--modal-content-bg);
    .ant-tabs-tabpane {
        height: 100%;
    }
    &.blue {
        .ant-tabs-tab {
            color: #fff;
        }
        .control-container,
        .ant-form-item-no-colon,
        .ant-radio-wrapper {
            color: #fff;
        }
        .vtx-live-control .player-grid-container .grid-item-container.active {
            box-shadow: 0 0 0 1px #1464a6;
        }

        .vtx-bill-player .player-panel .control-container {
            border: 1px solid var(--border-color);
        }
        .vtx-bill-player .player-panel .control-container .header {
            border-bottom: 1px solid var(--border-color);
        }
        .ant-tabs-top > .ant-tabs-nav::before,
        .ant-tabs-bottom > .ant-tabs-nav::before,
        .ant-tabs-top > div > .ant-tabs-nav::before,
        .ant-tabs-bottom > div > .ant-tabs-nav::before {
            border-bottom: 1px solid #219fff5d;
        }
    }
}
