@import url('~antd/es/style/themes/default.less');
@import url('../style/var.less');

@top-tabs-prefix-cls: ~'@{style-prefix}-top-tabs';

.@{top-tabs-prefix-cls} {
  padding: 0 @padding-md;
  background-color: @white;
  border-top: @border-width-base @border-style-base @border-color-split;

  .@{ant-prefix}-tabs > .@{ant-prefix}-tabs-nav {
    margin-bottom: 0;

    .@{ant-prefix}-tabs-tab-active {
      .@{ant-prefix}-badge {
        color: @primary-color;
      }
    }

    .@{ant-prefix}-tabs-tab:hover {
      .@{ant-prefix}-badge {
        color: @primary-color;
      }
    }
  }

  .@{ant-prefix}-badge-multiple-words {
    padding: 0 5px;
  }

  .@{ant-prefix}-tabs .@{ant-prefix}-tabs-nav::before {
    display: none;
  }
}