@charset "UTF-8";
@layer foo;

.foo {
  --var: /* a comment */; bar: red;
}

.foo {
	color: red;
}

.foo {
	color:  red;
}

.foo {
	color: rgb(0  0 0);
}

.foo {
	color: rgb(0 /* a comment */ 0 0);
}

.foo {
	color: rgb(0 /* a comment */ /* more comments */ 0 0);
}

@media screen /* a comment */ and /* a comment */ (min-width: 700px) {
	.foo {
		color: red;

		@layer bar {}
	}
}

/* Looks like a nested rule, but is missing a semicolon */
.b {
	width: auto

	c {
		color: red;
	}
}

div/*foo*/.foo {
  color:red;
}

div/*foo*//*bar*/.foo {
  color:purple;
}
