@import './var.less';

.tag {
  font-size: @tag-font-size;
  border-radius: @border-radius-md;
  line-height: @tag-line-height;
  display: flex;
  overflow: hidden;
  align-items: center;
  box-sizing: border-box;
  justify-content: center;
}

.normal {
  padding: @tag-padding;
  border-radius: @tag-border-radius;
  line-height: @tag-line-height;
}

.medium {
  padding: @tag-medium-padding;
}

.large {
  font-size: @tag-large-font-size;
  padding: @tag-large-padding;
  border-radius: @tag-large-border-radius;
}

.tag_capsule {
  display: inline-flex;
  vertical-align: middle;
  padding: 0;
}

.tag_block {
  border-radius: @border-radius-max;
}

.tag_capsule + .tag_capsule {
  margin-left: 10px;
}

.tag_capsule:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
