.rangeSlider__popoverOverride {
  height: 100%;
  max-width: 100%;
  width: 100%;
}

@include euiBreakpoint('m', 'l', 'xl') {
  .rangeSlider__panelOverride {
    min-width: $euiSizeXXL * 12;
  }
}

.rangeSlider__anchorOverride {
  >div {
    height: 100%;
  }
}

.rangeSliderAnchor__button {
  width: 100%;
  height: 100%;
  background-color: $euiFormBackgroundColor;
  padding: 0;

  .euiFormControlLayout__childrenWrapper {
    border-radius: 0 $euiFormControlBorderRadius $euiFormControlBorderRadius 0 !important;
  }

  .euiToolTipAnchor {
    width: 100%;
  }

  .rangeSliderAnchor__fieldNumber {
    font-weight: $euiFontWeightBold;
    box-shadow: none;
    text-align: center;
    background-color: unset;

    &:invalid {
      color: $euiTextSubduedColor;
      text-decoration: line-through;
      font-weight: $euiFontWeightRegular;
      background-image: none; // hide the red bottom border
    }

    &::placeholder {
      font-weight: $euiFontWeightRegular;
      color: $euiColorMediumShade;
      text-decoration: none;
    }
  }
}