@import '~@cainiaofe/cn-ui-m-theme/token.px.scss';

.#{$hashClassName}.cn-ui-m-tag {
  display: inline-block;
  font-size: $m-font-size-body-1;
  line-height: $m-s-18;
  padding: $m-s-6 $m-s-12;
  border-radius: $m-radius;

  &-normal {
    color: $m-color-text;
    background-color: $m-color-bg-white;
    border: $m-line solid $m-color-bg;

    &.cn-ui-m-tag-disabled {
      color: $m-color-text-disabled;
    }
  }

  &-primary {
    color: $m-color-primary;
    background-color: $m-color-secondary-lightest;
    border: $m-line solid $m-color-secondary-lightest;
    &.cn-ui-m-tag-disabled {
      background-color: $m-color-bg-disabled;
      border-color: $m-color-bg-disabled;
      color: $m-color-text-disabled;
    }
  }
}