@import '../../style/themes/index';
@import '../../style/mixins/index';

@m-card-header-tab-prefix-cls: m-header-tab;

.common-type-title() {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: @header-tab-common-type-title-min-width;
  min-height: @header-tab-common-type-title-min-height;
  padding: @header-tab-common-type-title-padding;
  margin-right: @header-tab-common-type-title-margin-right;
  color: @header-tab-common-type-title-color;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}

.@{m-card-header-tab-prefix-cls}-container {
  display: flex;
  height: 26px;
  margin-bottom: @header-tab-container-margin-bottom;
}

.@{m-card-header-tab-prefix-cls}-title {
  border-radius: @header-tab-title-border-radius;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  .common-type-title;
}

.@{m-card-header-tab-prefix-cls}-selected {
  color: @header-tab-selected-color;
  background-color: @header-tab-selected-background-color;
}

.@{m-card-header-tab-prefix-cls}-right {
  margin-left: auto;
}