Slider state layer
Variables to customize Slider states (hover, focus, active)
$gbc-SliderWidget-hover-border-width
Border width for Slider when hovered
Type: number
Default value: $mt-field-hover-border-width
Computed value: "1px"
$gbc-SliderWidget-hover-color
Border color for Slider when hovered
Type: color
Default value: $mt-field-hover-border-color
Computed value: "rgba(24, 24, 24, 0.1)"
Alias (for compatibility): $gbc-SliderWidget-focus-border-color
$gbc-SliderWidget-focus-border-width
Border color for Slider when focused
Type: number
Default value: "$mt-field-focus-border-width - $mt-field-border-width-top"
Computed value: "1px"
$gbc-SliderWidget-focus-color
Border color for Slider when focused
Type: color
Default value: $mt-field-focus-border-color
Computed value: "rgba(11, 121, 209, 0.9)"
$gbc-SliderWidget-active-border-width
Border color for Slider when clicked
Type: number
Default value: $mt-field-active-border-width
Computed value: "1px"
$gbc-SliderWidget-active-color
Border color for Slider when clicked
Type: color
Default value: $mt-field-active-border-color
Computed value: "rgba(11, 121, 209, 0.5)"