/*!
 * SPDX-License-Identifier: Apache-2.0
 *
 * The OpenSearch Contributors require contributions made to
 * this file be licensed under the Apache-2.0 license or a
 * compatible open source license.
 *
 * Modifications Copyright OpenSearch Contributors. See
 * GitHub history for details.
 */

.ouiRangeHighlight {
  position: absolute;
  left: 0;
  width: 100%;
  top: calc(50% - #{($ouiRangeHighlightHeight / 2)});
  overflow: hidden;

  &__progress {
    height: $ouiRangeHighlightHeight;
    border-radius: $ouiRangeHighlightHeight;
    background-color: $ouiRangeTrackColor;

    &--hasFocus {
      background-color: $ouiColorPrimary;
    }
  }

  &--hasTicks {
    top: ($ouiFormControlHeight / 4) - ($ouiRangeHighlightHeight / 2);
  }

  &--hasTicks.ouiRangeHighlight--compressed {
    top: ($ouiFormControlCompressedHeight / 4) - ($ouiRangeHighlightHeight / 2);
  }
}