.vtx-sub-tabs {
  --border: 1px solid #dadadaff;
  --border-active: 1px solid #1890ffff;
  --border-image: none;
  --color: #222;
  --active-color: #1890ffff;
  --active-bg: transparent;
}
.vtx-sub-tabs.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);
}
.vtx-sub-tabs .tab-pane {
  padding: 18px 0;
}
.vtx-sub-tabs > .ant-tabs-nav {
  margin-bottom: 0;
}
.vtx-sub-tabs > .ant-tabs-nav::before {
  display: none;
}
.vtx-sub-tabs > .ant-tabs-nav > .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;
}
.vtx-sub-tabs > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab-active {
  background: var(--active-bg);
  border: var(--border-active);
  -o-border-image: var(--border-image);
     border-image: var(--border-image);
}
.vtx-sub-tabs > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--active-color);
}