The input[type=range] slider uses input-* utility classes for size, color, and width. Shape and variant modifiers do not affect the native range — only color, size, and width change appearance.
input-* utilities apply to range, but only color, size (row-height), and width are effective.input-rounded, input-square and variant classes like input-subtle, input-ghost do not change range appearance — color variants still work identically.input-4 ~ input-15 control thumb and track height.input-ratio (1:1 square), input-ratio-* (custom ratio), input-scale (fixed width), input-scale-* (scaled width), input-full (100%).Multiple color formats are supported:
*-error, *-error-hover*-indigo-500*-[#ff0000]*-[red], *-[green]