/*!
 * SPDX-FileCopyrightText: Original code: Copyright (c) 2011-2022 Twitter, Inc. + Copyright (c) 2011-2022 The Bootstrap Authors. Modification: 2022 The HedgeDoc developers (see AUTHORS file)
 *
 * SPDX-License-Identifier: MIT
 */

// Range
//
// Style range inputs the same across browsers. Vendor-specific rules for pseudo
// elements cannot be mixed. As such, there are no shared styles for focus or
// active states on prefixed selectors.

.form-range {

  &::-webkit-slider-thumb {
    @include gradient-bg($form-range-thumb-bg);
    border: $form-range-thumb-border;
    @include box-shadow($form-range-thumb-box-shadow);

    &:active {
      @include gradient-bg($form-range-thumb-active-bg);
    }
  }

  &::-webkit-slider-runnable-track {
    background-color: $form-range-track-bg;
    border-color: transparent;
    @include box-shadow($form-range-track-box-shadow);
  }

  &::-moz-range-thumb {
    @include gradient-bg($form-range-thumb-bg);
    border: $form-range-thumb-border;
    @include box-shadow($form-range-thumb-box-shadow);

    &:active {
      @include gradient-bg($form-range-thumb-active-bg);
    }
  }

  &::-moz-range-track {
    background-color: $form-range-track-bg;
    @include box-shadow($form-range-track-box-shadow);
  }

  &:disabled {
    &::-webkit-slider-thumb {
      background-color: $form-range-thumb-disabled-bg;
    }

    &::-moz-range-thumb {
      background-color: $form-range-thumb-disabled-bg;
    }
  }
}
