.chartdesigner {
    flex-direction: row;
    .sider-left {
        flex: 0 0 300px !important;
        max-width: 300px !important;
        min-width: 300px !important;
        width: 300px !important;
        .collapse-toggle {
            position: absolute;
            right: -13px;
            top: 6px;
            z-index: 3;
        }
        .sider-tabs {
            .ant-tabs-nav .ant-tabs-tab {
                height: 37px;
                margin: 0;
                padding: 7px 16px;
            }
            .chartconfig, .otherconfig {
                padding: 0 10px;
            }
        }
        .sider-footer {
            position: absolute;
            bottom: 0;
            width: 100%;
            padding: 0;
            border-top: 1px solid #CCCCCC;
            height: 40px;
            .fresh-bar {
                display: flex;
                justify-content: space-between;
                margin: 9px 10px 0;
            }
        }
    }
    .sider-left-collapsed {
        flex: 0 0 0px !important;
        max-width: 0px !important;
        min-width: 0px !important;
        width: 0px !important;
        .collapse-toggle {
            background: #1890ff;
            color: white;
        }
    }
    .ant-cascader-picker {
        .anticon {
            font-size: 12px;
        }
    }
    .ant-cascader-picker-focused {
        color: rgba(0, 0, 0, .65);
    }
    .ant-cascader-picker-with-value {
        .ant-tag,.empty-label,.ant-cascader-picker-label {
            display: none;
        }
    }
    .ant-tabs-tab-prev { //收缩时再展开会产生该按钮，使用样式去除
        display: none
    }
    .ant-tabs-tab-next {  //同上
        display: none
    }
    .ant-tabs-nav-container-scrolling { //同上
        padding-left: 0px;
        padding-right: 0px
    }
    .view-content {
        overflow: hidden;
        .content-body {
            overflow: hidden;
        }
    }
}