.vtx-sub-tabs {
    --border: 1px solid #dadadaff;
    --border-active: 1px solid #1890ffff;
    --border-image: none;
    --color: #222;
    --active-color: #1890ffff;
    --active-bg: transparent;

    &.dark {
        --border: 1px solid #95fff933;
        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
        --border-active: 1px solid #95fff9ff;
        --color: #8d9798ff;
        --active-color: #95fff9ff !important;
        --active-bg: linear-gradient(0deg, #1a606d, #192f3f);
    }
    .tab-pane {
        padding: 18px 0;
    }
    > .ant-tabs-nav {
        margin-bottom: 0;

        &::before {
            display: none;
        }

        > .ant-tabs-nav-wrap {
            > .ant-tabs-nav-list {
                > .ant-tabs-tab {
                    height: 32px;
                    margin-left: 0;
                    color: var(--color);
                    background-color: transparent;
                    border: var(--border);
                    border-radius: 2px;
                }

                > .ant-tabs-tab-active {
                    background: var(--active-bg);
                    border: var(--border-active);
                    border-image: var(--border-image);

                    .ant-tabs-tab-btn {
                        color: var(--active-color);
                    }
                }
            }
        }
    }
}
