[data-swatch="red"] { --swatch-background-color:#ff0000}[data-swatch="white"] { --swatch-background-color:#ffffff}[data-swatch="black"] { --swatch-background-color:#000000}[data-swatch="blue"] { --swatch-background-color:#0047AB}[data-swatch="pink"] { --swatch-background-color:#ffd5e1}[data-swatch="purple"] { --swatch-background-color:#8605ab}[data-swatch="neutral"] { --swatch-background-color:#fdf4eb}[data-swatch="brown"] { --swatch-background-color:#7a3e03}[data-swatch="gray"] { --swatch-background-color:#929292}[data-swatch="green"] { --swatch-background-color:#006e13}[data-swatch="yellow"] { --swatch-background-color:#fbf221}[data-swatch="orange"] { --swatch-background-color:#fba421}[data-swatch="multicolor"] { --swatch-background-image: linear-gradient(to right, #e22, #e22 33.3%, #21f 33.3%, #21f 66.6%, #fbf 66.6%, #fbf) }