webpack/test/__snapshots__/ConfigCacheTestCases.longtest.js.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`ConfigCacheTestCases css css-import exported tests should compile 1`] = `
Array [
  "body {
	externally-imported: true;
}

@import url(\\"//example.com/style.css\\");
@import url(\\"https://fonts.googleapis.com/css?family=Roboto\\");
@import url(\\"https://fonts.googleapis.com/css?family=Noto+Sans+TC\\");
@import url(\\"https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto\\");
@import url(\\"https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto?foo=1\\") layer(super.foo) supports(display: flex) screen and (min-width: 400px);
body {
	externally-imported1: true;
}

body {
	externally-imported2: true;
}

@import url(\\"external-1.css\\");
@import url(\\"external-2.css\\") supports(display: grid) screen and (max-width: 400px);
@import url(\\"external-3.css\\") supports(not (display: grid) and (display: flex)) screen and (max-width: 400px);
@import url(\\"external-4.css\\") supports((selector(h2 > p)) and
    (font-tech(color-COLRv1)));
@import url(\\"external-5.css\\") layer(default);
@import url(\\"external-6.css\\") layer(default);
@import url(\\"external-7.css\\") layer();
@import url(\\"external-8.css\\") layer();
@import url(\\"external-9.css\\") print;
@import url(\\"external-10.css\\") print, screen;
@import url(\\"external-11.css\\") screen;
@import url(\\"external-12.css\\") screen and (orientation: landscape);
@import url(\\"external-13.css\\") supports(not (display: flex));
@import url(\\"external-14.css\\") layer(default) supports(display: grid) screen and (max-width: 400px);
p {
	color: steelblue;
}

p {
	color: antiquewhite;
}

.load-me {
	color: red;
}

.custom-extension{
    color: green;
}.using-loader { color: red; }
.link {
  color: #428bca;
}


.foo {
	color: red;
}

.relative {
	color: red;
}

.default {
	color: steelblue;
}

.mode {
	color: red;
}

.dist {
	color: steelblue;
}

.dist {
	color: steelblue;
}

.conditional-names {
  color: #428bca;
}

.custom-name {
	color: steelblue;
}

.style {
	color: steelblue;
}

.webpack {
	color: steelblue;
}

.default {
	color: steelblue;
}


/* Technically, this is not entirely true, but we allow it because the final file can be processed by the loader and return the CSS code */


/* Failed */


body {
	background: black;
}

body {
	background: black;
}

@layer default {
	body {
		background: black;
	}
}

@layer default {
	body {
		background: black;
	}
}

@supports (display: flex) {
	body {
		background: black;
	}
}

@supports (display: flex) {
	body {
		background: black;
	}
}

@media screen and (min-width: 400px) {
	body {
		background: black;
	}
}

@media screen and (min-width: 400px) {
	body {
		background: black;
	}
}

@layer default {
	@supports (display: flex) {
		body {
			background: black;
		}
	}
}

@layer default {
	@media screen and (min-width: 400px) {
		body {
			background: black;
		}
	}
}

@supports (display: flex) {
	@media screen and (min-width: 400px) {
		body {
			background: black;
		}
	}
}

@layer default {
	@supports (display: flex) {
		@media screen and (min-width: 400px) {
			body {
				background: black;
			}
		}
	}
}

@layer default {
	@supports (display: flex) {
		@media screen and (min-width: 400px) {
			body {
				background: black;
			}
		}
	}
}

@layer default {
	@supports (display: flex) {
		@media screen and (min-width: 400px) {
			body {
				background: black;
			}
		}
	}
}

@layer default {
	@supports (display: flex) {
		@media screen and (min-width: 400px) {
			body {
				background: black;
			}
		}
	}
}

@layer default {
	@supports (background: url(./img.png)) {
		@media screen and (min-width: 400px) {
			body {
				background: black;
			}
		}
	}
}

@layer default {
	@supports (background: url(\\"./img.png\\")) {
		@media screen and (min-width: 400px) {
			body {
				background: black;
			}
		}
	}
}

@media screen {
	body {
		background: black;
	}
}

@media screen {
	body {
		background: black;
	}
}

@media screen {
	body {
		background: black;
	}
}

body {
	background: black;
}

body {
	background: green;
}

@layer base {
	body {
		background: green;
	}
}

@supports (display: flex) {
	body {
		background: green;
	}
}

@media screen, print {
	body {
		background: green;
	}
}

a {
	color: red;
}

a {
	color: red;
}

a {
	color: red;
}

a {
	color: red;
}

a {
	color: red;
}

a {
	color: red;
}

a {
	color: red;
}

a {
	color: red;
}

a {
	color: red;
}

@media screen and (orientation:landscape) {
	a {
		color: red;
	}
}

@media SCREEN AND (ORIENTATION: LANDSCAPE) {
	a {
		color: red;
	}
}

@media (min-width: 100px) {
	a {
		color: red;
	}
}

.class {
	content: \\"test.css\\";
}

a {
	color: red;
}

@media screen and (orientation:landscape) {
	a {
		color: red;
	}
}

.class {
	content: \\"style.css\\";
	color: red;
}

.class {
	content: \\"style.css\\";
	color: red;
}

.class {
	content: \\"style.css\\";
	color: red;
}

.class {
	content: \\"style.css\\";
	color: red;
}

.class {
	content: \\"style7.css\\";
}

.class {
	content: \\"style7.css\\";
}

.class {
	content: \\"test test.css\\";
}

.class {
	content: \\"test test.css\\";
}

.class {
	content: \\"test test.css\\";
}

.class {
	content: \\"test test.css\\";
}

.class {
	content: \\"test test.css\\";
}

.class {
	content: \\"test test.css\\";
}

.class {
	content: \\"test.css\\";
}

.class {
	content: \\"test.css\\";
}

.class {
	content: \\"test.css\\";
}

.class {
	content: \\"test.css\\";
}

.class {
	content: \\"test test.css\\";
}

.class {
	content: \\"test test.css\\";
}

.class {
	content: \\"test test.css\\";
}

.class {
	content: \\"test test.css\\";
}

.class {
	content: \\"test test.css\\";
}

.class {
	content: \\"test test.css\\";
}

.class {
	content: \\"style6.css\\";
}

.class {
	content: \\"test.css\\";
}
.using-loader { color: red; }
.class {
	content: \\"style4.css\\";
}

.class {
	content: \\"style4.css\\";
}

.class {
	content: \\"style4.css\\";
}

@supports (display: flex) {
	.class {
		content: \\"style4.css\\";
	}
}

@supports (display: flex) {
	@media screen and (orientation:landscape) {
		.class {
			content: \\"style4.css\\";
		}
	}
}

.class {
	content: \\"style4.css\\";
}

.class {
	content: \\"style4.css\\";
}

.class {
	content: \\"style4.css\\";
}

@media screen and (orientation: landscape) {
	.class {
		content: \\"test.css\\";
	}
	.using-loader { color: red; }}

a {
  color: red;
}
@media screen and (orientation:landscape) {
	a {
	  color: blue;
	}}

a {
  color: red;
}
.class {
	content: \\"style5.css\\";
}

.class {
	content: \\"style5.css\\";
}

@supports (unknown) {
	.class {
		content: \\"style5.css\\";
	}
}

@supports (display: flex) {
	.class {
		content: \\"style5.css\\";
	}
}

@supports (display: flex !important) {
	.class {
		content: \\"style5.css\\";
	}
}

@supports (display: flex) {
	@media screen and (min-width: 400px) {
		.class {
			content: \\"style5.css\\";
		}
	}
}

@supports (selector(a b)) {
	.class {
		content: \\"style5.css\\";
	}
}

@supports (display: flex) {
	.class {
		content: \\"style5.css\\";
	}
}

@layer {
	.class {
		content: \\"layer.css\\";
	}
}

@layer default {
	.class {
		content: \\"layer.css\\";
	}
}

@layer default {
	@supports (display: flex) {
		@media screen and (min-width: 400px) {
			.class {
				content: \\"layer.css\\";
			}
		}
	}
}

@layer {
	@supports (display: flex) {
		@media screen and (min-width: 400px) {
			.class {
				content: \\"layer.css\\";
			}
		}
	}
}

@layer {
	@supports (display: flex) {
		@media screen and (min-width: 400px) {
			.class {
				content: \\"layer.css\\";
			}
		}
	}
}

@layer {
	.class {
		content: \\"layer.css\\";
	}
}

@layer foo.bar.baz {
	.class {
		content: \\"layer.css\\";
	}
}

@layer {
	.class {
		content: \\"layer.css\\";
	}
}

@layer default {
	@supports (display: flex) {
		@media screen and (min-width:400px) {
			.class {
				content: \\"style6.css\\";
			}
		}
	}
}

@layer default {
	@supports (display: flex) {
		@media screen and (min-width:400px) {
			.class {
				content: \\"style6.css\\";
			}
		}
	}
}

@supports (display: flex) {
	@media screen and (min-width:400px) {
		.class {
			content: \\"style6.css\\";
		}
	}
}

@media screen and (min-width:400px) {
	.class {
		content: \\"style6.css\\";
	}
}

@media screen and (min-width:400px) {
	.class {
		content: \\"style6.css\\";
	}
}

@media screen and (min-width:400px) {
	.class {
		content: \\"style6.css\\";
	}
}

@layer default {
	@supports (display     :     flex) {
		@media screen     and     (     min-width     :     400px     ) {
			.class {
				content: \\"style6.css\\";
			}
		}
	}
}

@layer DEFAULT {
	@supports (DISPLAY: FLEX) {
		@media SCREEN AND (MIN-WIDTH: 400PX) {
			.class {
				content: \\"style6.css\\";
			}
		}
	}
}

@layer {
	@supports (DISPLAY: FLEX) {
		@media SCREEN AND (MIN-WIDTH: 400PX) {
			.class {
				content: \\"style6.css\\";
			}
		}
	}
}

@layer /* Comment */default/* Comment */ {
	@supports (/* Comment */display/* Comment */:/* Comment */ flex/* Comment */) {
		@media /* Comment */ screen/* Comment */ and/* Comment */ (/* Comment */min-width/* Comment */: /* Comment */400px/* Comment */) {
			.class {
				content: \\"style6.css\\";
			}
		}
	}
}

.class {
	content: \\"style6.css\\";
}

.class {
	content: \\"style6.css\\";
}

.class {
	content: \\"style6.css\\";
}

.class {
	content: \\"style6.css\\";
}

.class {
	content: \\"style6.css\\";
}

.class {
	content: \\"style6.css\\";
}

@media /* Comment */ print and (orientation:landscape) {
	.class {
		content: \\"style6.css\\";
	}
}

@media /* Comment */print and (orientation:landscape)/* Comment */ {
	.class {
		content: \\"style6.css\\";
	}
}

@media /* Comment */ print and (orientation:landscape) {
	.class {
		content: \\"style6.css\\";
	}
}

@media screen and (min-width: 400px) {
	.class {
		content: \\"style8.css\\";
	}
}

@media (prefers-color-scheme: dark) {
	.class {
		content: \\"style8.css\\";
	}
}

@supports (display: flex) {
	.class {
		content: \\"style8.css\\";
	}
}

@supports (((display: flex))) {
	.class {
		content: \\"style8.css\\";
	}
}

@supports (((display: inline-grid))) {
	@media screen and (((min-width: 400px))) {
		.class {
			content: \\"style8.css\\";
		}
	}
}

@supports (display: grid) {
	.class {
		content: \\"style8.css\\";
	}
}

@supports (display: flex) {
	@media screen and (min-width: 400px) {
		.class {
			content: \\"style8.css\\";
		}
	}
}

@layer framework {
	.class {
		content: \\"style8.css\\";
	}
}

@layer default {
	.class {
		content: \\"style8.css\\";
	}
}

@layer base {
	.class {
		content: \\"style8.css\\";
	}
}

@layer default {
	@supports (display: flex) {
		.class {
			content: \\"style8.css\\";
		}
	}
}

@layer default {
	@supports (display: flex) {
		@media screen and (min-width: 400px) {
			.class {
				content: \\"style8.css\\";
			}
		}
	}
}

@layer {
	a {
		color: red;
	}
}

@media unknown(default) unknown(display: flex) unknown {
	.class {
		content: \\"style9.css\\";
	}
}

@media unknown(default) {
	.class {
		content: \\"style9.css\\";
	}
}

.style11 {
	color: red;
}


.style12 {
	color: red;
}

div{color: red;}



.style10 {
	color: red;
}

@media screen and (min-width: 400px) {
	@media screen and (max-width: 500px) {
		@media screen and (orientation: portrait) {
			.class {
				deep-deep-nested: 1;
			}
		}
	}
}

@media screen and (min-width: 400px) {
	@media screen and (max-width: 500px) {
		
		.class {
			deep-nested: 1;
		}
	}
}

@media screen and (min-width: 400px) {
	
	.class {
		nested: 1;
	}
}

@supports (display: flex) {
	@supports (display: grid) {
		@supports (display: table) {
			.class {
				deep-deep-nested: 1;
			}
		}
	}
}

@supports (display: flex) {
	@supports (display: grid) {
		
		.class {
			deep-nested: 1;
		}
	}
}

@supports (display: flex) {
	
	.class {
		nested: 1;
	}
}

@layer foo {
	@layer bar {
		@layer baz {
			.class {
				deep-deep-nested: 1;
			}
		}
	}
}

@layer foo {
	@layer bar {
		
		.class {
			deep-nested: 1;
		}
	}
}

@layer foo {
	
	.class {
		nested: 1;
	}
}

@layer foo {
	@supports (display: flex) {
		@media screen and (min-width: 400px) {
			@layer bar {
				@supports (display: grid) {
					@media screen and (min-width: 500px) {
						@layer baz {
							@supports (display: table) {
								@media screen and (min-width: 600px) {
									.class {
										deep-deep-nested: 1;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

@layer foo {
	@supports (display: flex) {
		@media screen and (min-width: 400px) {
			@layer bar {
				@supports (display: grid) {
					@media screen and (min-width: 500px) {
						
						.class {
							deep-nested: 1;
						}
					}
				}
			}
		}
	}
}

@layer foo {
	@supports (display: flex) {
		@media screen and (min-width: 400px) {
			
			.class {
				nested: 1;
			}
		}
	}
}

@media screen and (min-width: 400px) {
	@supports (display: flex) {
		@layer bar {
			.class {
				deep-deep-nested: 1;
			}
		}
	}
}

@media screen and (min-width: 400px) {
	@supports (display: flex) {
		
		.class {
			deep-nested: 1;
		}
	}
}

@media screen and (min-width: 400px) {
	
	.class {
		nested: 1;
	}
}

@layer {
	@layer {
		@layer {
			.class {
				deep-deep-nested: 1;
			}
		}
	}
}

@layer {
	@layer {
		
		.class {
			deep-nested: 1;
		}
	}
}

@layer {
	@layer base {
		@layer baz {
			.class {
				deep-deep-nested: 1;
			}
		}
	}
}

@layer {
	@layer base {
		
		.class {
			deep-nested: 1;
		}
	}
}

@layer {
	
	.class {
		deep-nested: 1;
	}
}

@media screen and (orientation: portrait) {
	.class {
		deep-deep-nested: 1;
	}
}

@media screen and (orientation: portrait) {
	@supports (display: flex) {
		.class {
			content: \\"style8.css\\";
		}
	}
}

@media screen and (orientation: portrait) {
	
	.class {
		duplicate-nested: true;
	}
}

@supports (display: flex) {
	@media screen and (orientation: portrait) {
		@layer {
			@layer {
				.class {
					deep-deep-nested: 1;
				}
			}
		}
	}
}

@supports (display: flex) {
	@media screen and (orientation: portrait) {
		@layer {
			
			.class {
				deep-nested: 1;
			}
		}
	}
}

@supports (display: flex) {
	@media screen and (orientation: portrait) {
		@layer base {
			@layer baz {
				.class {
					deep-deep-nested: 1;
				}
			}
		}
	}
}

@supports (display: flex) {
	@media screen and (orientation: portrait) {
		@layer base {
			
			.class {
				deep-nested: 1;
			}
		}
	}
}

@supports (display: flex) {
	@media screen and (orientation: portrait) {
		
		.class {
			deep-nested: 1;
		}
	}
}

@layer super.foo {
	@supports (display: flex) {
		@media screen and (min-width: 400px) {
			@layer bar {
				@supports (display: grid) {
					@media screen and (min-width: 500px) {
						@layer baz {
							@supports (display: table) {
								@media screen and (min-width: 600px) {
									.class {
										deep-deep-nested: 1;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

@layer super.foo {
	@supports (display: flex) {
		@media screen and (min-width: 400px) {
			@layer bar {
				@supports (display: grid) {
					@media screen and (min-width: 500px) {
						
						.class {
							deep-nested: 1;
						}
					}
				}
			}
		}
	}
}

@layer super.foo {
	@supports (display: flex) {
		@media screen and (min-width: 400px) {
			
			.class {
				nested: 1;
			}
		}
	}
}

@supports (unknown: layer(super.foo)) {
	@media screen and (min-width: 400px) {
		a {
			color: red;
		}
	}
}

@supports (url: url(\\"./unknown.css\\")) {
	@media screen and (min-width: 400px) {
		a {
			color: red;
		}
	}
}

@supports (url: url(./unknown.css)) {
	@media screen and (min-width: 400px) {
		a {
			color: red;
		}
	}
}

@layer super.foo {
	@supports (display: flex) {
		@media unknown(\\"foo\\") screen and (min-width: 400px) {
			a {
				color: red;
			}
		}
	}
}

@layer super.foo {
	@supports (display: url(\\"./unknown.css\\")) {
		@media unknown(foo) screen and (min-width: 400px) {
			a {
				color: red;
			}
		}
	}
}

@layer super.foo {
	@supports (display: url(./unknown.css)) {
		@media \\"foo\\" screen and (min-width: 400px) {
			a {
				color: red;
			}
		}
	}
}

@media \\"string\\" {
	a {
		color: red;
	}
}

a {
	color: red;
}

@media url(./style2.css?multiple=2) {
	a {
		color: red;
	}
}

a {
	color: red;
}

a {
	color: red;
}


/* Has the same URL */








/* anonymous */

/* All unknown parse as media for compatibility */



/* Inside support */


/** Possible syntax in future */


/** Unknown */

@import-normalize;

/** Warnings */

@import nourl(test.css);
@import ;
@import foo-bar;
@import layer(super.foo) \\"./style2.css?warning=1\\" supports(display: flex) screen and (min-width: 400px);
@import layer(super.foo) supports(display: flex) \\"./style2.css?warning=2\\" screen and (min-width: 400px);
@import layer(super.foo) supports(display: flex) screen and (min-width: 400px) \\"./style2.css?warning=3\\";
@import layer(super.foo) url(\\"./style2.css?warning=4\\") supports(display: flex) screen and (min-width: 400px);
@import layer(super.foo) supports(display: flex) url(\\"./style2.css?warning=5\\") screen and (min-width: 400px);
@import layer(super.foo) supports(display: flex) screen and (min-width: 400px) url(\\"./style2.css?warning=6\\");
@import url(\\"/style2.css?warning=6\\") supports(display: flex) layer(super.foo) screen and (min-width: 400px);
@namespace url(http://www.w3.org/1999/xhtml);
@import supports(background: url(\\"./img.png\\"));
@import supports(background: url(\\"./img.png\\")) screen and (min-width: 400px);
@import layer(test) supports(background: url(\\"./img.png\\")) screen and (min-width: 400px);
@import screen and (min-width: 400px);



body {
	background: red;
}

head{--webpack-main:https\\\\:\\\\/\\\\/test\\\\.cases\\\\/path\\\\/\\\\.\\\\.\\\\/\\\\.\\\\.\\\\/\\\\.\\\\.\\\\/\\\\.\\\\.\\\\/configCases\\\\/css\\\\/css-import\\\\/external\\\\.css,\\\\/\\\\/example\\\\.com\\\\/style\\\\.css,https\\\\:\\\\/\\\\/fonts\\\\.googleapis\\\\.com\\\\/css\\\\?family\\\\=Roboto,https\\\\:\\\\/\\\\/fonts\\\\.googleapis\\\\.com\\\\/css\\\\?family\\\\=Noto\\\\+Sans\\\\+TC,https\\\\:\\\\/\\\\/fonts\\\\.googleapis\\\\.com\\\\/css\\\\?family\\\\=Noto\\\\+Sans\\\\+TC\\\\|Roboto,https\\\\:\\\\/\\\\/fonts\\\\.googleapis\\\\.com\\\\/css\\\\?family\\\\=Noto\\\\+Sans\\\\+TC\\\\|Roboto\\\\?foo\\\\=1,https\\\\:\\\\/\\\\/test\\\\.cases\\\\/path\\\\/\\\\.\\\\.\\\\/\\\\.\\\\.\\\\/\\\\.\\\\.\\\\/\\\\.\\\\.\\\\/configCases\\\\/css\\\\/css-import\\\\/external1\\\\.css,https\\\\:\\\\/\\\\/test\\\\.cases\\\\/path\\\\/\\\\.\\\\.\\\\/\\\\.\\\\.\\\\/\\\\.\\\\.\\\\/\\\\.\\\\.\\\\/configCases\\\\/css\\\\/css-import\\\\/external2\\\\.css,external-1\\\\.css,external-2\\\\.css,external-3\\\\.css,external-4\\\\.css,external-5\\\\.css,external-6\\\\.css,external-7\\\\.css,external-8\\\\.css,external-9\\\\.css,external-10\\\\.css,external-11\\\\.css,external-12\\\\.css,external-13\\\\.css,external-14\\\\.css,&\\\\.\\\\/node_modules\\\\/style-library\\\\/styles\\\\.css,&\\\\.\\\\/node_modules\\\\/main-field\\\\/styles\\\\.css,&\\\\.\\\\/node_modules\\\\/package-with-exports\\\\/style\\\\.css,&\\\\.\\\\/extensions-imported\\\\.mycss,&\\\\.\\\\/file\\\\.less,&\\\\.\\\\/with-less-import\\\\.css,&\\\\.\\\\/prefer-relative\\\\.css,&\\\\.\\\\/node_modules\\\\/condition-names-style\\\\/default\\\\.css,&\\\\.\\\\/node_modules\\\\/condition-names-style-mode\\\\/mode\\\\.css,&\\\\.\\\\/node_modules\\\\/condition-names-subpath\\\\/dist\\\\/custom\\\\.css,&\\\\.\\\\/node_modules\\\\/condition-names-subpath-extra\\\\/dist\\\\/custom\\\\.css,&\\\\.\\\\/node_modules\\\\/condition-names-style-less\\\\/default\\\\.less,&\\\\.\\\\/node_modules\\\\/condition-names-custom-name\\\\/custom-name\\\\.css,&\\\\.\\\\/node_modules\\\\/style-and-main-library\\\\/styles\\\\.css,&\\\\.\\\\/node_modules\\\\/condition-names-webpack\\\\/webpack\\\\.css,&\\\\.\\\\/node_modules\\\\/condition-names-style-nested\\\\/default\\\\.css,&\\\\.\\\\/style-import\\\\.css,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=1,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=2,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=3,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=4,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=5,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=6,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=7,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=8,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=9,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=10,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=11,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=12,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=13,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=14,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=15,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=16,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=17,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=18,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=19,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=20,&\\\\.\\\\/print\\\\.css\\\\?foo\\\\=21,&\\\\.\\\\/imported\\\\.css\\\\?1832,&\\\\.\\\\/imported\\\\.css\\\\?e0bb,&\\\\.\\\\/imported\\\\.css\\\\?769a,&\\\\.\\\\/imported\\\\.css\\\\?d4d6,&\\\\.\\\\/style2\\\\.css\\\\?foo\\\\=1,&\\\\.\\\\/style2\\\\.css\\\\?foo\\\\=2,&\\\\.\\\\/style2\\\\.css\\\\?foo\\\\=3,&\\\\.\\\\/style2\\\\.css\\\\?foo\\\\=4,&\\\\.\\\\/style2\\\\.css\\\\?foo\\\\=5,&\\\\.\\\\/style2\\\\.css\\\\?foo\\\\=6,&\\\\.\\\\/style2\\\\.css\\\\?foo\\\\=7,&\\\\.\\\\/style2\\\\.css\\\\?foo\\\\=8,&\\\\.\\\\/style2\\\\.css\\\\?foo\\\\=9,&\\\\.\\\\/style2\\\\.css\\\\?cf0d,&\\\\.\\\\/style2\\\\.css\\\\?dfe6,&\\\\.\\\\/style2\\\\.css\\\\?7d49,&\\\\.\\\\/test\\\\.css\\\\?foo\\\\=1\\\\&bar\\\\=1,&\\\\.\\\\/style2\\\\.css\\\\?foo\\\\=1\\\\&bar\\\\=1\\\\#hash\\\\?63d2,&\\\\.\\\\/style2\\\\.css\\\\?foo\\\\=1\\\\&bar\\\\=1\\\\#hash\\\\?e75b,&\\\\.\\\\/style3\\\\.css\\\\?bar\\\\=1,&\\\\.\\\\/style3\\\\.css\\\\?bar\\\\=2,&\\\\.\\\\/style3\\\\.css\\\\?bar\\\\=3,&\\\\.\\\\/style3\\\\.css\\\\?\\\\=bar4,&\\\\.\\\\/styl\\\\'le7\\\\.css,&\
]
`;

