/*!
 * 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.
 */

.ouiRangeThumb {
  @include ouiCustomControl($type: 'round');
  @include ouiRangeThumbStyle;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: calc(-1 * $ouiRangeThumbHeight / 2);
  pointer-events: none;
  z-index: 1; // higher than .ouiRangeHighlight that is 0

  &:focus {
    @include ouiCustomControlFocused;
  }

  &--hasTicks {
    top: 25%;
  }
}