$uex-form-input-range-slider-width: 100%;
$uex-form-input-range-slider-height: 15px;
$uex-form-input-range-slider-background: $gray-150;
$uex-form-input-range-slider-box-shadow: none;
$uex-form-input-range-slider-border: solid 1px $gray-150;
$uex-form-input-range-slider-border-radius: 2px;

$uex-form-input-range-slider-background-focus: $gray-300;
$uex-form-input-range-slider-border-focus: solid 1px $gray-300;

$uex-form-input-range-slider-thumb-width: 30px;
$uex-form-input-range-slider-thumb-height: 23px;
$uex-form-input-range-slider-thumb-background: $primary;
$uex-form-input-range-slider-thumb-box-shadow: none;
$uex-form-input-range-slider-thumb-border-weight: 1px;
$uex-form-input-range-slider-thumb-border: $uex-form-input-range-slider-thumb-border-weight solid darken($primary, 5%);
$uex-form-input-range-slider-thumb-border-radius: 2px;

$uex-form-input-range-slider-thumb-background-focus: darken($primary, 5%);
$uex-form-input-range-slider-thumb-border-focus: $uex-form-input-range-slider-thumb-border-weight solid darken($primary, 10%);

$uex-form-input-range-slider-thumb-background-disabled: $gray-400;
$uex-form-input-range-slider-thumb-border-disabled: $uex-form-input-range-slider-thumb-border-weight solid $gray-400;