.bg-hue-gradient{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.bg-satval{background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsla(0,0%,100%,0)),var(--hue-color,#fff)}.bg-alpha-slider{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%),linear-gradient(to right,transparent,var(--alpha-color,transparent));background-size:8px 8px,8px 8px,8px 8px,8px 8px,100% 100%;background-position:0 0,0 4px,4px -4px,-4px 0,0 0}