exports[`ConfigCacheTestCases css css-modules exported tests should allow to create css modules 1`] = `
"._-_style_module_css-class {
	color: red;
}

._-_style_module_css-local1,
._-_style_module_css-local2 .global,
._-_style_module_css-local3 {
	color: green;
}

.global ._-_style_module_css-local4 {
	color: yellow;
}

._-_style_module_css-local5.global._-_style_module_css-local6 {
	color: blue;
}

._-_style_module_css-local7 div:not(._-_style_module_css-disabled, ._-_style_module_css-mButtonDisabled, ._-_style_module_css-tipOnly) {
    pointer-events: initial !important;
}

._-_style_module_css-local8 :is(div._-_style_module_css-parent1._-_style_module_css-child1._-_style_module_css-vertical-tiny,
    div._-_style_module_css-parent1._-_style_module_css-child1._-_style_module_css-vertical-small,
    div._-_style_module_css-otherDiv._-_style_module_css-horizontal-tiny,
    div._-_style_module_css-otherDiv._-_style_module_css-horizontal-small div._-_style_module_css-description) {
  max-height: 0;
  margin: 0;
  overflow: hidden;
}

._-_style_module_css-local9 :matches(div._-_style_module_css-parent1._-_style_module_css-child1._-_style_module_css-vertical-tiny,
    div._-_style_module_css-parent1._-_style_module_css-child1._-_style_module_css-vertical-small,
    div._-_style_module_css-otherDiv._-_style_module_css-horizontal-tiny,
    div._-_style_module_css-otherDiv._-_style_module_css-horizontal-small div._-_style_module_css-description) {
  max-height: 0;
  margin: 0;
  overflow: hidden;
}

._-_style_module_css-local10 :where(div._-_style_module_css-parent1._-_style_module_css-child1._-_style_module_css-vertical-tiny,
    div._-_style_module_css-parent1._-_style_module_css-child1._-_style_module_css-vertical-small,
    div._-_style_module_css-otherDiv._-_style_module_css-horizontal-tiny,
    div._-_style_module_css-otherDiv._-_style_module_css-horizontal-small div._-_style_module_css-description) {
  max-height: 0;
  margin: 0;
  overflow: hidden;
}

._-_style_module_css-local11 div:has(._-_style_module_css-disabled, ._-_style_module_css-mButtonDisabled, ._-_style_module_css-tipOnly) {
    pointer-events: initial !important;
}

._-_style_module_css-local12 div:current(p, span) {
	background-color: yellow;
}

._-_style_module_css-local13 div:past(p, span) {
	display: none;
}

._-_style_module_css-local14 div:future(p, span) {
	background-color: yellow;
}

._-_style_module_css-local15 div:-moz-any(ol, ul, menu, dir) {
	list-style-type: square;
}

._-_style_module_css-local16 li:-webkit-any(:first-child, :last-child) {
	background-color: aquamarine;
}

._-_style_module_css-local9 :matches(div._-_style_module_css-parent1._-_style_module_css-child1._-_style_module_css-vertical-tiny,
    div._-_style_module_css-parent1._-_style_module_css-child1._-_style_module_css-vertical-small,
    div._-_style_module_css-otherDiv._-_style_module_css-horizontal-tiny,
    div._-_style_module_css-otherDiv._-_style_module_css-horizontal-small div._-_style_module_css-description) {
	max-height: 0;
	margin: 0;
	overflow: hidden;
}

._-_style_module_css-nested1.nested2._-_style_module_css-nested3 {
	color: pink;
}

#_-_style_module_css-ident {
	color: purple;
}

@keyframes _-_style_module_css-localkeyframes{
	0% {
		left: var(---_style_module_css-pos1x);
		top: var(---_style_module_css-pos1y);
		color: var(--theme-color1);
	}
	100% {
		left: var(---_style_module_css-pos2x);
		top: var(---_style_module_css-pos2y);
		color: var(--theme-color2);
	}
}

@keyframes _-_style_module_css-localkeyframes2{
	0% {
		left: 0;
	}
	100% {
		left: 100px;
	}
}

._-_style_module_css-animation {
	animation-name: _-_style_module_css-localkeyframes;
	animation: 3s ease-in 1s 2 reverse both paused _-_style_module_css-localkeyframes, _-_style_module_css-localkeyframes2;
	---_style_module_css-pos1x: 0px;
	---_style_module_css-pos1y: 0px;
	---_style_module_css-pos2x: 10px;
	---_style_module_css-pos2y: 20px;
}

/* .composed {
	composes: local1;
	composes: local2;
} */

._-_style_module_css-vars {
	color: var(---_style_module_css-local-color);
	---_style_module_css-local-color: red;
}

._-_style_module_css-globalVars {
	color: var(--global-color);
	--global-color: red;
}

@media (min-width: 1600px) {
	._-_style_module_css-wideScreenClass {
		color: var(---_style_module_css-local-color);
		---_style_module_css-local-color: green;
	}
}

@media screen and (max-width: 600px) {
	._-_style_module_css-narrowScreenClass {
		color: var(---_style_module_css-local-color);
		---_style_module_css-local-color: purple;
	}
}

@supports (display: grid) {
	._-_style_module_css-displayGridInSupports {
		display: grid;
	}
}

@supports not (display: grid) {
  ._-_style_module_css-floatRightInNegativeSupports {
    float: right;
  }
}

@supports (display: flex) {
  @media screen and (min-width: 900px) {
    ._-_style_module_css-displayFlexInMediaInSupports {
      display: flex;
    }
  }
}

@media screen and (min-width: 900px) {
	@supports (display: flex) {
    ._-_style_module_css-displayFlexInSupportsInMedia {
      display: flex;
    }
  }
}

@MEDIA screen and (min-width: 900px) {
	@SUPPORTS (display: flex) {
		._-_style_module_css-displayFlexInSupportsInMediaUpperCase {
			display: flex;
		}
	}
}

._-_style_module_css-animationUpperCase {
	ANIMATION-NAME: _-_style_module_css-localkeyframesUPPERCASE;
	ANIMATION: 3s ease-in 1s 2 reverse both paused _-_style_module_css-localkeyframesUPPERCASE, _-_style_module_css-localkeyframes2UPPPERCASE;
	---_style_module_css-pos1x: 0px;
	---_style_module_css-pos1y: 0px;
	---_style_module_css-pos2x: 10px;
	---_style_module_css-pos2y: 20px;
}

@KEYFRAMES _-_style_module_css-localkeyframesUPPERCASE{
	0% {
		left: VAR(---_style_module_css-pos1x);
		top: VAR(---_style_module_css-pos1y);
		color: VAR(--theme-color1);
	}
	100% {
		left: VAR(---_style_module_css-pos2x);
		top: VAR(---_style_module_css-pos2y);
		color: VAR(--theme-color2);
	}
}

@KEYframes _-_style_module_css-localkeyframes2UPPPERCASE{
	0% {
		left: 0;
	}
	100% {
		left: 100px;
	}
}

.globalUpperCase ._-_style_module_css-localUpperCase {
	color: yellow;
}

._-_style_module_css-VARS {
	color: VAR(---_style_module_css-LOCAL-COLOR);
	---_style_module_css-LOCAL-COLOR: red;
}

._-_style_module_css-globalVarsUpperCase {
	COLOR: VAR(--GLOBAR-COLOR);
	--GLOBAR-COLOR: red;
}

@supports (top: env(safe-area-inset-top, 0)) {
	._-_style_module_css-inSupportScope {
		color: red;
	}
}

._-_style_module_css-a {
	animation: 3s _-_style_module_css-animationName;
	-webkit-animation: 3s _-_style_module_css-animationName;
}

._-_style_module_css-b {
	animation: _-_style_module_css-animationName 3s;
	-webkit-animation: _-_style_module_css-animationName 3s;
}

._-_style_module_css-c {
	animation-name: _-_style_module_css-animationName;
	-webkit-animation-name: _-_style_module_css-animationName;
}

._-_style_module_css-d {
	---_style_module_css-animation-name: animationName;
}

@keyframes _-_style_module_css-animationName{
	0% {
		background: white;
	}
	100% {
		background: red;
	}
}

@-webkit-keyframes _-_style_module_css-animationName{
	0% {
		background: white;
	}
	100% {
		background: red;
	}
}

@-moz-keyframes _-_style_module_css-mozAnimationName{
	0% {
		background: white;
	}
	100% {
		background: red;
	}
}

@counter-style thumbs {
	system: cyclic;
	symbols: \\"\\\\1F44D\\";
	suffix: \\" \\";
}

@font-feature-values Font One {
	@styleset {
		nice-style: 12;
	}
}

/* At-rule for \\"nice-style\\" in Font Two */
@font-feature-values Font Two {
	@styleset {
		nice-style: 4;
	}
}

@property ---_style_module_css-my-color{
	syntax: \\"<color>\\";
	inherits: false;
	initial-value: #_-_style_module_css-c0ffee;
}

._-_style_module_css-class {
	color: var(---_style_module_css-my-color);
}

@layer utilities {
	._-_style_module_css-padding-sm {
		padding: 0.5rem;
	}

	._-_style_module_css-padding-lg {
		padding: 0.8rem;
	}
}

._-_style_module_css-class {
	color: red;

	._-_style_module_css-nested-pure {
		color: red;
	}

	@media screen and (min-width: 200px) {
		color: blue;

		._-_style_module_css-nested-media {
			color: blue;
		}
	}

	@supports (display: flex) {
		display: flex;

		._-_style_module_css-nested-supports {
			display: flex;
		}
	}

	@layer foo {
		background: red;

		._-_style_module_css-nested-layer {
			background: red;
		}
	}

	@container foo {
		background: red;

		._-_style_module_css-nested-layer {
			background: red;
		}
	}
}

._-_style_module_css-not-selector-inside {
	color: #fff;
	opacity: 0.12;
	padding: .5px;
	unknown: :local(.test);
	unknown1: :local .test;
	unknown2: :global .test;
	unknown3: :global .test;
	unknown4: .foo, .bar, #bar;
}

@unknown :local .local :global .global {
	color: red;
}

@unknown :local(.local) :global(.global) {
	color: red;
}

._-_style_module_css-nested-var {
	._-_style_module_css-again {
		color: var(---_style_module_css-local-color);
	}
}

._-_style_module_css-nested-with-local-pseudo {
	color: red;

	._-_style_module_css-local-nested {
		color: red;
	}

	.global-nested {
		color: red;
	}

	._-_style_module_css-local-nested {
		color: red;
	}

	.global-nested {
		color: red;
	}

	._-_style_module_css-local-nested, .global-nested-next {
		color: red;
	}

	._-_style_module_css-local-nested, .global-nested-next {
		color: red;
	}

	.foo, ._-_style_module_css-bar {
		color: red;
	}
}

#_-_style_module_css-id-foo {
	color: red;

	#_-_style_module_css-id-bar {
		color: red;
	}
}

._-_style_module_css-nested-parens {
	._-_style_module_css-local9 div:has(._-_style_module_css-vertical-tiny, ._-_style_module_css-vertical-small) {
		max-height: 0;
		margin: 0;
		overflow: hidden;
	}
}

.global-foo {
	.nested-global {
		color: red;
	}

	._-_style_module_css-local-in-global {
		color: blue;
	}
}

@unknown .class {
	color: red;

	.class {
		color: red;
	}
}

.class ._-_style_module_css-in-local-global-scope,
.class ._-_style_module_css-in-local-global-scope,
._-_style_module_css-class-local-scope .in-local-global-scope {
	color: red;
}

@container (width > 400px) {
	._-_style_module_css-class-in-container {
		font-size: 1.5em;
	}
}

@container summary (min-width: 400px) {
	@container (width > 400px) {
		._-_style_module_css-deep-class-in-container {
			font-size: 1.5em;
		}
	}
}

:scope {
	color: red;
}

._-_style_module_css-placeholder-gray-700:-ms-input-placeholder {
	---_style_module_css-placeholder-opacity: 1;
	color: #4a5568;
	color: rgba(74, 85, 104, var(---_style_module_css-placeholder-opacity));
}
._-_style_module_css-placeholder-gray-700::-ms-input-placeholder {
	---_style_module_css-placeholder-opacity: 1;
	color: #4a5568;
	color: rgba(74, 85, 104, var(---_style_module_css-placeholder-opacity));
}
._-_style_module_css-placeholder-gray-700::placeholder {
	---_style_module_css-placeholder-opacity: 1;
	color: #4a5568;
	color: rgba(74, 85, 104, var(---_style_module_css-placeholder-opacity));
}

:root {
	---_style_module_css-test: dark;
}

@media screen and (prefers-color-scheme: var(---_style_module_css-test)) {
	._-_style_module_css-baz {
		color: white;
	}
}

@keyframes _-_style_module_css-slidein{
	from {
		margin-left: 100%;
		width: 300%;
	}

	to {
		margin-left: 0%;
		width: 100%;
	}
}

._-_style_module_css-class {
	animation:
		foo var(---_style_module_css-animation-name) 3s,
		var(---_style_module_css-animation-name) 3s,
		3s linear 1s infinite running _-_style_module_css-slidein,
		3s linear env(foo, var(---_style_module_css-baz)) infinite running _-_style_module_css-slidein;
}

:root {
	---_style_module_css-baz: 10px;
}

._-_style_module_css-class {
	bar: env(foo, var(---_style_module_css-baz));
}

.global-foo, ._-_style_module_css-bar {
	._-_style_module_css-local-in-global       {
		color: blue;
	}

	@media screen {
		.my-global-class-again,
		._-_style_module_css-my-global-class-again {
			color: red;
		}
	}
}

._-_style_module_css-first-nested {
	._-_style_module_css-first-nested-nested {
		color: red;
	}
}

._-_style_module_css-first-nested-at-rule {
	@media screen {
		._-_style_module_css-first-nested-nested-at-rule-deep {
			color: red;
		}
	}
}

.again-global {
	color:red;
}

.again-again-global {
	.again-again-global {
		color: red;
	}
}

:root {
	---_style_module_css-foo: red;
}

.again-again-global {
	color: var(--foo);

	.again-again-global {
		color: var(--foo);
	}
}

.again-again-global {
	animation: slidein 3s;

	.again-again-global, ._-_style_module_css-class, ._-_style_module_css-nested1.nested2._-_style_module_css-nested3 {
		animation: _-_style_module_css-slidein 3s;
	}

  ._-_style_module_css-local2 .global,
	._-_style_module_css-local3 {
		color: red;
	}
}

@unknown var(--foo) {
	color: red;
}

._-_style_module_css-class {
	._-_style_module_css-class {
		._-_style_module_css-class {
			._-_style_module_css-class {}
		}
	}
}

._-_style_module_css-class {
	._-_style_module_css-class {
		._-_style_module_css-class {
			._-_style_module_css-class {
				animation: _-_style_module_css-slidein 3s;
			}
		}
	}
}

._-_style_module_css-class {
	animation: _-_style_module_css-slidein 3s;
	._-_style_module_css-class {
		animation: _-_style_module_css-slidein 3s;
		._-_style_module_css-class {
			animation: _-_style_module_css-slidein 3s;
			._-_style_module_css-class {
				animation: _-_style_module_css-slidein 3s;
			}
		}
	}
}

._-_style_module_my-css-myCssClass {
    color: red;
}

.class {
    color: teal;
}

._-_identifiers_module_css-UnusedClassName{
    color: red;
    padding: var(---_identifiers_module_css-variable-unused-class);
    ---_identifiers_module_css-variable-unused-class: 10px;
}

._-_identifiers_module_css-UsedClassName {
    color: green;
    padding: var(---_identifiers_module_css-variable-used-class);
    ---_identifiers_module_css-variable-used-class: 10px;
}

head{--webpack-use-style_js:class:_-_style_module_css-class/local1:_-_style_module_css-local1/local2:_-_style_module_css-local2/local3:_-_style_module_css-local3/local4:_-_style_module_css-local4/local5:_-_style_module_css-local5/local6:_-_style_module_css-local6/local7:_-_style_module_css-local7/disabled:_-_style_module_css-disabled/mButtonDisabled:_-_style_module_css-mButtonDisabled/tipOnly:_-_style_module_css-tipOnly/local8:_-_style_module_css-local8/parent1:_-_style_module_css-parent1/child1:_-_style_module_css-child1/vertical-tiny:_-_style_module_css-vertical-tiny/vertical-small:_-_style_module_css-vertical-small/otherDiv:_-_style_module_css-otherDiv/horizontal-tiny:_-_style_module_css-horizontal-tiny/horizontal-small:_-_style_module_css-horizontal-small/description:_-_style_module_css-description/local9:_-_style_module_css-local9/local10:_-_style_module_css-local10/local11:_-_style_module_css-local11/local12:_-_style_module_css-local12/local13:_-_style_module_css-local13/local14:_-_style_module_css-local14/local15:_-_style_module_css-local15/local16:_-_style_module_css-local16/nested1:_-_style_module_css-nested1/nested3:_-_style_module_css-nested3/ident:_-_style_module_css-ident/localkeyframes:_-_style_module_css-localkeyframes/pos1x:---_style_module_css-pos1x/pos1y:---_style_module_css-pos1y/pos2x:---_style_module_css-pos2x/pos2y:---_style_module_css-pos2y/localkeyframes2:_-_style_module_css-localkeyframes2/animation:_-_style_module_css-animation/vars:_-_style_module_css-vars/local-color:---_style_module_css-local-color/globalVars:_-_style_module_css-globalVars/wideScreenClass:_-_style_module_css-wideScreenClass/narrowScreenClass:_-_style_module_css-narrowScreenClass/displayGridInSupports:_-_style_module_css-displayGridInSupports/floatRightInNegativeSupports:_-_style_module_css-floatRightInNegativeSupports/displayFlexInMediaInSupports:_-_style_module_css-displayFlexInMediaInSupports/displayFlexInSupportsInMedia:_-_style_module_css-displayFlexInSupportsInMedia/displayFlexInSupportsInMediaUpperCase:_-_style_module_css-displayFlexInSupportsInMediaUpperCase/animationUpperCase:_-_style_module_css-animationUpperCase/localkeyframesUPPERCASE:_-_style_module_css-localkeyframesUPPERCASE/localkeyframes2UPPPERCASE:_-_style_module_css-localkeyframes2UPPPERCASE/localUpperCase:_-_style_module_css-localUpperCase/VARS:_-_style_module_css-VARS/LOCAL-COLOR:---_style_module_css-LOCAL-COLOR/globalVarsUpperCase:_-_style_module_css-globalVarsUpperCase/inSupportScope:_-_style_module_css-inSupportScope/a:_-_style_module_css-a/animationName:_-_style_module_css-animationName/b:_-_style_module_css-b/c:_-_style_module_css-c/d:_-_style_module_css-d/animation-name:---_style_module_css-animation-name/mozAnimationName:_-_style_module_css-mozAnimationName/my-color:---_style_module_css-my-color/c0ffee:_-_style_module_css-c0ffee/padding-sm:_-_style_module_css-padding-sm/padding-lg:_-_style_module_css-padding-lg/nested-pure:_-_style_module_css-nested-pure/nested-media:_-_style_module_css-nested-media/nested-supports:_-_style_module_css-nested-supports/nested-layer:_-_style_module_css-nested-layer/not-selector-inside:_-_style_module_css-not-selector-inside/nested-var:_-_style_module_css-nested-var/again:_-_style_module_css-again/nested-with-local-pseudo:_-_style_module_css-nested-with-local-pseudo/local-nested:_-_style_module_css-local-nested/bar:_-_style_module_css-bar/id-foo:_-_style_module_css-id-foo/id-bar:_-_style_module_css-id-bar/nested-parens:_-_style_module_css-nested-parens/local-in-global:_-_style_module_css-local-in-global/in-local-global-scope:_-_style_module_css-in-local-global-scope/class-local-scope:_-_style_module_css-class-local-scope/class-in-container:_-_style_module_css-class-in-container/deep-class-in-container:_-_style_module_css-deep-class-in-container/placeholder-gray-700:_-_style_module_css-placeholder-gray-700/placeholder-opacity:---_style_module_css-placeholder-opacity/test:---_style_module_css-test/baz:---_style_module_css-baz/slidein:_-_style_module_css-slidein/my-global-class-again:_-_style_module_css-my-global-class-ag
`;

