.MYUI-Badge {
  position: relative;
  min-width: 21px;
  min-height: 21px;
}

.MYUI-Badge__in {
  font-size: var(--font_size_footnote);
  font-weight: var(--font_weight_primary);

  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--BADGE_padding_default) var(--BADGE_padding_default_2);
  border-radius: var(--border_radius_hard);
}

.MYUI-Badge__in--none {
  background: none;
  color: var(--text_primary);
}

.MYUI-Badge__in--primary {
  background: rgba(var(--color_primary));
  color: white;
}

.MYUI-Badge__in--positive {
  background: rgba(var(--color_positive));
  color: white;
}

.MYUI-Badge__in--warning {
  background: rgba(var(--color_warning));
  color: white;
}

.MYUI-Badge__in--danger {
  color: white;
  background: rgba(var(--color_negative));
}