Slider

Attribute	Token	Value
Thumb
Border radius	slider-thumb-radius	50%
Background color	slider-thumb-color-background	#101923
Border width	slider-thumb-border-width	2px
Border color	slider-thumb-color-border-default	#4dacff
Track (active)
Border radius	slider-track-radius	3px
Height	slider-track-height-active	4px
Track (inactive)
Border radius	slider-track-radius	3px
Height	slider-track-height-inactive	1px
Axis Label
Font family	font-body-3-font-family	‘Roboto’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Oxygen-Sans, Ubuntu, Cantarell, ‘Helvetica Neue’, sans-serif
Font size	font-body-3-font-size	0.75rem
Font weight	font-body-3-font-weight	400
Line height	font-body-3-line-height	calc(20 / 14)
Letter spacing	font-body-3-letter-spacing	0.005em
Text color	slider-axis-label-color-text	#ffffff
Tick
Border radius	slider-tick-radius	50%
Dimension	slider-tick-dimension	4px
Background color	slider-tick-color-background	#4dacff

Attribute	Token	Value
Thumb
Border color	slider-thumb-color-border-default	#4dacff

Attribute	Token	Value
Thumb
Border color	slider-thumb-color-border-hover	#92cbff

Attribute	Token	Value
Container
Opacity	opacity-disabled	40%

Attribute	Token	Value
Container
Outline	focus-outline	1px solid #da9ce7
Outline Offset	focus-offset	0.125rem