exports[`ConfigCacheTestCases css css-modules exported tests should allow to create css modules 2`] = `
".my-app-235-zg {
	color: red;
}

.my-app-235-Hi,
.my-app-235-OB .global,
.my-app-235-VE {
	color: green;
}

.global .my-app-235-O2 {
	color: yellow;
}

.my-app-235-Vj.global.my-app-235-OH {
	color: blue;
}

.my-app-235-H5 div:not(.disabled, .mButtonDisabled, .tipOnly) {
    pointer-events: initial !important;
}

.my-app-235-aq :is(div.parent1.child1.vertical-tiny,
    div.parent1.child1.vertical-small,
    div.otherDiv.horizontal-tiny,
    div.otherDiv.horizontal-small div.description) {
  max-height: 0;
  margin: 0;
  overflow: hidden;
}

.my-app-235-VN :matches(div.parent1.child1.vertical-tiny,
    div.parent1.child1.vertical-small,
    div.otherDiv.horizontal-tiny,
    div.otherDiv.horizontal-small div.description) {
  max-height: 0;
  margin: 0;
  overflow: hidden;
}

.my-app-235-VM :where(div.parent1.child1.vertical-tiny,
    div.parent1.child1.vertical-small,
    div.otherDiv.horizontal-tiny,
    div.otherDiv.horizontal-small div.description) {
  max-height: 0;
  margin: 0;
  overflow: hidden;
}

.my-app-235-AO div:has(.disabled, .mButtonDisabled, .tipOnly) {
    pointer-events: initial !important;
}

.my-app-235-Hq div:current(p, span) {
	background-color: yellow;
}

.my-app-235-O4 div:past(p, span) {
	display: none;
}

.my-app-235-Hb div:future(p, span) {
	background-color: yellow;
}

.my-app-235-OP div:-moz-any(ol, ul, menu, dir) {
	list-style-type: square;
}

.my-app-235-Hw li:-webkit-any(:first-child, :last-child) {
	background-color: aquamarine;
}

.my-app-235-VN :matches(div.parent1.child1.vertical-tiny,
    div.parent1.child1.vertical-small,
    div.otherDiv.horizontal-tiny,
    div.otherDiv.horizontal-small div.description) {
	max-height: 0;
	margin: 0;
	overflow: hidden;
}

.my-app-235-nb.nested2.my-app-235-\\\\$Q {
	color: pink;
}

#my-app-235-bD {
	color: purple;
}

@keyframes my-app-235-\\\\$t{
	0% {
		left: var(--my-app-235-qi);
		top: var(--my-app-235-xB);
		color: var(--theme-color1);
	}
	100% {
		left: var(--my-app-235-\\\\$6);
		top: var(--my-app-235-gJ);
		color: var(--theme-color2);
	}
}

@keyframes my-app-235-x{
	0% {
		left: 0;
	}
	100% {
		left: 100px;
	}
}

.my-app-235-lY {
	animation-name: my-app-235-\\\\$t;
	animation: 3s ease-in 1s 2 reverse both paused my-app-235-\\\\$t, my-app-235-x;
	--my-app-235-qi: 0px;
	--my-app-235-xB: 0px;
	--my-app-235-\\\\$6: 10px;
	--my-app-235-gJ: 20px;
}

/* .composed {
	composes: local1;
	composes: local2;
} */

.my-app-235-f {
	color: var(--my-app-235-uz);
	--my-app-235-uz: red;
}

.my-app-235-aK {
	color: var(--global-color);
	--global-color: red;
}

@media (min-width: 1600px) {
	.my-app-235-a7 {
		color: var(--my-app-235-uz);
		--my-app-235-uz: green;
	}
}

@media screen and (max-width: 600px) {
	.my-app-235-uf {
		color: var(--my-app-235-uz);
		--my-app-235-uz: purple;
	}
}

@supports (display: grid) {
	.my-app-235-sW {
		display: grid;
	}
}

@supports not (display: grid) {
  .my-app-235-TZ {
    float: right;
  }
}

@supports (display: flex) {
  @media screen and (min-width: 900px) {
    .my-app-235-aY {
      display: flex;
    }
  }
}

@media screen and (min-width: 900px) {
	@supports (display: flex) {
    .my-app-235-II {
      display: flex;
    }
  }
}

@MEDIA screen and (min-width: 900px) {
	@SUPPORTS (display: flex) {
		.my-app-235-ij {
			display: flex;
		}
	}
}

.animationUpperCase {
	ANIMATION-NAME: my-app-235-zG;
	ANIMATION: 3s ease-in 1s 2 reverse both paused my-app-235-zG, my-app-235-Dk;
	--my-app-235-qi: 0px;
	--my-app-235-xB: 0px;
	--my-app-235-\\\\$6: 10px;
	--my-app-235-gJ: 20px;
}

@KEYFRAMES my-app-235-zG{
	0% {
		left: VAR(--my-app-235-qi);
		top: VAR(--my-app-235-xB);
		color: VAR(--theme-color1);
	}
	100% {
		left: VAR(--my-app-235-\\\\$6);
		top: VAR(--my-app-235-gJ);
		color: VAR(--theme-color2);
	}
}

@KEYframes my-app-235-Dk{
	0% {
		left: 0;
	}
	100% {
		left: 100px;
	}
}

.globalUpperCase .localUpperCase {
	color: yellow;
}

.my-app-235-XE {
	color: VAR(--my-app-235-I0);
	--my-app-235-I0: red;
}

.my-app-235-wt {
	COLOR: VAR(--GLOBAR-COLOR);
	--GLOBAR-COLOR: red;
}

@supports (top: env(safe-area-inset-top, 0)) {
	.my-app-235-nc {
		color: red;
	}
}

.a {
	animation: 3s my-app-235-iZ;
	-webkit-animation: 3s my-app-235-iZ;
}

.b {
	animation: my-app-235-iZ 3s;
	-webkit-animation: my-app-235-iZ 3s;
}

.c {
	animation-name: my-app-235-iZ;
	-webkit-animation-name: my-app-235-iZ;
}

.d {
	--my-app-235-ZP: animationName;
}

@keyframes my-app-235-iZ{
	0% {
		background: white;
	}
	100% {
		background: red;
	}
}

@-webkit-keyframes my-app-235-iZ{
	0% {
		background: white;
	}
	100% {
		background: red;
	}
}

@-moz-keyframes my-app-235-M6{
	0% {
		background: white;
	}
	100% {
		background: red;
	}
}

@counter-style thumbs {
	system: cyclic;
	symbols: \\"\\\\1F44D\\";
	suffix: \\" \\";
}

@font-feature-values Font One {
	@styleset {
		nice-style: 12;
	}
}

/* At-rule for \\"nice-style\\" in Font Two */
@font-feature-values Font Two {
	@styleset {
		nice-style: 4;
	}
}

@property --my-app-235-rX{
	syntax: \\"<color>\\";
	inherits: false;
	initial-value: #c0ffee;
}

.my-app-235-zg {
	color: var(--my-app-235-rX);
}

@layer utilities {
	.my-app-235-dW {
		padding: 0.5rem;
	}

	.my-app-235-cD {
		padding: 0.8rem;
	}
}

.my-app-235-zg {
	color: red;

	.nested-pure {
		color: red;
	}

	@media screen and (min-width: 200px) {
		color: blue;

		.nested-media {
			color: blue;
		}
	}

	@supports (display: flex) {
		display: flex;

		.nested-supports {
			display: flex;
		}
	}

	@layer foo {
		background: red;

		.nested-layer {
			background: red;
		}
	}

	@container foo {
		background: red;

		.nested-layer {
			background: red;
		}
	}
}

.not-selector-inside {
	color: #fff;
	opacity: 0.12;
	padding: .5px;
	unknown: :local(.test);
	unknown1: :local .test;
	unknown2: :global .test;
	unknown3: :global .test;
	unknown4: .foo, .bar, #bar;
}

@unknown :local .local :global .global {
	color: red;
}

@unknown :local(.local) :global(.global) {
	color: red;
}

.nested-var {
	.again {
		color: var(--my-app-235-uz);
	}
}

.nested-with-local-pseudo {
	color: red;

	.local-nested {
		color: red;
	}

	.global-nested {
		color: red;
	}

	.local-nested {
		color: red;
	}

	.global-nested {
		color: red;
	}

	.local-nested, .global-nested-next {
		color: red;
	}

	.local-nested, .global-nested-next {
		color: red;
	}

	.foo, .bar {
		color: red;
	}
}

#id-foo {
	color: red;

	#id-bar {
		color: red;
	}
}

.nested-parens {
	.my-app-235-VN div:has(.vertical-tiny, .vertical-small) {
		max-height: 0;
		margin: 0;
		overflow: hidden;
	}
}

.global-foo {
	.nested-global {
		color: red;
	}

	.local-in-global {
		color: blue;
	}
}

@unknown .class {
	color: red;

	.class {
		color: red;
	}
}

.class .my-app-235-V0,
.class .my-app-235-V0,
.my-app-235-Ci .in-local-global-scope {
	color: red;
}

@container (width > 400px) {
	.my-app-235-bK {
		font-size: 1.5em;
	}
}

@container summary (min-width: 400px) {
	@container (width > 400px) {
		.my-app-235-Y1 {
			font-size: 1.5em;
		}
	}
}

:scope {
	color: red;
}

.placeholder-gray-700:-ms-input-placeholder {
	--my-app-235-Y: 1;
	color: #4a5568;
	color: rgba(74, 85, 104, var(--my-app-235-Y));
}
.placeholder-gray-700::-ms-input-placeholder {
	--my-app-235-Y: 1;
	color: #4a5568;
	color: rgba(74, 85, 104, var(--my-app-235-Y));
}
.placeholder-gray-700::placeholder {
	--my-app-235-Y: 1;
	color: #4a5568;
	color: rgba(74, 85, 104, var(--my-app-235-Y));
}

:root {
	--my-app-235-t6: dark;
}

@media screen and (prefers-color-scheme: var(--my-app-235-t6)) {
	.my-app-235-KR {
		color: white;
	}
}

@keyframes my-app-235-Fk{
	from {
		margin-left: 100%;
		width: 300%;
	}

	to {
		margin-left: 0%;
		width: 100%;
	}
}

.my-app-235-zg {
	animation:
		foo var(--my-app-235-ZP) 3s,
		var(--my-app-235-ZP) 3s,
		3s linear 1s infinite running my-app-235-Fk,
		3s linear env(foo, var(--my-app-235-KR)) infinite running my-app-235-Fk;
}

:root {
	--my-app-235-KR: 10px;
}

.my-app-235-zg {
	bar: env(foo, var(--my-app-235-KR));
}

.global-foo, .bar {
	.local-in-global       {
		color: blue;
	}

	@media screen {
		.my-global-class-again,
		.my-global-class-again {
			color: red;
		}
	}
}

.first-nested {
	.first-nested-nested {
		color: red;
	}
}

.first-nested-at-rule {
	@media screen {
		.first-nested-nested-at-rule-deep {
			color: red;
		}
	}
}

.again-global {
	color:red;
}

.again-again-global {
	.again-again-global {
		color: red;
	}
}

:root {
	--foo: red;
}

.again-again-global {
	color: var(--foo);

	.again-again-global {
		color: var(--foo);
	}
}

.again-again-global {
	animation: slidein 3s;

	.again-again-global, .my-app-235-zg, .my-app-235-nb.nested2.my-app-235-\\\\$Q {
		animation: my-app-235-Fk 3s;
	}

  .my-app-235-OB .global,
	.my-app-235-VE {
		color: red;
	}
}

@unknown var(--foo) {
	color: red;
}

.my-app-235-zg {
	.my-app-235-zg {
		.my-app-235-zg {
			.my-app-235-zg {}
		}
	}
}

.my-app-235-zg {
	.my-app-235-zg {
		.my-app-235-zg {
			.my-app-235-zg {
				animation: my-app-235-Fk 3s;
			}
		}
	}
}

.my-app-235-zg {
	animation: my-app-235-Fk 3s;
	.my-app-235-zg {
		animation: my-app-235-Fk 3s;
		.my-app-235-zg {
			animation: my-app-235-Fk 3s;
			.my-app-235-zg {
				animation: my-app-235-Fk 3s;
			}
		}
	}
}

.my-app-666-k {
    color: red;
}

.class {
    color: teal;
}

.UnusedClassName{
    color: red;
    padding: var(--my-app-194-RJ);
    --my-app-194-RJ: 10px;
}

.my-app-194-ZL {
    color: green;
    padding: var(--my-app-194-c5);
    --my-app-194-c5: 10px;
}

head{--webpack-my-app-226:zg:my-app-235-Ā/HiĂĄĆĈĊČĐ/OBĒąćĉċ-Ě/VEĜĔğČĤę2ĦĞĖġ2ģjĭĕĠVjęHĴĨġHď5ĻįH5/aqŁĠņģNňĩNģMō-VM/AOŒŗďŇăĝĵėqę4ŒO4ďbŒHbęPŤPďwũw/nŨŝħįŵ/\\\\$QŒżQ/bDŒƃŻ$tſƈ/qđ--ŷĮĠƍ/xěƏƑş-ƖƇ6:ƘēƒČż6/gJƟƐơƚƧƕŒx/lYŒƲ/fŒf/uzƩƙļƻŅKŒaKŅ7ǃ7ƺƷƾįuƹsWŒǐ/TZŒǕŅƳnjʼnY/IIŒǟ/iijǛČǤ/zGŒǪ/DkŒǯ/XĥǦ-ǴǞ0ƽƫļI0/wƉǶȁŴcŒncǣǖǶiZ/ZŭƠŞļȐ/MƞǶȗ/rXǻȓįȜ/dǑǶȣ/cƄǶȨģǺǶVǿCđǶȱƂǂǶbDžY1ŒȺ/ƳȒŸĠǝtƞɀƢ-Ʉ/KRȞɁČɋ/FǰǶɒ/&_Ė,ɓǼ6ɝ-kɖ_ɝ6,ɗ81ɤRƨɆĈ194-ɪȏLĻɮɰZLȧŀɬ-ɶ-cńɗɶ;}"
`;

