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

.timeSlider__popoverOverride {
  width: 100%;
  max-inline-size: 100% !important;
  max-width: 100%;
  height: 100%;
}

.timeSlider__panelOverride {
  min-width: $euiSizeXXL * 15;
}

.timeSlider-playToggle {
  background-color: $euiColorPrimary !important;
}

.timeSlider__anchor {
  text-decoration: none;
  width: 100%;
  background-color: $euiFormBackgroundColor;
  box-shadow: none;
  @include euiFormControlSideBorderRadius($euiFormControlBorderRadius, $side: 'right', $internal: true);
  overflow: hidden;
  height: 100%;

  &:enabled:focus {
    background-color: $euiFormBackgroundColor;
  }

  .euiText {
    background-color: $euiFormBackgroundColor !important;
  }

  .timeSlider__anchorText {
    font-weight: $euiFontWeightBold;
  }

  .timeSlider__anchorText--default {
    color: $euiColorMediumShade;
  }

  .timeSlider__anchorText--invalid {
    text-decoration: line-through;
    color: $euiColorMediumShade;
  }
}