--TEST--
Test @support and @media nesting
--CSS--
.foo {
    background: red;
}

/* EXAMPLE A */
@media (min-width: 50em) {
    .foo {
        background: green;
    }

    @supports (flex-wrap: wrap) {
        .foo {
            background: blue;
        }
    }
}

/* EXAMPLE B */
@supports (flex-wrap: wrap) {
    .foo {
        background: green;
    }

    @media (min-width: 50em) {
        .foo {
            background: blue;
        }
    }
}
--PRINT--
.foo
{
	background:red
}

@media (min-width: 50em) {
	.foo
	{
		background:green
	}

	@supports (flex-wrap: wrap) {
		.foo
		{
			background:blue
		}
	}
}

@supports (flex-wrap: wrap) {
	.foo
	{
		background:green
	}

	@media (min-width: 50em) {
		.foo
		{
			background:blue
		}
	}
}
--SETTINGS--
template='low'