exports[`ConfigCacheTestCases css css-modules exported tests should allow to create css modules: dev 1`] = `
Object {
  "UsedClassName": "-_identifiers_module_css-UsedClassName",
  "VARS": "---_style_module_css-LOCAL-COLOR -_style_module_css-VARS undefined -_style_module_css-globalVarsUpperCase",
  "animation": "-_style_module_css-animation",
  "animationName": "-_style_module_css-animationName",
  "class": "-_style_module_css-class",
  "classInContainer": "-_style_module_css-class-in-container",
  "classLocalScope": "-_style_module_css-class-local-scope",
  "cssModuleWithCustomFileExtension": "-_style_module_my-css-myCssClass",
  "currentWmultiParams": "-_style_module_css-local12",
  "deepClassInContainer": "-_style_module_css-deep-class-in-container",
  "displayFlexInSupportsInMediaUpperCase": "-_style_module_css-displayFlexInSupportsInMediaUpperCase",
  "exportLocalVarsShouldCleanup": "false false",
  "futureWmultiParams": "-_style_module_css-local14",
  "global": undefined,
  "hasWmultiParams": "-_style_module_css-local11",
  "ident": "-_style_module_css-ident",
  "inLocalGlobalScope": "-_style_module_css-in-local-global-scope",
  "inSupportScope": "-_style_module_css-inSupportScope",
  "isWmultiParams": "-_style_module_css-local8",
  "keyframes": "-_style_module_css-localkeyframes",
  "keyframesUPPERCASE": "-_style_module_css-localkeyframesUPPERCASE",
  "local": "-_style_module_css-local1 -_style_module_css-local2 -_style_module_css-local3 -_style_module_css-local4",
  "local2": "-_style_module_css-local5 -_style_module_css-local6",
  "localkeyframes2UPPPERCASE": "-_style_module_css-localkeyframes2UPPPERCASE",
  "matchesWmultiParams": "-_style_module_css-local9",
  "media": "-_style_module_css-wideScreenClass",
  "mediaInSupports": "-_style_module_css-displayFlexInMediaInSupports",
  "mediaWithOperator": "-_style_module_css-narrowScreenClass",
  "mozAnimationName": "-_style_module_css-mozAnimationName",
  "mozAnyWmultiParams": "-_style_module_css-local15",
  "myColor": "---_style_module_css-my-color",
  "nested": "-_style_module_css-nested1 undefined -_style_module_css-nested3",
  "notAValidCssModuleExtension": true,
  "notWmultiParams": "-_style_module_css-local7",
  "paddingLg": "-_style_module_css-padding-lg",
  "paddingSm": "-_style_module_css-padding-sm",
  "pastWmultiParams": "-_style_module_css-local13",
  "supports": "-_style_module_css-displayGridInSupports",
  "supportsInMedia": "-_style_module_css-displayFlexInSupportsInMedia",
  "supportsWithOperator": "-_style_module_css-floatRightInNegativeSupports",
  "vars": "---_style_module_css-local-color -_style_module_css-vars undefined -_style_module_css-globalVars",
  "webkitAnyWmultiParams": "-_style_module_css-local16",
  "whereWmultiParams": "-_style_module_css-local10",
}
`;

exports[`ConfigCacheTestCases css css-modules exported tests should allow to create css modules: prod 1`] = `
Object {
  "UsedClassName": "my-app-194-ZL",
  "VARS": "--my-app-235-I0 my-app-235-XE undefined my-app-235-wt",
  "animation": "my-app-235-lY",
  "animationName": "my-app-235-iZ",
  "class": "my-app-235-zg",
  "classInContainer": "my-app-235-bK",
  "classLocalScope": "my-app-235-Ci",
  "cssModuleWithCustomFileExtension": "my-app-666-k",
  "currentWmultiParams": "my-app-235-Hq",
  "deepClassInContainer": "my-app-235-Y1",
  "displayFlexInSupportsInMediaUpperCase": "my-app-235-ij",
  "exportLocalVarsShouldCleanup": "false false",
  "futureWmultiParams": "my-app-235-Hb",
  "global": undefined,
  "hasWmultiParams": "my-app-235-AO",
  "ident": "my-app-235-bD",
  "inLocalGlobalScope": "my-app-235-V0",
  "inSupportScope": "my-app-235-nc",
  "isWmultiParams": "my-app-235-aq",
  "keyframes": "my-app-235-$t",
  "keyframesUPPERCASE": "my-app-235-zG",
  "local": "my-app-235-Hi my-app-235-OB my-app-235-VE my-app-235-O2",
  "local2": "my-app-235-Vj my-app-235-OH",
  "localkeyframes2UPPPERCASE": "my-app-235-Dk",
  "matchesWmultiParams": "my-app-235-VN",
  "media": "my-app-235-a7",
  "mediaInSupports": "my-app-235-aY",
  "mediaWithOperator": "my-app-235-uf",
  "mozAnimationName": "my-app-235-M6",
  "mozAnyWmultiParams": "my-app-235-OP",
  "myColor": "--my-app-235-rX",
  "nested": "my-app-235-nb undefined my-app-235-$Q",
  "notAValidCssModuleExtension": true,
  "notWmultiParams": "my-app-235-H5",
  "paddingLg": "my-app-235-cD",
  "paddingSm": "my-app-235-dW",
  "pastWmultiParams": "my-app-235-O4",
  "supports": "my-app-235-sW",
  "supportsInMedia": "my-app-235-II",
  "supportsWithOperator": "my-app-235-TZ",
  "vars": "--my-app-235-uz my-app-235-f undefined my-app-235-aK",
  "webkitAnyWmultiParams": "my-app-235-Hw",
  "whereWmultiParams": "my-app-235-VM",
}
`;

exports[`ConfigCacheTestCases css css-modules-broken-keyframes exported tests should allow to create css modules: prod 1`] = `
Object {
  "class": "my-app-235-z",
}
`;

exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to create css modules: dev 1`] = `
Object {
  "UsedClassName": "-_identifiers_module_css-UsedClassName",
  "VARS": "---_style_module_css-LOCAL-COLOR -_style_module_css-VARS undefined -_style_module_css-globalVarsUpperCase",
  "animation": "-_style_module_css-animation",
  "animationName": "-_style_module_css-animationName",
  "class": "-_style_module_css-class",
  "classInContainer": "-_style_module_css-class-in-container",
  "classLocalScope": "-_style_module_css-class-local-scope",
  "cssModuleWithCustomFileExtension": "-_style_module_my-css-myCssClass",
  "currentWmultiParams": "-_style_module_css-local12",
  "deepClassInContainer": "-_style_module_css-deep-class-in-container",
  "displayFlexInSupportsInMediaUpperCase": "-_style_module_css-displayFlexInSupportsInMediaUpperCase",
  "exportLocalVarsShouldCleanup": "false false",
  "futureWmultiParams": "-_style_module_css-local14",
  "global": undefined,
  "hasWmultiParams": "-_style_module_css-local11",
  "ident": "-_style_module_css-ident",
  "inLocalGlobalScope": "-_style_module_css-in-local-global-scope",
  "inSupportScope": "-_style_module_css-inSupportScope",
  "isWmultiParams": "-_style_module_css-local8",
  "keyframes": "-_style_module_css-localkeyframes",
  "keyframesUPPERCASE": "-_style_module_css-localkeyframesUPPERCASE",
  "local": "-_style_module_css-local1 -_style_module_css-local2 -_style_module_css-local3 -_style_module_css-local4",
  "local2": "-_style_module_css-local5 -_style_module_css-local6",
  "localkeyframes2UPPPERCASE": "-_style_module_css-localkeyframes2UPPPERCASE",
  "matchesWmultiParams": "-_style_module_css-local9",
  "media": "-_style_module_css-wideScreenClass",
  "mediaInSupports": "-_style_module_css-displayFlexInMediaInSupports",
  "mediaWithOperator": "-_style_module_css-narrowScreenClass",
  "mozAnimationName": "-_style_module_css-mozAnimationName",
  "mozAnyWmultiParams": "-_style_module_css-local15",
  "myColor": "---_style_module_css-my-color",
  "nested": "-_style_module_css-nested1 undefined -_style_module_css-nested3",
  "notAValidCssModuleExtension": true,
  "notWmultiParams": "-_style_module_css-local7",
  "paddingLg": "-_style_module_css-padding-lg",
  "paddingSm": "-_style_module_css-padding-sm",
  "pastWmultiParams": "-_style_module_css-local13",
  "supports": "-_style_module_css-displayGridInSupports",
  "supportsInMedia": "-_style_module_css-displayFlexInSupportsInMedia",
  "supportsWithOperator": "-_style_module_css-floatRightInNegativeSupports",
  "vars": "---_style_module_css-local-color -_style_module_css-vars undefined -_style_module_css-globalVars",
  "webkitAnyWmultiParams": "-_style_module_css-local16",
  "whereWmultiParams": "-_style_module_css-local10",
}
`;

exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to create css modules: prod 1`] = `
Object {
  "UsedClassName": "my-app-194-ZL",
  "VARS": "--my-app-235-I0 my-app-235-XE undefined my-app-235-wt",
  "animation": "my-app-235-lY",
  "animationName": "my-app-235-iZ",
  "class": "my-app-235-zg",
  "classInContainer": "my-app-235-bK",
  "classLocalScope": "my-app-235-Ci",
  "cssModuleWithCustomFileExtension": "my-app-666-k",
  "currentWmultiParams": "my-app-235-Hq",
  "deepClassInContainer": "my-app-235-Y1",
  "displayFlexInSupportsInMediaUpperCase": "my-app-235-ij",
  "exportLocalVarsShouldCleanup": "false false",
  "futureWmultiParams": "my-app-235-Hb",
  "global": undefined,
  "hasWmultiParams": "my-app-235-AO",
  "ident": "my-app-235-bD",
  "inLocalGlobalScope": "my-app-235-V0",
  "inSupportScope": "my-app-235-nc",
  "isWmultiParams": "my-app-235-aq",
  "keyframes": "my-app-235-$t",
  "keyframesUPPERCASE": "my-app-235-zG",
  "local": "my-app-235-Hi my-app-235-OB my-app-235-VE my-app-235-O2",
  "local2": "my-app-235-Vj my-app-235-OH",
  "localkeyframes2UPPPERCASE": "my-app-235-Dk",
  "matchesWmultiParams": "my-app-235-VN",
  "media": "my-app-235-a7",
  "mediaInSupports": "my-app-235-aY",
  "mediaWithOperator": "my-app-235-uf",
  "mozAnimationName": "my-app-235-M6",
  "mozAnyWmultiParams": "my-app-235-OP",
  "myColor": "--my-app-235-rX",
  "nested": "my-app-235-nb undefined my-app-235-$Q",
  "notAValidCssModuleExtension": true,
  "notWmultiParams": "my-app-235-H5",
  "paddingLg": "my-app-235-cD",
  "paddingSm": "my-app-235-dW",
  "pastWmultiParams": "my-app-235-O4",
  "supports": "my-app-235-sW",
  "supportsInMedia": "my-app-235-II",
  "supportsWithOperator": "my-app-235-TZ",
  "vars": "--my-app-235-uz my-app-235-f undefined my-app-235-aK",
  "webkitAnyWmultiParams": "my-app-235-Hw",
  "whereWmultiParams": "my-app-235-VM",
}
`;

exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to create css modules: prod 2`] = `
Object {
  "UsedClassName": "my-app-194-ZL",
  "VARS": "--my-app-235-I0 my-app-235-XE undefined my-app-235-wt",
  "animation": "my-app-235-lY",
  "animationName": "my-app-235-iZ",
  "class": "my-app-235-zg",
  "classInContainer": "my-app-235-bK",
  "classLocalScope": "my-app-235-Ci",
  "cssModuleWithCustomFileExtension": "my-app-666-k",
  "currentWmultiParams": "my-app-235-Hq",
  "deepClassInContainer": "my-app-235-Y1",
  "displayFlexInSupportsInMediaUpperCase": "my-app-235-ij",
  "exportLocalVarsShouldCleanup": "false false",
  "futureWmultiParams": "my-app-235-Hb",
  "global": undefined,
  "hasWmultiParams": "my-app-235-AO",
  "ident": "my-app-235-bD",
  "inLocalGlobalScope": "my-app-235-V0",
  "inSupportScope": "my-app-235-nc",
  "isWmultiParams": "my-app-235-aq",
  "keyframes": "my-app-235-$t",
  "keyframesUPPERCASE": "my-app-235-zG",
  "local": "my-app-235-Hi my-app-235-OB my-app-235-VE my-app-235-O2",
  "local2": "my-app-235-Vj my-app-235-OH",
  "localkeyframes2UPPPERCASE": "my-app-235-Dk",
  "matchesWmultiParams": "my-app-235-VN",
  "media": "my-app-235-a7",
  "mediaInSupports": "my-app-235-aY",
  "mediaWithOperator": "my-app-235-uf",
  "mozAnimationName": "my-app-235-M6",
  "mozAnyWmultiParams": "my-app-235-OP",
  "myColor": "--my-app-235-rX",
  "nested": "my-app-235-nb undefined my-app-235-$Q",
  "notAValidCssModuleExtension": true,
  "notWmultiParams": "my-app-235-H5",
  "paddingLg": "my-app-235-cD",
  "paddingSm": "my-app-235-dW",
  "pastWmultiParams": "my-app-235-O4",
  "supports": "my-app-235-sW",
  "supportsInMedia": "my-app-235-II",
  "supportsWithOperator": "my-app-235-TZ",
  "vars": "--my-app-235-uz my-app-235-f undefined my-app-235-aK",
  "webkitAnyWmultiParams": "my-app-235-Hw",
  "whereWmultiParams": "my-app-235-VM",
}
`;

exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: class-dev 1`] = `"-_style_module_css-class"`;

exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: class-prod 1`] = `"my-app-235-zg"`;

exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: class-prod 2`] = `"my-app-235-zg"`;

exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local1-dev 1`] = `"-_style_module_css-local1"`;

exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local1-prod 1`] = `"my-app-235-Hi"`;

exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local1-prod 2`] = `"my-app-235-Hi"`;

exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local2-dev 1`] = `"-_style_module_css-local2"`;

exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local2-prod 1`] = `"my-app-235-OB"`;

exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local2-prod 2`] = `"my-app-235-OB"`;

exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local3-dev 1`] = `"-_style_module_css-local3"`;

exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local3-prod 1`] = `"my-app-235-VE"`;

exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local3-prod 2`] = `"my-app-235-VE"`;

exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local4-dev 1`] = `"-_style_module_css-local4"`;

exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local4-prod 1`] = `"my-app-235-O2"`;

exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local4-prod 2`] = `"my-app-235-O2"`;

exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name 1`] = `
Object {
  "btn--info_is-disabled_1": "-_style_module_css_as-is-btn--info_is-disabled_1",
  "btn-info_is-disabled": "-_style_module_css_as-is-btn-info_is-disabled",
  "foo": "bar",
  "foo_bar": "-_style_module_css_as-is-foo_bar",
  "my-btn-info_is-disabled": "value",
  "simple": "-_style_module_css_as-is-simple",
}
`;

exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name 2`] = `
Object {
  "btn--info_is-disabled_1": "-_style_module_css_camel-case-btn--info_is-disabled_1",
  "btn-info_is-disabled": "-_style_module_css_camel-case-btn-info_is-disabled",
  "btnInfoIsDisabled": "-_style_module_css_camel-case-btn-info_is-disabled",
  "btnInfoIsDisabled1": "-_style_module_css_camel-case-btn--info_is-disabled_1",
  "foo": "bar",
  "fooBar": "-_style_module_css_camel-case-foo_bar",
  "foo_bar": "-_style_module_css_camel-case-foo_bar",
  "my-btn-info_is-disabled": "value",
  "myBtnInfoIsDisabled": "value",
  "simple": "-_style_module_css_camel-case-simple",
}
`;

exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name 3`] = `
Object {
  "btnInfoIsDisabled": "-_style_module_css_camel-case-only-btn-info_is-disabled",
  "btnInfoIsDisabled1": "-_style_module_css_camel-case-only-btn--info_is-disabled_1",
  "foo": "bar",
  "fooBar": "-_style_module_css_camel-case-only-foo_bar",
  "myBtnInfoIsDisabled": "value",
  "simple": "-_style_module_css_camel-case-only-simple",
}
`;

exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name 4`] = `
Object {
  "btn--info_is-disabled_1": "-_style_module_css_dashes-btn--info_is-disabled_1",
  "btn-info_is-disabled": "-_style_module_css_dashes-btn-info_is-disabled",
  "btnInfo_isDisabled": "-_style_module_css_dashes-btn-info_is-disabled",
  "btnInfo_isDisabled_1": "-_style_module_css_dashes-btn--info_is-disabled_1",
  "foo": "bar",
  "foo_bar": "-_style_module_css_dashes-foo_bar",
  "my-btn-info_is-disabled": "value",
  "myBtnInfo_isDisabled": "value",
  "simple": "-_style_module_css_dashes-simple",
}
`;

exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name 5`] = `
Object {
  "btnInfo_isDisabled": "-_style_module_css_dashes-only-btn-info_is-disabled",
  "btnInfo_isDisabled_1": "-_style_module_css_dashes-only-btn--info_is-disabled_1",
  "foo": "bar",
  "foo_bar": "-_style_module_css_dashes-only-foo_bar",
  "myBtnInfo_isDisabled": "value",
  "simple": "-_style_module_css_dashes-only-simple",
}
`;

exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name 6`] = `
Object {
  "BTN--INFO_IS-DISABLED_1": "-_style_module_css_upper-btn--info_is-disabled_1",
  "BTN-INFO_IS-DISABLED": "-_style_module_css_upper-btn-info_is-disabled",
  "FOO": "bar",
  "FOO_BAR": "-_style_module_css_upper-foo_bar",
  "MY-BTN-INFO_IS-DISABLED": "value",
  "SIMPLE": "-_style_module_css_upper-simple",
}
`;

exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name 7`] = `
Object {
  "btn--info_is-disabled_1": "-_style_module_css_as-is-btn--info_is-disabled_1",
  "btn-info_is-disabled": "-_style_module_css_as-is-btn-info_is-disabled",
  "foo": "bar",
  "foo_bar": "-_style_module_css_as-is-foo_bar",
  "my-btn-info_is-disabled": "value",
  "simple": "-_style_module_css_as-is-simple",
}
`;

exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name 8`] = `
Object {
  "btn--info_is-disabled_1": "-_style_module_css_camel-case-btn--info_is-disabled_1",
  "btn-info_is-disabled": "-_style_module_css_camel-case-btn-info_is-disabled",
  "btnInfoIsDisabled": "-_style_module_css_camel-case-btn-info_is-disabled",
  "btnInfoIsDisabled1": "-_style_module_css_camel-case-btn--info_is-disabled_1",
  "foo": "bar",
  "fooBar": "-_style_module_css_camel-case-foo_bar",
  "foo_bar": "-_style_module_css_camel-case-foo_bar",
  "my-btn-info_is-disabled": "value",
  "myBtnInfoIsDisabled": "value",
  "simple": "-_style_module_css_camel-case-simple",
}
`;

exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name 9`] = `
Object {
  "btnInfoIsDisabled": "-_style_module_css_camel-case-only-btn-info_is-disabled",
  "btnInfoIsDisabled1": "-_style_module_css_camel-case-only-btn--info_is-disabled_1",
  "foo": "bar",
  "fooBar": "-_style_module_css_camel-case-only-foo_bar",
  "myBtnInfoIsDisabled": "value",
  "simple": "-_style_module_css_camel-case-only-simple",
}
`;

exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name 10`] = `
Object {
  "btn--info_is-disabled_1": "-_style_module_css_dashes-btn--info_is-disabled_1",
  "btn-info_is-disabled": "-_style_module_css_dashes-btn-info_is-disabled",
  "btnInfo_isDisabled": "-_style_module_css_dashes-btn-info_is-disabled",
  "btnInfo_isDisabled_1": "-_style_module_css_dashes-btn--info_is-disabled_1",
  "foo": "bar",
  "foo_bar": "-_style_module_css_dashes-foo_bar",
  "my-btn-info_is-disabled": "value",
  "myBtnInfo_isDisabled": "value",
  "simple": "-_style_module_css_dashes-simple",
}
`;

exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name 11`] = `
Object {
  "btnInfo_isDisabled": "-_style_module_css_dashes-only-btn-info_is-disabled",
  "btnInfo_isDisabled_1": "-_style_module_css_dashes-only-btn--info_is-disabled_1",
  "foo": "bar",
  "foo_bar": "-_style_module_css_dashes-only-foo_bar",
  "myBtnInfo_isDisabled": "value",
  "simple": "-_style_module_css_dashes-only-simple",
}
`;

exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name 12`] = `
Object {
  "BTN--INFO_IS-DISABLED_1": "-_style_module_css_upper-btn--info_is-disabled_1",
  "BTN-INFO_IS-DISABLED": "-_style_module_css_upper-btn-info_is-disabled",
  "FOO": "bar",
  "FOO_BAR": "-_style_module_css_upper-foo_bar",
  "MY-BTN-INFO_IS-DISABLED": "value",
  "SIMPLE": "-_style_module_css_upper-simple",
}
`;

exports[`ConfigCacheTestCases css large exported tests should allow to create css modules: dev 1`] = `
Object {
  "placeholder": "my-app-_tailwind_module_css-placeholder-gray-700",
}
`;

exports[`ConfigCacheTestCases css large exported tests should allow to create css modules: prod 1`] = `
Object {
  "placeholder": "-144-Oh6j",
}
`;

exports[`ConfigCacheTestCases css large-css-head-data-compression exported tests should allow to create css modules: dev 1`] = `
Object {
  "placeholder": "my-app-_large_tailwind_module_css-placeholder-gray-700",
}
`;

exports[`ConfigCacheTestCases css large-css-head-data-compression exported tests should allow to create css modules: prod 1`] = `
Object {
  "placeholder": "-658-Oh6j",
}
`;

exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 1`] = `
Object {
  "btn--info_is-disabled_1": "-_style_module_css-btn--info_is-disabled_1",
  "btn-info_is-disabled": "-_style_module_css-btn-info_is-disabled",
  "color-red": "---_style_module_css-color-red",
  "foo": "bar",
  "foo_bar": "-_style_module_css-foo_bar",
  "my-btn-info_is-disabled": "value",
  "simple": "-_style_module_css-simple",
}
`;

exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 2`] = `
Object {
  "btn--info_is-disabled_1": "de84261a9640bc9390f3",
  "btn-info_is-disabled": "ecdfa12ee9c667c55af7",
  "color-red": "--b7dc4acdff896aeffb60",
  "foo": "bar",
  "foo_bar": "d46074bbd7d5ee641466",
  "my-btn-info_is-disabled": "value",
  "simple": "d55fd643016d378ac454",
}
`;

exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 3`] = `
Object {
  "btn--info_is-disabled_1": "ea850e6088d2566f677d-btn--info_is-disabled_1",
  "btn-info_is-disabled": "ea850e6088d2566f677d-btn-info_is-disabled",
  "color-red": "--ea850e6088d2566f677d-color-red",
  "foo": "bar",
  "foo_bar": "ea850e6088d2566f677d-foo_bar",
  "my-btn-info_is-disabled": "value",
  "simple": "ea850e6088d2566f677d-simple",
}
`;

exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 4`] = `
Object {
  "btn--info_is-disabled_1": "./style.module__btn--info_is-disabled_1",
  "btn-info_is-disabled": "./style.module__btn-info_is-disabled",
  "color-red": "--./style.module__color-red",
  "foo": "bar",
  "foo_bar": "./style.module__foo_bar",
  "my-btn-info_is-disabled": "value",
  "simple": "./style.module__simple",
}
`;

exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 5`] = `
Object {
  "btn--info_is-disabled_1": "./style.module.css__btn--info_is-disabled_1",
  "btn-info_is-disabled": "./style.module.css__btn-info_is-disabled",
  "color-red": "--./style.module.css__color-red",
  "foo": "bar",
  "foo_bar": "./style.module.css__foo_bar",
  "my-btn-info_is-disabled": "value",
  "simple": "./style.module.css__simple",
}
`;

exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 6`] = `
Object {
  "btn--info_is-disabled_1": "./style.module.css__btn--info_is-disabled_1",
  "btn-info_is-disabled": "./style.module.css__btn-info_is-disabled",
  "color-red": "--./style.module.css__color-red",
  "foo": "bar",
  "foo_bar": "./style.module.css__foo_bar",
  "my-btn-info_is-disabled": "value",
  "simple": "./style.module.css__simple",
}
`;

exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 7`] = `
Object {
  "btn--info_is-disabled_1": "-_style_module_css_uniqueName-id-contenthash-de84261a9640bc9390f3",
  "btn-info_is-disabled": "-_style_module_css_uniqueName-id-contenthash-ecdfa12ee9c667c55af7",
  "color-red": "---_style_module_css_uniqueName-id-contenthash-b7dc4acdff896aeffb60",
  "foo": "bar",
  "foo_bar": "-_style_module_css_uniqueName-id-contenthash-d46074bbd7d5ee641466",
  "my-btn-info_is-disabled": "value",
  "simple": "-_style_module_css_uniqueName-id-contenthash-d55fd643016d378ac454",
}
`;

exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 8`] = `
Object {
  "btn--info_is-disabled_1": "./style.module.less__btn--info_is-disabled_1",
  "btn-info_is-disabled": "./style.module.less__btn-info_is-disabled",
  "color-red": "--./style.module.less__color-red",
  "foo": "bar",
  "foo_bar": "./style.module.less__foo_bar",
  "my-btn-info_is-disabled": "value",
  "simple": "./style.module.less__simple",
}
`;

exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 9`] = `
Object {
  "btn--info_is-disabled_1": "-_style_module_css-btn--info_is-disabled_1",
  "btn-info_is-disabled": "-_style_module_css-btn-info_is-disabled",
  "color-red": "---_style_module_css-color-red",
  "foo": "bar",
  "foo_bar": "-_style_module_css-foo_bar",
  "my-btn-info_is-disabled": "value",
  "simple": "-_style_module_css-simple",
}
`;

exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 10`] = `
Object {
  "btn--info_is-disabled_1": "de84261a9640bc9390f3",
  "btn-info_is-disabled": "ecdfa12ee9c667c55af7",
  "color-red": "--b7dc4acdff896aeffb60",
  "foo": "bar",
  "foo_bar": "d46074bbd7d5ee641466",
  "my-btn-info_is-disabled": "value",
  "simple": "d55fd643016d378ac454",
}
`;

exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 11`] = `
Object {
  "btn--info_is-disabled_1": "ea850e6088d2566f677d-btn--info_is-disabled_1",
  "btn-info_is-disabled": "ea850e6088d2566f677d-btn-info_is-disabled",
  "color-red": "--ea850e6088d2566f677d-color-red",
  "foo": "bar",
  "foo_bar": "ea850e6088d2566f677d-foo_bar",
  "my-btn-info_is-disabled": "value",
  "simple": "ea850e6088d2566f677d-simple",
}
`;

exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 12`] = `
Object {
  "btn--info_is-disabled_1": "./style.module__btn--info_is-disabled_1",
  "btn-info_is-disabled": "./style.module__btn-info_is-disabled",
  "color-red": "--./style.module__color-red",
  "foo": "bar",
  "foo_bar": "./style.module__foo_bar",
  "my-btn-info_is-disabled": "value",
  "simple": "./style.module__simple",
}
`;

exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 13`] = `
Object {
  "btn--info_is-disabled_1": "./style.module.css__btn--info_is-disabled_1",
  "btn-info_is-disabled": "./style.module.css__btn-info_is-disabled",
  "color-red": "--./style.module.css__color-red",
  "foo": "bar",
  "foo_bar": "./style.module.css__foo_bar",
  "my-btn-info_is-disabled": "value",
  "simple": "./style.module.css__simple",
}
`;

exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 14`] = `
Object {
  "btn--info_is-disabled_1": "./style.module.css__btn--info_is-disabled_1",
  "btn-info_is-disabled": "./style.module.css__btn-info_is-disabled",
  "color-red": "--./style.module.css__color-red",
  "foo": "bar",
  "foo_bar": "./style.module.css__foo_bar",
  "my-btn-info_is-disabled": "value",
  "simple": "./style.module.css__simple",
}
`;

exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 15`] = `
Object {
  "btn--info_is-disabled_1": "-_style_module_css_uniqueName-id-contenthash-de84261a9640bc9390f3",
  "btn-info_is-disabled": "-_style_module_css_uniqueName-id-contenthash-ecdfa12ee9c667c55af7",
  "color-red": "---_style_module_css_uniqueName-id-contenthash-b7dc4acdff896aeffb60",
  "foo": "bar",
  "foo_bar": "-_style_module_css_uniqueName-id-contenthash-d46074bbd7d5ee641466",
  "my-btn-info_is-disabled": "value",
  "simple": "-_style_module_css_uniqueName-id-contenthash-d55fd643016d378ac454",
}
`;

exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 16`] = `
Object {
  "btn--info_is-disabled_1": "./style.module.less__btn--info_is-disabled_1",
  "btn-info_is-disabled": "./style.module.less__btn-info_is-disabled",
  "color-red": "--./style.module.less__color-red",
  "foo": "bar",
  "foo_bar": "./style.module.less__foo_bar",
  "my-btn-info_is-disabled": "value",
  "simple": "./style.module.less__simple",
}
`;

exports[`ConfigCacheTestCases css pure-css exported tests should compile 1`] = `
Array [
  ".class {
	color: red;
}

.local1,
.local2 .global,
.local3 {
	color: green;
}

.global ._-_css-modules_style_module_css-local4 {
	color: yellow;
}

.local5.global.local6 {
	color: blue;
}

.local7 div:not(.disabled, .mButtonDisabled, .tipOnly) {
    pointer-events: initial !important;
}

.local8 :is(div.parent1.child1.vertical-tiny,
    div.parent1.child1.vertical-small,
    div.otherDiv.horizontal-tiny,
    div.otherDiv.horizontal-small div.description) {
  max-height: 0;
  margin: 0;
  overflow: hidden;
}

.local9 :matches(div.parent1.child1.vertical-tiny,
    div.parent1.child1.vertical-small,
    div.otherDiv.horizontal-tiny,
    div.otherDiv.horizontal-small div.description) {
  max-height: 0;
  margin: 0;
  overflow: hidden;
}

.local10 :where(div.parent1.child1.vertical-tiny,
    div.parent1.child1.vertical-small,
    div.otherDiv.horizontal-tiny,
    div.otherDiv.horizontal-small div.description) {
  max-height: 0;
  margin: 0;
  overflow: hidden;
}

.local11 div:has(.disabled, .mButtonDisabled, .tipOnly) {
    pointer-events: initial !important;
}

.local12 div:current(p, span) {
	background-color: yellow;
}

.local13 div:past(p, span) {
	display: none;
}

.local14 div:future(p, span) {
	background-color: yellow;
}

.local15 div:-moz-any(ol, ul, menu, dir) {
	list-style-type: square;
}

.local16 li:-webkit-any(:first-child, :last-child) {
	background-color: aquamarine;
}

.local9 :matches(div.parent1.child1.vertical-tiny,
    div.parent1.child1.vertical-small,
    div.otherDiv.horizontal-tiny,
    div.otherDiv.horizontal-small div.description) {
	max-height: 0;
	margin: 0;
	overflow: hidden;
}

._-_css-modules_style_module_css-nested1.nested2.nested3 {
	color: pink;
}

#ident {
	color: purple;
}

@keyframes localkeyframes {
	0% {
		left: var(--pos1x);
		top: var(--pos1y);
		color: var(--theme-color1);
	}
	100% {
		left: var(--pos2x);
		top: var(--pos2y);
		color: var(--theme-color2);
	}
}

@keyframes localkeyframes2 {
	0% {
		left: 0;
	}
	100% {
		left: 100px;
	}
}

.animation {
	animation-name: localkeyframes;
	animation: 3s ease-in 1s 2 reverse both paused localkeyframes, localkeyframes2;
	--pos1x: 0px;
	--pos1y: 0px;
	--pos2x: 10px;
	--pos2y: 20px;
}

/* .composed {
	composes: local1;
	composes: local2;
} */

.vars {
	color: var(--local-color);
	--local-color: red;
}

.globalVars {
	color: var(--global-color);
	--global-color: red;
}

@media (min-width: 1600px) {
	.wideScreenClass {
		color: var(--local-color);
		--local-color: green;
	}
}

@media screen and (max-width: 600px) {
	.narrowScreenClass {
		color: var(--local-color);
		--local-color: purple;
	}
}

@supports (display: grid) {
	.displayGridInSupports {
		display: grid;
	}
}

@supports not (display: grid) {
  .floatRightInNegativeSupports {
    float: right;
  }
}

@supports (display: flex) {
  @media screen and (min-width: 900px) {
    .displayFlexInMediaInSupports {
      display: flex;
    }
  }
}

@media screen and (min-width: 900px) {
	@supports (display: flex) {
    .displayFlexInSupportsInMedia {
      display: flex;
    }
  }
}

@MEDIA screen and (min-width: 900px) {
	@SUPPORTS (display: flex) {
		.displayFlexInSupportsInMediaUpperCase {
			display: flex;
		}
	}
}

.animationUpperCase {
	ANIMATION-NAME: localkeyframesUPPERCASE;
	ANIMATION: 3s ease-in 1s 2 reverse both paused localkeyframesUPPERCASE, localkeyframes2UPPPERCASE;
	--pos1x: 0px;
	--pos1y: 0px;
	--pos2x: 10px;
	--pos2y: 20px;
}

@KEYFRAMES localkeyframesUPPERCASE {
	0% {
		left: VAR(--pos1x);
		top: VAR(--pos1y);
		color: VAR(--theme-color1);
	}
	100% {
		left: VAR(--pos2x);
		top: VAR(--pos2y);
		color: VAR(--theme-color2);
	}
}

@KEYframes localkeyframes2UPPPERCASE {
	0% {
		left: 0;
	}
	100% {
		left: 100px;
	}
}

.globalUpperCase ._-_css-modules_style_module_css-localUpperCase {
	color: yellow;
}

.VARS {
	color: VAR(--LOCAL-COLOR);
	--LOCAL-COLOR: red;
}

.globalVarsUpperCase {
	COLOR: VAR(--GLOBAR-COLOR);
	--GLOBAR-COLOR: red;
}

@supports (top: env(safe-area-inset-top, 0)) {
	.inSupportScope {
		color: red;
	}
}

.a {
	animation: 3s animationName;
	-webkit-animation: 3s animationName;
}

.b {
	animation: animationName 3s;
	-webkit-animation: animationName 3s;
}

.c {
	animation-name: animationName;
	-webkit-animation-name: animationName;
}

.d {
	--animation-name: animationName;
}

@keyframes animationName {
	0% {
		background: white;
	}
	100% {
		background: red;
	}
}

@-webkit-keyframes animationName {
	0% {
		background: white;
	}
	100% {
		background: red;
	}
}

@-moz-keyframes mozAnimationName {
	0% {
		background: white;
	}
	100% {
		background: red;
	}
}

@counter-style thumbs {
	system: cyclic;
	symbols: \\"\\\\1F44D\\";
	suffix: \\" \\";
}

@font-feature-values Font One {
	@styleset {
		nice-style: 12;
	}
}

/* At-rule for \\"nice-style\\" in Font Two */
@font-feature-values Font Two {
	@styleset {
		nice-style: 4;
	}
}

@property --my-color {
	syntax: \\"<color>\\";
	inherits: false;
	initial-value: #c0ffee;
}

.class {
	color: var(--my-color);
}

@layer utilities {
	.padding-sm {
		padding: 0.5rem;
	}

	.padding-lg {
		padding: 0.8rem;
	}
}

.class {
	color: red;

	.nested-pure {
		color: red;
	}

	@media screen and (min-width: 200px) {
		color: blue;

		.nested-media {
			color: blue;
		}
	}

	@supports (display: flex) {
		display: flex;

		.nested-supports {
			display: flex;
		}
	}

	@layer foo {
		background: red;

		.nested-layer {
			background: red;
		}
	}

	@container foo {
		background: red;

		.nested-layer {
			background: red;
		}
	}
}

.not-selector-inside {
	color: #fff;
	opacity: 0.12;
	padding: .5px;
	unknown: :local(.test);
	unknown1: :local .test;
	unknown2: :global .test;
	unknown3: :global .test;
	unknown4: .foo, .bar, #bar;
}

@unknown :local .local :global .global {
	color: red;
}

@unknown :local(.local) :global(.global) {
	color: red;
}

.nested-var {
	.again {
		color: var(--local-color);
	}
}

.nested-with-local-pseudo {
	color: red;

	._-_css-modules_style_module_css-local-nested {
		color: red;
	}

	.global-nested {
		color: red;
	}

	._-_css-modules_style_module_css-local-nested {
		color: red;
	}

	.global-nested {
		color: red;
	}

	._-_css-modules_style_module_css-local-nested, .global-nested-next {
		color: red;
	}

	._-_css-modules_style_module_css-local-nested, .global-nested-next {
		color: red;
	}

	.foo, .bar {
		color: red;
	}
}

#id-foo {
	color: red;

	#id-bar {
		color: red;
	}
}

.nested-parens {
	.local9 div:has(.vertical-tiny, .vertical-small) {
		max-height: 0;
		margin: 0;
		overflow: hidden;
	}
}

.global-foo {
	.nested-global {
		color: red;
	}

	._-_css-modules_style_module_css-local-in-global {
		color: blue;
	}
}

@unknown .class {
	color: red;

	.class {
		color: red;
	}
}

.class ._-_css-modules_style_module_css-in-local-global-scope,
.class ._-_css-modules_style_module_css-in-local-global-scope,
._-_css-modules_style_module_css-class-local-scope .in-local-global-scope {
	color: red;
}

@container (width > 400px) {
	.class-in-container {
		font-size: 1.5em;
	}
}

@container summary (min-width: 400px) {
	@container (width > 400px) {
		.deep-class-in-container {
			font-size: 1.5em;
		}
	}
}

:scope {
	color: red;
}

.placeholder-gray-700:-ms-input-placeholder {
	--placeholder-opacity: 1;
	color: #4a5568;
	color: rgba(74, 85, 104, var(--placeholder-opacity));
}
.placeholder-gray-700::-ms-input-placeholder {
	--placeholder-opacity: 1;
	color: #4a5568;
	color: rgba(74, 85, 104, var(--placeholder-opacity));
}
.placeholder-gray-700::placeholder {
	--placeholder-opacity: 1;
	color: #4a5568;
	color: rgba(74, 85, 104, var(--placeholder-opacity));
}

:root {
	--test: dark;
}

@media screen and (prefers-color-scheme: var(--test)) {
	.baz {
		color: white;
	}
}

@keyframes slidein {
	from {
		margin-left: 100%;
		width: 300%;
	}

	to {
		margin-left: 0%;
		width: 100%;
	}
}

.class {
	animation:
		foo var(--animation-name) 3s,
		var(--animation-name) 3s,
		3s linear 1s infinite running slidein,
		3s linear env(foo, var(--baz)) infinite running slidein;
}

:root {
	--baz: 10px;
}

.class {
	bar: env(foo, var(--baz));
}

.global-foo, ._-_css-modules_style_module_css-bar {
	._-_css-modules_style_module_css-local-in-global       {
		color: blue;
	}

	@media screen {
		.my-global-class-again,
		._-_css-modules_style_module_css-my-global-class-again {
			color: red;
		}
	}
}

.first-nested {
	.first-nested-nested {
		color: red;
	}
}

.first-nested-at-rule {
	@media screen {
		.first-nested-nested-at-rule-deep {
			color: red;
		}
	}
}

.again-global {
	color:red;
}

.again-again-global {
	.again-again-global {
		color: red;
	}
}

:root {
	--foo: red;
}

.again-again-global {
	color: var(--foo);

	.again-again-global {
		color: var(--foo);
	}
}

.again-again-global {
	animation: slidein 3s;

	.again-again-global, .class, ._-_css-modules_style_module_css-nested1.nested2.nested3 {
		animation: slidein 3s;
	}

  .local2 .global,
	.local3 {
		color: red;
	}
}

@unknown var(--foo) {
	color: red;
}

.class {
	.class {
		.class {
			.class {}
		}
	}
}

.class {
	.class {
		.class {
			.class {
				animation: slidein 3s;
			}
		}
	}
}

.class {
	animation: slidein 3s;
	.class {
		animation: slidein 3s;
		.class {
			animation: slidein 3s;
			.class {
				animation: slidein 3s;
			}
		}
	}
}


.class {
	color: red;
	background: var(--color);
}

@keyframes test {
	0% {
		color: red;
	}
	100% {
		color: blue;
	}
}

._-_style_css-class {
	color: red;
}

._-_style_css-class {
	color: green;
}

.class {
	color: blue;
}

.class {
	color: white;
}


.class {
	animation: test 1s, test;
}

head{--webpack-main:local4:_-_css-modules_style_module_css-local4/nested1:_-_css-modules_style_module_css-nested1/localUpperCase:_-_css-modules_style_module_css-localUpperCase/local-nested:_-_css-modules_style_module_css-local-nested/local-in-global:_-_css-modules_style_module_css-local-in-global/in-local-global-scope:_-_css-modules_style_module_css-in-local-global-scope/class-local-scope:_-_css-modules_style_module_css-class-local-scope/bar:_-_css-modules_style_module_css-bar/my-global-class-again:_-_css-modules_style_module_css-my-global-class-again/&\\\\.\\\\.\\\\/css-modules\\\\/style\\\\.module\\\\.css,class:_-_style_css-class/foo:bar/&\\\\.\\\\/style\\\\.css;}",
]
`;

