.relevanceTuningForm {
  .valueBadge {
    display: inline-flex;
    align-items: center;
    height: $euiSizeL;
    border: 1px solid $euiColorLightShade;
    border-radius: $euiSizeXS;
    // To match the background of EuiToken, for which there is no direct variable to
    // reference
    background: tintOrShade($euiColorVis1, 90%, 70%);
    color: $euiColorVis1;
    padding: 0 $euiSizeS;

    .euiIcon {
      margin-right: $euiSizeXS;
    }
  }

  .valueBadge--disabled {
    background: transparent;
    color: $euiColorMediumShade;
  }
}
