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

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

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

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

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