// Both custom labels, in the repsonse UI, and tags next to items (like "New" or "Existing" fields in imports.)

// #todo separate these into two different patterns

.label {
  display: inline-block;
  padding: 0.1rem 0.4rem;
  border-radius: $radius;
  font-size: 0.8rem;
  background-color: $lighterGray;
  color: #333;
}

.label_error {
  background-color: $errorColor;
  color: #fff;
}

.label_success {
  background-color: $successColor;
  color: #fff;
}

.label_info {
  background-color: $darkBlue;
  color: #fff;
}

.label_warning {
  background-color: #ffd119;
}