.color-swatch{box-shadow:inset 0 0 0 1px rgb(var(--c-ink-100)/.18)}.color-sv{background:linear-gradient(to top,rgb(0 0 0),rgb(0 0 0/0)),linear-gradient(to right,rgb(255 255 255),rgb(255 255 255/0)),hsl(var(--hue) 100% 50%);box-shadow:inset 0 0 0 1px rgb(var(--c-ink-100)/.12)}.color-thumb{position:absolute;width:14px;height:14px;border-radius:9999px;transform:translate(-50%,-50%);border:2px solid rgb(255 255 255);box-shadow:0 0 0 1px rgb(0 0 0/.45);pointer-events:none}input[type=range].color-hue{--range-track:linear-gradient(90deg,hsl(0 100% 50%),hsl(60 100% 50%),hsl(120 100% 50%),hsl(180 100% 50%),hsl(240 100% 50%),hsl(300 100% 50%),hsl(359 100% 50%));--range-track-h:10px}