/* stylelint-disable scss/operator-no-unspaced */
/* stylelint-enable scss/operator-no-unspaced */
/**
 * Label
 * @define label
 */
.ecl-label {
  border-radius: 0;
  color: #404040;
  display: inline-block;
  font: normal normal 400 0.875rem/1rem arial, sans-serif;
  margin: 0;
  text-transform: uppercase;
}

.ecl-label--low {
  background-color: #f5f5f5;
  border: 1px solid #cfcfcf;
  padding: calc(
      0.5rem - 1px
    ) calc(0.75rem - 1px);
}

.ecl-label--medium {
  background-color: #fff4bb;
  border: 0px solid transparent;
  padding: calc(
      0.5rem - 0px
    ) calc(0.75rem - 0px);
}

.ecl-label--high {
  background-color: #ffd617;
  border: 0px solid transparent;
  padding: calc(
      0.5rem - 0px
    ) calc(0.75rem - 0px);
}

.ecl-label--highlight {
  background-color: #004494;
  border: 0px solid transparent;
  color: #fff;
  padding: calc(
      0.5rem - 0px
    ) calc(
      0.75rem - 0px
    );
}