.test-hex {
	color-1: rgb(from #dddd r g b / 0.5);
	color-1: alpha(from #dddd / 0.5);
	color-2: rgb(from #dddd r g b / alpha);
	color-2: alpha(from #dddd / alpha);
	color-3: rgb(from #dddd r g b / calc(alpha / 2));
	color-3: alpha(from #dddd / calc(alpha / 2));
}

.test-hex-ignore {
	color-1: alpha(from #hhh / calc(alpha / 2));
}

.test-var-ignore {
	color-1: alpha(from var(--foo) / calc(alpha / 2));
}

.test-keyword {
	color-1: rgb(from purple r g b / calc(alpha / 2));
	color-1: alpha(from purple / calc(alpha / 2));
}

.test-keyword-ignore {
	color-1: alpha(from not-a-color / calc(alpha / 2));
}

.test-from-missing-ignore {
	color-1: alpha(red / calc(alpha / 2));
}

.test-rgb {
	color-1: rgb(from rgb(2 1 0) r g b / calc(alpha / 2));
	color-1: alpha(from rgb(2 1 0) / calc(alpha / 2));
	color-2: rgb(from rgb(var(--foo) 1 0) r g b / calc(alpha / 2));
}

@supports (color: alpha(from red / 1)) and (color: rgb(0 0 0 / 0)) {
.test-rgb {
	color-2: alpha(from rgb(var(--foo) 1 0) / calc(alpha / 2));
}
}

.test-rgba {
	color-1: rgb(from rgba(2 1 0) r g b / calc(alpha / 2));
	color-1: alpha(from rgba(2 1 0) / calc(alpha / 2));
	color-2: rgb(from rgba(var(--foo) 1 0) r g b / calc(alpha / 2));
}

@supports (color: alpha(from red / 1)) {
.test-rgba {
	color-2: alpha(from rgba(var(--foo) 1 0) / calc(alpha / 2));
}
}

.test-hsl {
	color-1: hsl(from hsl(2 1 0) h s l / calc(alpha / 2));
	color-1: alpha(from hsl(2 1 0) / calc(alpha / 2));
	color-2: hsl(from hsl(var(--foo) 1 0) h s l / calc(alpha / 2));
}

@supports (color: alpha(from red / 1)) and (color: hsl(0 0% 0% / 0)) {
.test-hsl {
	color-2: alpha(from hsl(var(--foo) 1 0) / calc(alpha / 2));
}
}

.test-hsla {
	color-1: hsl(from hsla(2 1 0) h s l / calc(alpha / 2));
	color-1: alpha(from hsla(2 1 0) / calc(alpha / 2));
	color-2: hsl(from hsla(var(--foo) 1 0) h s l / calc(alpha / 2));
}

@supports (color: alpha(from red / 1)) {
.test-hsla {
	color-2: alpha(from hsla(var(--foo) 1 0) / calc(alpha / 2));
}
}

.test-hwb {
	color-1: hwb(from hwb(2 1 0) h w b / calc(alpha / 2));
	color-1: alpha(from hwb(2 1 0) / calc(alpha / 2));
	color-2: hwb(from hwb(var(--foo) 1 0) h w b / calc(alpha / 2));
}

@supports (color: alpha(from red / 1)) and (color: hwb(0 0% 0%)) {
.test-hwb {
	color-2: alpha(from hwb(var(--foo) 1 0) / calc(alpha / 2));
}
}

.test-lch {
	color-1: lch(from lch(2 1 0) l c h / calc(alpha / 2));
	color-1: alpha(from lch(2 1 0) / calc(alpha / 2));
	color-2: lch(from lch(var(--foo) 1 0) l c h / calc(alpha / 2));
}

@supports (color: alpha(from red / 1)) and (color: lab(0% 0 0%)) {
.test-lch {
	color-2: alpha(from lch(var(--foo) 1 0) / calc(alpha / 2));
}
}

.test-oklch {
	color-1: oklch(from oklch(2 1 0) l c h / calc(alpha / 2));
	color-1: alpha(from oklch(2 1 0) / calc(alpha / 2));
	color-2: oklch(from oklch(var(--foo) 1 0) l c h / calc(alpha / 2));
}

@supports (color: alpha(from red / 1)) and (color: oklab(0% 0 0%)) {
.test-oklch {
	color-2: alpha(from oklch(var(--foo) 1 0) / calc(alpha / 2));
}
}

.test-lab {
	color-1: lab(from lab(2 1 0) l a b / calc(alpha / 2));
	color-1: alpha(from lab(2 1 0) / calc(alpha / 2));
	color-2: lab(from lab(var(--foo) 1 0) l a b / calc(alpha / 2));
}

@supports (color: alpha(from red / 1)) and (color: lab(0% 0 0%)) {
.test-lab {
	color-2: alpha(from lab(var(--foo) 1 0) / calc(alpha / 2));
}
}

.test-oklab {
	color-1: oklab(from oklab(2 1 0) l a b / calc(alpha / 2));
	color-1: alpha(from oklab(2 1 0) / calc(alpha / 2));
	color-2: oklab(from oklab(var(--foo) 1 0) l a b / calc(alpha / 2));
}

@supports (color: alpha(from red / 1)) and (color: oklab(0% 0 0%)) {
.test-oklab {
	color-2: alpha(from oklab(var(--foo) 1 0) / calc(alpha / 2));
}
}

.test-color {
	color-1: color(from color(srgb 0.5 1 0) srgb r g b / calc(alpha / 2));
	color-1: alpha(from color(srgb 0.5 1 0) / calc(alpha / 2));
	color-2: color(from color(srgb var(--foo) 1 0) srgb r g b / calc(alpha / 2));
	color-3: color(from color(xyz 0.5 1 0) xyz x y z / calc(alpha / 2));
	color-3: alpha(from color(xyz 0.5 1 0) / calc(alpha / 2));
	color-4: color(from color(xyz var(--foo) 1 0) xyz x y z / calc(alpha / 2));
}

@supports (color: alpha(from red / 1)) and (color: color(display-p3 0 0 0%)) {
.test-color {
	color-2: alpha(from color(srgb var(--foo) 1 0) / calc(alpha / 2));
}
}

@supports (color: alpha(from red / 1)) and (color: color(xyz 0 0 0%)) {
.test-color {
	color-4: alpha(from color(xyz var(--foo) 1 0) / calc(alpha / 2));
}
}

.test-color-ignore {
	color-1: alpha(from color(srgb srgb-linear 0.5 1 0) / calc(alpha / 2));
	color-2: alpha(from color(var(--foo) 0.5 1 0) / calc(alpha / 2));
}