exports[`ConfigCacheTestCases css urls exported tests should be able to handle styles in div.css 1`] = `
Object {
  "--foo": " url(img.09a1a1112c577c279435.png)",
  "--foo-bar": " \\"http://www.example.com/pinkish.gif\\"",
  "/* TODO fix me */
	/*a146": " url('./img.png', 'foo', './img.png', url('./img.png'));*/
	/*a147: image-set(url('./img.png', 'foo', './img.png', url('./img.png')) 1x, url(\\"./img2x.png\\") 2x);*/
",
  "a": " url(img.09a1a1112c577c279435.png)",
  "a1": " url(img.09a1a1112c577c279435.png)",
  "a10": " green url( img\\\\ img.09a1a1112c577c279435.png ) xyz",
  "a100": " url(img\\\\)img.09a1a1112c577c279435.png)",
  "a101": " url(img\\\\ img.09a1a1112c577c279435.png)",
  "a102": " url(img\\\\ img.09a1a1112c577c279435.png)",
  "a103": " url(img\\\\(img.09a1a1112c577c279435.png)",
  "a104": " url(img\\\\(img.09a1a1112c577c279435.png)",
  "a105": " url(img\\\\(img.09a1a1112c577c279435.png)",
  "a106": " url(img\\\\(img.09a1a1112c577c279435.png)",
  "a107": " url(img\\\\'\\\\'\\\\'img.09a1a1112c577c279435.png)",
  "a108": " url(\\"img'() img.09a1a1112c577c279435.png\\")",
  "a109": " url(img\\\\'img.09a1a1112c577c279435.png)",
  "a11": " green url( img\\\\ img.09a1a1112c577c279435.png ) xyz",
  "a110": " url(img\\\\(img.09a1a1112c577c279435.png)",
  "a111": " url(img\\\\)img.09a1a1112c577c279435.png)",
  "a112": " url(img\\\\ img.09a1a1112c577c279435.png)",
  "a113": " url(img\\\\'\\\\'\\\\'img.09a1a1112c577c279435.png)",
  "a114": " url(\\"img'() img.09a1a1112c577c279435.png\\")",
  "a115": " url(img\\\\'img.09a1a1112c577c279435.png)",
  "a116": " url(img\\\\(img.09a1a1112c577c279435.png)",
  "a117": " url(img\\\\)img.09a1a1112c577c279435.png)",
  "a118": " url(img\\\\ img.09a1a1112c577c279435.png)",
  "a119": " url(img.09a1a1112c577c279435.png)",
  "a12": " green url(img.09a1a1112c577c279435.png) xyz",
  "a120": " url(img\\\\'\\\\'\\\\'img.09a1a1112c577c279435.png)",
  "a121": " url(\\"img'() img.09a1a1112c577c279435.png\\")",
  "a122": " url(img\\\\'img.09a1a1112c577c279435.png)",
  "a123": " url(img\\\\(img.09a1a1112c577c279435.png)",
  "a124": " url(img\\\\)img.09a1a1112c577c279435.png)",
  "a125": " url(img\\\\ img.09a1a1112c577c279435.png)",
  "a126": " url(img.09a1a1112c577c279435.png)",
  "a127": " url(img.09a1a1112c577c279435.png)",
  "a128": " url(img\\\\'img.09a1a1112c577c279435.png)",
  "a129": " url(\\"img'() img.09a1a1112c577c279435.png\\")",
  "a13": " green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) xyz",
  "a130": " url(\\"img'() img.09a1a1112c577c279435.png\\")",
  "a131": " url(img.09a1a1112c577c279435.png)",
  "a132": " url(img.09a1a1112c577c279435.png)",
  "a133": " url(img.09a1a1112c577c279435.png?foo=bar)",
  "a134": " url(img.09a1a1112c577c279435.png?foo=bar)",
  "a135": " url(img.09a1a1112c577c279435.png?foo=bar#hash)",
  "a136": " url(img.09a1a1112c577c279435.png?foo=bar#hash)",
  "a137": " url(img.09a1a1112c577c279435.png?foo=bar)",
  "a138": " url(img.09a1a1112c577c279435.png?bar=foo)",
  "a139": " url(img.09a1a1112c577c279435.png?foo=bar#foo)",
  "a14": " url(\\"data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 26' fill='%23007aff'><rect width='4' height='4'/><rect x='8' y='1' width='34' height='2'/><rect y='11' width='4' height='4'/><rect x='8' y='12' width='34' height='2'/><rect y='22' width='4' height='4'/><rect x='8' y='23' width='34' height='2'/></svg>\\")",
  "a140": " url(img.09a1a1112c577c279435.png?bar=foo#bar)",
  "a141": " url(img.09a1a1112c577c279435.png?foo=1&bar=2)",
  "a142": " url(img.09a1a1112c577c279435.png?foo=2&bar=1)",
  "a143": " url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22191px%22%20height%3D%22191px%22%20viewBox%3D%220%200%20191%20191%22%20enable-background%3D%22new%200%200%20191%20191%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M95.5%2C0C42.8%2C0%2C0%2C42.8%2C0%2C95.5S42.8%2C191%2C95.5%2C191S191%2C148.2%2C191%2C95.5S148.2%2C0%2C95.5%2C0z%20M95.5%2C187.6%0A%09c-50.848%2C0-92.1-41.25-92.1-92.1c0-50.848%2C41.252-92.1%2C92.1-92.1c50.85%2C0%2C92.1%2C41.252%2C92.1%2C92.1%0A%09C187.6%2C146.35%2C146.35%2C187.6%2C95.5%2C187.6z%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M92.9%2C10v8.6H91v-6.5c-0.1%2C0.1-0.2%2C0.2-0.4%2C0.3c-0.2%2C0.1-0.3%2C0.2-0.4%2C0.2c-0.1%2C0-0.3%2C0.1-0.5%2C0.2%0A%09%09c-0.2%2C0.1-0.3%2C0.1-0.5%2C0.1v-1.6c0.5-0.1%2C0.9-0.3%2C1.4-0.5c0.5-0.2%2C0.8-0.5%2C1.2-0.7h1.1V10z%22%2F%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M97.1%2C17.1h3.602v1.5h-5.6V18c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.6%2C0.5-0.9c0.2-0.3%2C0.5-0.5%2C0.7-0.7%0A%09%09c0.2-0.2%2C0.5-0.4%2C0.7-0.6c0.199-0.2%2C0.5-0.3%2C0.6-0.5c0.102-0.2%2C0.301-0.3%2C0.5-0.5c0.2-0.2%2C0.2-0.3%2C0.301-0.5%0A%09%09c0.101-0.2%2C0.101-0.3%2C0.101-0.5c0-0.4-0.101-0.6-0.3-0.8c-0.2-0.2-0.4-0.3-0.801-0.3c-0.699%2C0-1.399%2C0.3-2.101%2C0.9v-1.6%0A%09%09c0.7-0.5%2C1.5-0.7%2C2.5-0.7c0.399%2C0%2C0.8%2C0.1%2C1.101%2C0.2c0.301%2C0.1%2C0.601%2C0.3%2C0.899%2C0.5c0.3%2C0.2%2C0.399%2C0.5%2C0.5%2C0.8%0A%09%09c0.101%2C0.3%2C0.2%2C0.6%2C0.2%2C1s-0.102%2C0.7-0.2%2C1c-0.099%2C0.3-0.3%2C0.6-0.5%2C0.8c-0.2%2C0.2-0.399%2C0.5-0.7%2C0.7c-0.3%2C0.2-0.5%2C0.4-0.8%2C0.6%0A%09%09c-0.2%2C0.1-0.399%2C0.3-0.5%2C0.4s-0.3%2C0.3-0.5%2C0.4s-0.2%2C0.3-0.3%2C0.4C97.1%2C17%2C97.1%2C17%2C97.1%2C17.1z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M15%2C95.4c0%2C0.7-0.1%2C1.4-0.2%2C2c-0.1%2C0.6-0.4%2C1.1-0.7%2C1.5C13.8%2C99.3%2C13.4%2C99.6%2C12.9%2C99.8s-1%2C0.3-1.5%2C0.3%0A%09%09c-0.7%2C0-1.3-0.1-1.8-0.3v-1.5c0.4%2C0.3%2C1%2C0.4%2C1.6%2C0.4c0.6%2C0%2C1.1-0.2%2C1.5-0.7c0.4-0.5%2C0.5-1.1%2C0.5-1.9l0%2C0%0A%09%09C12.8%2C96.7%2C12.3%2C96.9%2C11.5%2C96.9c-0.3%2C0-0.7-0.102-1-0.2c-0.3-0.101-0.5-0.3-0.8-0.5c-0.3-0.2-0.4-0.5-0.5-0.8%0A%09%09c-0.1-0.3-0.2-0.7-0.2-1c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.7%2C0.6-0.9c0.3-0.2%2C0.6-0.5%2C0.9-0.6c0.3-0.1%2C0.8-0.2%2C1.2-0.2%0A%09%09c0.5%2C0%2C0.9%2C0.1%2C1.2%2C0.3c0.3%2C0.2%2C0.7%2C0.4%2C0.9%2C0.8s0.5%2C0.7%2C0.6%2C1.2S15%2C94.8%2C15%2C95.4z%20M13.1%2C94.4c0-0.2%2C0-0.4-0.1-0.6%0A%09%09c-0.1-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.2-0.2-0.4-0.3c-0.2-0.1-0.3-0.1-0.5-0.1c-0.2%2C0-0.3%2C0-0.4%2C0.1s-0.3%2C0.2-0.3%2C0.3%0A%09%09c0%2C0.1-0.2%2C0.3-0.2%2C0.4c0%2C0.1-0.1%2C0.4-0.1%2C0.6c0%2C0.2%2C0%2C0.4%2C0.1%2C0.6c0.1%2C0.2%2C0.1%2C0.3%2C0.2%2C0.4c0.1%2C0.1%2C0.2%2C0.2%2C0.4%2C0.3%0A%09%09c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1c0.2%2C0%2C0.3%2C0%2C0.4-0.1s0.2-0.2%2C0.3-0.3c0.1-0.1%2C0.2-0.2%2C0.2-0.4C13%2C94.7%2C13.1%2C94.6%2C13.1%2C94.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M176%2C99.7V98.1c0.6%2C0.4%2C1.2%2C0.602%2C2%2C0.602c0.5%2C0%2C0.8-0.102%2C1.1-0.301c0.301-0.199%2C0.4-0.5%2C0.4-0.801%0A%09%09c0-0.398-0.2-0.699-0.5-0.898c-0.3-0.2-0.8-0.301-1.3-0.301h-0.802V95h0.701c1.101%2C0%2C1.601-0.4%2C1.601-1.1c0-0.7-0.4-1-1.302-1%0A%09%09c-0.6%2C0-1.1%2C0.2-1.6%2C0.5v-1.5c0.6-0.3%2C1.301-0.4%2C2.1-0.4c0.9%2C0%2C1.5%2C0.2%2C2%2C0.6s0.701%2C0.9%2C0.701%2C1.5c0%2C1.1-0.601%2C1.8-1.701%2C2.1l0%2C0%0A%09%09c0.602%2C0.1%2C1.102%2C0.3%2C1.4%2C0.6s0.5%2C0.8%2C0.5%2C1.3c0%2C0.801-0.3%2C1.4-0.9%2C1.9c-0.6%2C0.5-1.398%2C0.7-2.398%2C0.7%0A%09%09C177.2%2C100.1%2C176.5%2C100%2C176%2C99.7z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%236363
  "a144": " url(img.09a1a1112c577c279435.png)",
  "a145": " url(img.09a1a1112c577c279435.png)",
  "a148": " url('data:image/svg+xml,%3Csvg xmlns=\\"http://www.w3.org/2000/svg\\"%3E%3Crect width=\\"100%25\\" height=\\"100%25\\" style=\\"stroke: rgb(223,224,225); stroke-width: 2px; fill: none; stroke-dasharray: 6px 3px\\" /%3E%3C/svg%3E')",
  "a149": " url('data:image/svg+xml,%3Csvg xmlns=\\"http://www.w3.org/2000/svg\\"%3E%3Crect width=\\"100%25\\" height=\\"100%25\\" style=\\"stroke: rgb(223,224,225); stroke-width: 2px; fill: none; stroke-dasharray: 6px 3px\\" /%3E%3C/svg%3E')",
  "a15": " url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2042%2026%27%20fill%3D%27%2523007aff%27%3E%3Crect%20width%3D%274%27%20height%3D%274%27%2F%3E%3Crect%20x%3D%278%27%20y%3D%271%27%20width%3D%2734%27%20height%3D%272%27%2F%3E%3Crect%20y%3D%2711%27%20width%3D%274%27%20height%3D%274%27%2F%3E%3Crect%20x%3D%278%27%20y%3D%2712%27%20width%3D%2734%27%20height%3D%272%27%2F%3E%3Crect%20y%3D%2722%27%20width%3D%274%27%20height%3D%274%27%2F%3E%3Crect%20x%3D%278%27%20y%3D%2723%27%20width%3D%2734%27%20height%3D%272%27%2F%3E%3C%2Fsvg%3E)",
  "a150": " url('data:image/svg+xml,%3Csvg xmlns=\\"http://www.w3.org/2000/svg\\"%3E%3Crect width=\\"100%25\\" height=\\"100%25\\" style=\\"stroke: rgb(223,224,225); stroke-width: 2px; fill: none; stroke-dasharray: 6px 3px\\" /%3E%3C/svg%3E')",
  "a151": " url('data:image/svg+xml;utf8,<svg xmlns=\\"http://www.w3.org/2000/svg\\"><rect width=\\"100%\\" height=\\"100%\\" style=\\"stroke: rgb(223,224,225); stroke-width: 2px; fill: none; stroke-dasharray: 6px 3px\\" /></svg>')",
  "a152": " url(img.09a1a1112c577c279435.png)",
  "a153": " url(img.09a1a1112c577c279435.png)",
  "a154": " url(other.09a1a1112c577c279435.png)",
  "a155": " url(img.09a1a1112c577c279435.png)",
  "a156": " url(\\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e\\")",
  "a157": " url('data:image/svg+xml;utf8,<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"10\\" height=\\"10\\"><rect fill=\\"gray\\" width=\\"5\\" height=\\"5\\" y=\\"0\\" x=\\"0\\" /></svg>')",
  "a158": " src(\\"http://www.example.com/pinkish.gif\\")",
  "a159": " src(var(--foo))",
  "a16": " url('data:image/svg+xml;charset=utf-8,<svg xmlns=\\"http://www.w3.org/2000/svg\\"><filter id=\\"filter\\"><feGaussianBlur in=\\"SourceAlpha\\" stdDeviation=\\"0\\" /><feOffset dx=\\"1\\" dy=\\"2\\" result=\\"offsetblur\\" /><feFlood flood-color=\\"rgba(255,255,255,1)\\" /><feComposite in2=\\"offsetblur\\" operator=\\"in\\" /><feMerge><feMergeNode /><feMergeNode in=\\"SourceGraphic\\" /></feMerge></filter></svg>#filter')",
  "a160": " url(img.09a1a1112c577c279435.png param(--color var(--primary-color)))",
  "a161": " src(\\"img.png\\" param(--color var(--primary-color)))",
  "a162": " url(img\\\\ img.09a1a1112c577c279435.png)",
  "a163": " url(img.09a1a1112c577c279435.png)",
  "a164": " url( img.png bug)",
  "a165": " url(imgn.09a1a1112c577c279435.png)",
  "a166": " url('data:image/svg+xml;utf8,<svg xmlns=\\"http://www.w3.org/2000/svg\\"	                width=\\"10\\" height=\\"10\\"><rect fill=\\"gray\\" width=\\"5\\" height=\\"5\\" y=\\"0\\" x=\\"0\\" /></svg>')",
  "a167": " url(http://example.com/image.jpg)",
  "a168": " url(http://example.com/image.jpg)",
  "a169": " url(data:,)",
  "a17": " url(\\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%5C%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%5C%22%3E%3Cfilter%20id%3D%5C%22filter%5C%22%3E%3CfeGaussianBlur%20in%3D%5C%22SourceAlpha%5C%22%20stdDeviation%3D%5C%220%5C%22%20%2F%3E%3CfeOffset%20dx%3D%5C%221%5C%22%20dy%3D%5C%222%5C%22%20result%3D%5C%22offsetblur%5C%22%20%2F%3E%3CfeFlood%20flood-color%3D%5C%22rgba(255%2C255%2C255%2C1)%5C%22%20%2F%3E%3CfeComposite%20in2%3D%5C%22offsetblur%5C%22%20operator%3D%5C%22in%5C%22%20%2F%3E%3CfeMerge%3E%3CfeMergeNode%20%2F%3E%3CfeMergeNode%20in%3D%5C%22SourceGraphic%5C%22%20%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fsvg%3E%23filter\\")",
  "a170": " url(data:,)",
  "a171": " image(ltr 'img.png#xywh=0,0,16,16', red)",
  "a172": " image-set(
		linear-gradient(blue, white) 1x,
		linear-gradient(blue, green) 2x
	)",
  "a173": " image-set(
		url(img.09a1a1112c577c279435.png) type(\\"image/png\\"),
		url(img.09a1a1112c577c279435.png) type(\\"image/png\\")
	)",
  "a174": " image-set(
		url(img.09a1a1112c577c279435.png) 1x,
		url(img.09a1a1112c577c279435.png) 2x
	)",
  "a175": " image-set(
		url(img.09a1a1112c577c279435.png) 1x,
		url(img.09a1a1112c577c279435.png) 2x,
		url(img.09a1a1112c577c279435.png) 3x
	)",
  "a176": " image-set(
		url(img.09a1a1112c577c279435.png) type(\\"image/png\\"),
		url(img.09a1a1112c577c279435.png) type(\\"image/png\\")
	) \\"img.png\\"",
  "a177": " image-set(
		url(img.09a1a1112c577c279435.png) 1x type(\\"image/png\\"),
		url(img.09a1a1112c577c279435.png) 2x type(\\"image/png\\")
	)",
  "a178": " image-set(
		url(img.09a1a1112c577c279435.png) type(\\"image/png\\") 1x,
		url(img.09a1a1112c577c279435.png) type(\\"image/png\\") 2x
	)",
  "a179": " -webkit-image-set(
		url(img.09a1a1112c577c279435.png) 1x
	)",
  "a18": " url(#highlight)",
  "a180": " -webkit-image-set(
		url(img.09a1a1112c577c279435.png var(--foo, \\"test.png\\")) 1x
	)",
  "a181": " src(   \\"img.png\\"   )",
  "a182": " src('img.png')",
  "a183": " src('img.png' var(--foo, \\"test.png\\"))",
  "a184": " src(var(--foo, \\"test.png\\"))",
  "a185": " src(\\"   img.png   \\")",
  "a186": " image-set(url(img.09a1a1112c577c279435.png)1x,url(img.09a1a1112c577c279435.png)2x,url(img.09a1a1112c577c279435.png)3x)",
  "a187": " image-set(url(img.09a1a1112c577c279435.png)1x,url(img.09a1a1112c577c279435.png)2x,url(img.09a1a1112c577c279435.png)3x)",
  "a188": " image-set(url(img.09a1a1112c577c279435.png)1x,url(img.09a1a1112c577c279435.png)2x,url(img.09a1a1112c577c279435.png)3x)",
  "a189": " image-set(url(img.09a1a1112c577c279435.png)1x,url(img.09a1a1112c577c279435.png)2x,url(img.09a1a1112c577c279435.png)3x)",
  "a19": " url(#line-marker)",
  "a190": " image-set(url(img.09a1a1112c577c279435.png)1x)",
  "a191": " image-set(url(img.09a1a1112c577c279435.png)1x/* test*/,/* test*/url(img.09a1a1112c577c279435.png)2x)",
  "a197": " \\\\u\\\\r\\\\l(img.09a1a1112c577c279435.png)",
  "a198": " \\\\image-\\\\set(url(img.09a1a1112c577c279435.png)1x,url(img.09a1a1112c577c279435.png)2x,url(img.09a1a1112c577c279435.png)3x)",
  "a199": " \\\\-webk\\\\it-image-set(url(img.09a1a1112c577c279435.png)1x)",
  "a2": " url(img.09a1a1112c577c279435.png)",
  "a200": "-webkit-image-set(url(img.09a1a1112c577c279435.png)1x)",
  "a22": " \\"do not use url(path)\\"",
  "a23": " 'do not \\"use\\" url(path)'",
  "a24": " -webkit-image-set(url(img1x.09a1a1112c577c279435.png) 1x, url(img2x.09a1a1112c577c279435.png) 2x)
",
  "a25": " image-set(url(img1x.09a1a1112c577c279435.png) 1x, url(img2x.09a1a1112c577c279435.png) 2x)
",
  "a26": " green url() xyz",
  "a27": " green url('') xyz",
  "a28": " green url(\\"\\") xyz",
  "a29": " green url('   ') xyz",
  "a3": " url(img.09a1a1112c577c279435.png)",
  "a30": " green url(
	) xyz",
  "a4": " url(img.09a1a1112c577c279435.png#hash)",
  "a40": " green url(https://raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz",
  "a41": " green url(//raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz",
  "a42": " url(img.09a1a1112c577c279435.png?foo)",
  "a43": " url(img.09a1a1112c577c279435.png?foo=bar)",
  "a44": " url(img.09a1a1112c577c279435.png?foo=bar#hash)",
  "a45": " url(img.09a1a1112c577c279435.png?foo=bar#hash)",
  "a46": " url(img.09a1a1112c577c279435.png?)",
  "a47": " url(img.09a1a1112c577c279435.png) url(\\"data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 26' fill='%23007aff'><rect width='4' height='4'/><rect x='8' y='1' width='34' height='2'/><rect y='11' width='4' height='4'/><rect x='8' y='12' width='34' height='2'/><rect y='22' width='4' height='4'/><rect x='8' y='23' width='34' height='2'/></svg>\\") url(img.09a1a1112c577c279435.png)",
  "a48": " __URL__()",
  "a49": " url(img-simple.09a1a1112c577c279435.png)",
  "a5": " url(
	img.09a1a1112c577c279435.png
	)",
  "a50": " url(img-simple.09a1a1112c577c279435.png)",
  "a51": " url(img-simple.09a1a1112c577c279435.png)",
  "a52": " url(img.09a1a1112c577c279435.png)",
  "a53": " url(img.09a1a1112c577c279435.png)",
  "a55": " -webkit-image-set()",
  "a56": " image-set()",
  "a58": " image-set('')",
  "a59": " image-set(\\"\\")",
  "a6": " green url( img.09a1a1112c577c279435.png ) xyz",
  "a60": " image-set(\\"\\" 1x)",
  "a61": " image-set(url())",
  "a62": " image-set(
		url()
	)",
  "a63": " image-set(URL())",
  "a64": " image-set(url(''))",
  "a65": " image-set(url(\\"\\"))",
  "a66": " image-set(url('') 1x)",
  "a67": " image-set(1x)",
  "a68": " image-set(
		1x
	)",
  "a69": " image-set(calc(1rem + 1px) 1x)",
  "a7": " green url( img.09a1a1112c577c279435.png ) xyz",
  "a70": " -webkit-image-set(url(img1x.09a1a1112c577c279435.png) 1x, url(img2x.09a1a1112c577c279435.png) 2x)",
  "a71": " image-set(url(img1x.09a1a1112c577c279435.png) 1x)",
  "a72": " image-set(url(img1x.09a1a1112c577c279435.png) 1x, url(img2x.09a1a1112c577c279435.png) 2x)",
  "a73": " image-set(url(img\\\\ img.09a1a1112c577c279435.png) 1x, url(img\\\\ img.09a1a1112c577c279435.png) 2x)",
  "a74": " image-set(url(img1x.09a1a1112c577c279435.png) 1x, url(img2x.09a1a1112c577c279435.png) 2x),
		image-set(url(img1x.09a1a1112c577c279435.png) 1x, url(img2x.09a1a1112c577c279435.png) 2x)",
  "a75": " image-set(
		url(img1x.09a1a1112c577c279435.png) 1x,
		url(img2x.09a1a1112c577c279435.png) 2x,
		url(img3x.09a1a1112c577c279435.png) 600dpi
	)",
  "a76": " image-set(url(img1x.09a1a1112c577c279435.png?foo=bar) 1x)",
  "a77": " image-set(url(img1x.09a1a1112c577c279435.png#hash) 1x)",
  "a78": " image-set(url(img1x.09a1a1112c577c279435.png?#iefix) 1x)",
  "a79": " -webkit-image-set(url(img1x.09a1a1112c577c279435.png) 1x, url(img2x.09a1a1112c577c279435.png) 2x)",
  "a8": " green url(img.09a1a1112c577c279435.png) xyz",
  "a80": " -webkit-image-set(url(img1x.09a1a1112c577c279435.png) 1x)",
  "a81": " -webkit-image-set(
		url(img1x.09a1a1112c577c279435.png) 1x
	)",
  "a82": " image-set(url(img1x.09a1a1112c577c279435.png) 1x)",
  "a83": " image-set(
		url(img1x.09a1a1112c577c279435.png) 1x
	)",
  "a84": " image-set(url(img1x.09a1a1112c577c279435.png) 1x, url(img2x.09a1a1112c577c279435.png) 2x)",
  "a85": " image-set(
		url(img1x.09a1a1112c577c279435.png) 1x,
		url(img2x.09a1a1112c577c279435.png) 2x,
		url(img3x.09a1a1112c577c279435.png) 600dpi
	)",
  "a86": " image-set(url(img\\\\ img.09a1a1112c577c279435.png) 1x, url(img\\\\ img.09a1a1112c577c279435.png) 2x)",
  "a87": " image-set(url(img1x.09a1a1112c577c279435.png) 1x, url(img2x.09a1a1112c577c279435.png) 2x)",
  "a88": " url(imgimg.09a1a1112c577c279435.png)",
  "a89": " url(img\\\\'img.09a1a1112c577c279435.png)",
  "a9": " green url(img.09a1a1112c577c279435.png) url(other-img.09a1a1112c577c279435.png) xyz",
  "a90": " url(img\\\\'\\\\'\\\\'img.09a1a1112c577c279435.png)",
  "a91": " url(img\\\\(img.09a1a1112c577c279435.png)",
  "a92": " url(img\\\\)img.09a1a1112c577c279435.png)",
  "a93": " url(img\\\\ img.09a1a1112c577c279435.png)",
  "a94": " url(\\"img'() img.09a1a1112c577c279435.png\\")",
  "a95": " image-set(
		url(imgimg.09a1a1112c577c279435.png) 1x,
		url(img\\\\'\\\\'\\\\'img.09a1a1112c577c279435.png) 2x,
		url(img\\\\'img.09a1a1112c577c279435.png) 3x,
		url(img\\\\(img.09a1a1112c577c279435.png) 4x,
		url(img\\\\)img.09a1a1112c577c279435.png) 5x,
		url(img\\\\ img.09a1a1112c577c279435.png) 6x,
		url(\\"img'() img.09a1a1112c577c279435.png\\") 7x
	)",
  "a96": " url(img\\\\'\\\\'\\\\'img.09a1a1112c577c279435.png)",
  "a97": " url(\\"img'() img.09a1a1112c577c279435.png\\")",
  "a98": " url(img\\\\'img.09a1a1112c577c279435.png)",
  "a99": " url(img\\\\(img.09a1a1112c577c279435.png)",
  "b": " url(img.09a1a1112c577c279435.png)",
  "c": " url(img.09a1a1112c577c279435.png)",
  "d": " url(img.09a1a1112c577c279435.png#hash)",
  "e": " url(
    img.09a1a1112c577c279435.png
  )",
  "f": " green url( img.09a1a1112c577c279435.png ) xyz",
  "g": " green url( img.09a1a1112c577c279435.png ) xyz",
  "getPropertyValue": [Function],
  "h": " green url(img.09a1a1112c577c279435.png) xyz",
  "i": " green url(img.09a1a1112c577c279435.png) url(img.09a1a1112c577c279435.png) xyz",
  "j": " green url( img\\\\ img.09a1a1112c577c279435.png ) xyz",
  "k": " green url( img\\\\ img.09a1a1112c577c279435.png ) xyz",
  "l": " green url(img.09a1a1112c577c279435.png) xyz",
  "m": " green url(img.09a1a1112c577c279435.png) xyz",
  "n": " green url(img.09a1a1112c577c279435.png) xyz",
}
`;

