:root {
  --aunt-tag-padding: 0 var(--aunt-padding-base);
  --aunt-tag-border-color: #E9E9E9;
  --aunt-tag-background-color: #E9E9E9;
  --aunt-tag-text-color: #999999;
  --aunt-tag-text-size: var(--aunt-font-size-sm);
  --aunt-tag-text-size-medium: var(--aunt-font-size-md);
  --aunt-tag-text-size-large: var(--aunt-font-size-lg);
  --aunt-tag-icon-margin: calc(2 * var(--aunt-hd));
}
.aunt-tag {
  display: inline-flex;
  align-items: center;
  padding: var(--aunt-tag-padding);
  font-size: var(--aunt-tag-text-size);
  border-radius: 2px;
  color: var(--aunt-tag-text-color);
  border: 1px solid var(--aunt-tag-border-color);
  background-color: var(--aunt-tag-background-color);
  vertical-align: middle;
}
.aunt-tag__text {
  white-space: nowrap;
}
.aunt-tag--primary {
  color: var(--aunt-white-color);
  border-color: var(--aunt-primary-color);
  background-color: var(--aunt-primary-color);
}
.aunt-tag--primary.aunt-tag--plain {
  color: var(--aunt-primary-color);
}
.aunt-tag--success {
  color: var(--aunt-white-color);
  border-color: var(--aunt-success-color);
  background-color: var(--aunt-success-color);
}
.aunt-tag--success.aunt-tag--plain {
  color: var(--aunt-success-color);
}
.aunt-tag--warning {
  color: var(--aunt-white-color);
  border-color: var(--aunt-warning-color);
  background-color: var(--aunt-warning-color);
}
.aunt-tag--warning.aunt-tag--plain {
  color: var(--aunt-warning-color);
}
.aunt-tag--danger {
  color: var(--aunt-white-color);
  border-color: var(--aunt-danger-color);
  background-color: var(--aunt-danger-color);
}
.aunt-tag--danger.aunt-tag--plain {
  color: var(--aunt-danger-color);
}
.aunt-tag--plain {
  background-color: transparent !important;
  border-color: currentColor;
}
.aunt-tag--medium {
  font-size: var(--aunt-tag-text-size-medium);
}
.aunt-tag--large {
  font-size: var(--aunt-tag-text-size-large);
}
.aunt-tag--round {
  border-radius: var(--aunt-border-radius-max);
}
.aunt-tag--mark-left {
  border-radius: var(--aunt-border-radius-max) 0 0 var(--aunt-border-radius-max);
}
.aunt-tag--mark-right {
  border-radius: 0 var(--aunt-border-radius-max) var(--aunt-border-radius-max) 0;
}
.aunt-tag__icon {
  margin-right: var(--aunt-tag-icon-margin);
}
.aunt-tag__close-icon {
  margin-left: var(--aunt-tag-icon-margin);
}