.valid {
	--color-rcs-1: rgb(196, 129, 72);
	--color-rcs-3: rgb(234, 133, 82);
	--color-rcs-5: rgb(179, 157, 51);
	--color-rcs-6: rgb(179, 35, 35);
	--color-rcs-7: rgb(163, 57, 39);
	--color-rcs-8: rgb(131, 27, 0);
	--color-rcs-9: rgb(126, 37, 0);
	--color-rcs-10: rgb(0, 0, 255);
	--color-rcs-11: rgb(0, 0, 255);
	--color-rcs-12: rgb(0, 0, 255);
	--color-rcs-13: rgb(0, 0, 255);
	--color-rcs-14: rgb(0, 0, 255);
	--color-rcs-15: rgb(0, 0, 255);
	--color-rcs-16: rgb(0, 0, 255);
}

@supports (color: color(display-p3 0 0 0%)) {
.valid {
	--color-rcs-8: color(display-p3 0.4939 0.10676 0);
	--color-rcs-9: color(display-p3 0.47553 0.14324 0);
}
}

.invalid {
	--color-rcs-invalid-1: rgb(from blue r, g, b);
	--color-rcs-invalid-2: hsl(from blue h, s, l);
	--color-rcs-invalid-3: rgb(from blue r, g, b, alpha);
	--color-rcs-invalid-4: hsl(from blue h, s, l, alpha);
	--color-rcs-invalid-5: rgba(from blue r, g, b);
	--color-rcs-invalid-6: hsla(from blue h, s, l);
	--color-rcs-invalid-7: rgba(from blue r, g, b, alpha);
	--color-rcs-invalid-8: hsla(from blue h, s, l, alpha);
}


.spec-example-10 {
	background: rgb(12, 100, 100);
}

.spec-example-11 {
	background: rgb(77, 121, 47);
}

.spec-example-12 {
	color: rgb(9, 63, 0);
	color: color(display-p3 0.08202 0.2501 0);
}

.spec-example-13 {
	background: rgba(0, 0, 255, 0.8);
}

.spec-example-14 {
	--blue-into-gray: rgb(28, 28, 28);
	--red-into-gray: rgb(77, 77, 77);
	--line-into-gray: rgb(150, 150, 150);
	--darkolivegreen-into-gray: rgb(94, 94, 94);
}

.spec-example-15 {
	color: rgba(153, 153, 153, 0.9);
}

.spec-example-15 {
	color: rgba(153, 153, 153, 0.9);
}

.spec-example-16 {
	background: linear-gradient(in Oklab to right, rgb(97, 90, 91), #4C3);
}

.spec-example-17 {
	color: rgb(255, 92, 92);
}

.spec-example-18 {
	color: rgba(from darkblue 16, 32, b, 0.5);
}

.spec-example-19 {
	color: rgba(16, 32, 139, 0.5);
}

.spec-example-20 {
	color: rgb(178, 32, 40);
}

.spec-example-21{
	color-1: rgb(20, 30, 40);
	color-2: rgba(20, 30, 40, 0.4)
}

.spec-example-22 {
	--mygray: rgb(152, 152, 152);
}

.spec-example-23 {
	color: rgb(169, 101, 32);
}

.spec-example-24 {
	--complement: rgb(225, 130, 149);
}

.spec-example-25 {
	--mygray: rgb(152, 152, 152);
	--mymuted: rgb(185, 136, 182);
}

.spec-example-26 {
	color: rgb(0, 157, 162);
	color: color(display-p3 0 0.62656 0.65723);
	color-2: rgb(85, 249, 219);
}

.spec-example-27 {
	color: rgb(0, 177, 184);
	color: color(display-p3 0 0.70288 0.74818);
}

.experimental-features-from-the-color-parser {
	color: hsla(from contrast-color(pink) h s l / alpha);
}