exports[`ConfigCacheTestCases css urls-css-filename exported tests should generate correct url public path with css filename 1`] = `
Object {
  "getPropertyValue": [Function],
  "nested-dir": " url(../../bundle0/assets/img2.png)",
  "nested-nested-dir": " url(../../bundle0/assets/img3.png)",
  "same-dir": " url(../../bundle0/assets/img1.png)",
}
`;

exports[`ConfigCacheTestCases css urls-css-filename exported tests should generate correct url public path with css filename 2`] = `
Object {
  "getPropertyValue": [Function],
  "nested-dir": " url(../../bundle0/assets/img3.png)",
  "outer-dir": " url(../../bundle0/assets/img1.png)",
  "same-dir": " url(../../bundle0/assets/img2.png)",
}
`;

exports[`ConfigCacheTestCases css urls-css-filename exported tests should generate correct url public path with css filename 3`] = `
Object {
  "getPropertyValue": [Function],
  "outer-dir": " url(../../bundle0/assets/img2.png)",
  "outer-outer-dir": " url(../../bundle0/assets/img1.png)",
  "same-dir": " url(../../bundle0/assets/img3.png)",
}
`;

exports[`ConfigCacheTestCases css urls-css-filename exported tests should generate correct url public path with css filename 4`] = `
Object {
  "getPropertyValue": [Function],
  "nested-dir": " url(https://test.cases/path/bundle1/assets/img2.png)",
  "nested-nested-dir": " url(https://test.cases/path/bundle1/assets/img3.png)",
  "same-dir": " url(https://test.cases/path/bundle1/assets/img1.png)",
}
`;

exports[`ConfigCacheTestCases css urls-css-filename exported tests should generate correct url public path with css filename 5`] = `
Object {
  "getPropertyValue": [Function],
  "nested-dir": " url(https://test.cases/path/bundle1/assets/img3.png)",
  "outer-dir": " url(https://test.cases/path/bundle1/assets/img1.png)",
  "same-dir": " url(https://test.cases/path/bundle1/assets/img2.png)",
}
`;

exports[`ConfigCacheTestCases css urls-css-filename exported tests should generate correct url public path with css filename 6`] = `
Object {
  "getPropertyValue": [Function],
  "outer-dir": " url(https://test.cases/path/bundle1/assets/img2.png)",
  "outer-outer-dir": " url(https://test.cases/path/bundle1/assets/img1.png)",
  "same-dir": " url(https://test.cases/path/bundle1/assets/img3.png)",
}
`;

exports[`ConfigCacheTestCases css urls-css-filename exported tests should generate correct url public path with css filename 7`] = `
Object {
  "getPropertyValue": [Function],
  "nested-dir": " url(https://test.cases/path/bundle2/assets/img2.png)",
  "nested-nested-dir": " url(https://test.cases/path/bundle2/assets/img3.png)",
  "same-dir": " url(https://test.cases/path/bundle2/assets/img1.png)",
}
`;

exports[`ConfigCacheTestCases css urls-css-filename exported tests should generate correct url public path with css filename 8`] = `
Object {
  "getPropertyValue": [Function],
  "nested-dir": " url(https://test.cases/path/bundle2/assets/img3.png)",
  "outer-dir": " url(https://test.cases/path/bundle2/assets/img1.png)",
  "same-dir": " url(https://test.cases/path/bundle2/assets/img2.png)",
}
`;

exports[`ConfigCacheTestCases css urls-css-filename exported tests should generate correct url public path with css filename 9`] = `
Object {
  "getPropertyValue": [Function],
  "outer-dir": " url(https://test.cases/path/bundle2/assets/img2.png)",
  "outer-outer-dir": " url(https://test.cases/path/bundle2/assets/img1.png)",
  "same-dir": " url(https://test.cases/path/bundle2/assets/img3.png)",
}
`;