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 [
  "/*!**********************************************************************************************!*\\\\
  !*** external \\"https://test.cases/path/../../../../configCases/css/css-import/external.css\\" ***!
  \\\\**********************************************************************************************/
body {
	externally-imported: true;
}

/*!******************************************!*\\\\
  !*** external \\"//example.com/style.css\\" ***!
  \\\\******************************************/
@import url(\\"//example.com/style.css\\");
/*!*****************************************************************!*\\\\
  !*** external \\"https://fonts.googleapis.com/css?family=Roboto\\" ***!
  \\\\*****************************************************************/
@import url(\\"https://fonts.googleapis.com/css?family=Roboto\\");
/*!***********************************************************************!*\\\\
  !*** external \\"https://fonts.googleapis.com/css?family=Noto+Sans+TC\\" ***!
  \\\\***********************************************************************/
@import url(\\"https://fonts.googleapis.com/css?family=Noto+Sans+TC\\");
/*!******************************************************************************!*\\\\
  !*** external \\"https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto\\" ***!
  \\\\******************************************************************************/
@import url(\\"https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto\\");
/*!************************************************************************************!*\\\\
  !*** external \\"https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto?foo=1\\" ***!
  \\\\************************************************************************************/
@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);
/*!***********************************************************************************************!*\\\\
  !*** external \\"https://test.cases/path/../../../../configCases/css/css-import/external1.css\\" ***!
  \\\\***********************************************************************************************/
body {
	externally-imported1: true;
}

/*!***********************************************************************************************!*\\\\
  !*** external \\"https://test.cases/path/../../../../configCases/css/css-import/external2.css\\" ***!
  \\\\***********************************************************************************************/
body {
	externally-imported2: true;
}

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

/*!************************************************!*\\\\
  !*** css ./node_modules/main-field/styles.css ***!
  \\\\************************************************/
p {
	color: antiquewhite;
}

/*!*********************************************************!*\\\\
  !*** css ./node_modules/package-with-exports/style.css ***!
  \\\\*********************************************************/
.load-me {
	color: red;
}

/*!***************************************!*\\\\
  !*** css ./extensions-imported.mycss ***!
  \\\\***************************************/
.custom-extension{
    color: green;
}.using-loader { color: red; }
/*!***********************!*\\\\
  !*** css ./file.less ***!
  \\\\***********************/
.link {
  color: #428bca;
}

/*!**********************************!*\\\\
  !*** css ./with-less-import.css ***!
  \\\\**********************************/

.foo {
	color: red;
}

/*!*********************************!*\\\\
  !*** css ./prefer-relative.css ***!
  \\\\*********************************/
.relative {
	color: red;
}

/*!************************************************************!*\\\\
  !*** css ./node_modules/condition-names-style/default.css ***!
  \\\\************************************************************/
.default {
	color: steelblue;
}

/*!**************************************************************!*\\\\
  !*** css ./node_modules/condition-names-style-mode/mode.css ***!
  \\\\**************************************************************/
.mode {
	color: red;
}

/*!******************************************************************!*\\\\
  !*** css ./node_modules/condition-names-subpath/dist/custom.css ***!
  \\\\******************************************************************/
.dist {
	color: steelblue;
}

/*!************************************************************************!*\\\\
  !*** css ./node_modules/condition-names-subpath-extra/dist/custom.css ***!
  \\\\************************************************************************/
.dist {
	color: steelblue;
}

/*!******************************************************************!*\\\\
  !*** css ./node_modules/condition-names-style-less/default.less ***!
  \\\\******************************************************************/
.conditional-names {
  color: #428bca;
}

/*!**********************************************************************!*\\\\
  !*** css ./node_modules/condition-names-custom-name/custom-name.css ***!
  \\\\**********************************************************************/
.custom-name {
	color: steelblue;
}

/*!************************************************************!*\\\\
  !*** css ./node_modules/style-and-main-library/styles.css ***!
  \\\\************************************************************/
.style {
	color: steelblue;
}

/*!**************************************************************!*\\\\
  !*** css ./node_modules/condition-names-webpack/webpack.css ***!
  \\\\**************************************************************/
.webpack {
	color: steelblue;
}

/*!*******************************************************************!*\\\\
  !*** css ./node_modules/condition-names-style-nested/default.css ***!
  \\\\*******************************************************************/
.default {
	color: steelblue;
}

/*!******************************!*\\\\
  !*** css ./style-import.css ***!
  \\\\******************************/

/* 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 */


/*!*****************************!*\\\\
  !*** css ./print.css?foo=1 ***!
  \\\\*****************************/
body {
	background: black;
}

/*!*****************************!*\\\\
  !*** css ./print.css?foo=2 ***!
  \\\\*****************************/
body {
	background: black;
}

/*!**********************************************!*\\\\
  !*** css ./print.css?foo=3 (layer: default) ***!
  \\\\**********************************************/
@layer default {
	body {
		background: black;
	}
}

/*!**********************************************!*\\\\
  !*** css ./print.css?foo=4 (layer: default) ***!
  \\\\**********************************************/
@layer default {
	body {
		background: black;
	}
}

/*!*******************************************************!*\\\\
  !*** css ./print.css?foo=5 (supports: display: flex) ***!
  \\\\*******************************************************/
@supports (display: flex) {
	body {
		background: black;
	}
}

/*!*******************************************************!*\\\\
  !*** css ./print.css?foo=6 (supports: display: flex) ***!
  \\\\*******************************************************/
@supports (display: flex) {
	body {
		background: black;
	}
}

/*!********************************************************************!*\\\\
  !*** css ./print.css?foo=7 (media: screen and (min-width: 400px)) ***!
  \\\\********************************************************************/
@media screen and (min-width: 400px) {
	body {
		background: black;
	}
}

/*!********************************************************************!*\\\\
  !*** css ./print.css?foo=8 (media: screen and (min-width: 400px)) ***!
  \\\\********************************************************************/
@media screen and (min-width: 400px) {
	body {
		background: black;
	}
}

/*!************************************************************************!*\\\\
  !*** css ./print.css?foo=9 (layer: default) (supports: display: flex) ***!
  \\\\************************************************************************/
@layer default {
	@supports (display: flex) {
		body {
			background: black;
		}
	}
}

/*!**************************************************************************************!*\\\\
  !*** css ./print.css?foo=10 (layer: default) (media: screen and (min-width: 400px)) ***!
  \\\\**************************************************************************************/
@layer default {
	@media screen and (min-width: 400px) {
		body {
			background: black;
		}
	}
}

/*!***********************************************************************************************!*\\\\
  !*** css ./print.css?foo=11 (supports: display: flex) (media: screen and (min-width: 400px)) ***!
  \\\\***********************************************************************************************/
@supports (display: flex) {
	@media screen and (min-width: 400px) {
		body {
			background: black;
		}
	}
}

/*!****************************************************************************************************************!*\\\\
  !*** css ./print.css?foo=12 (layer: default) (supports: display: flex) (media: screen and (min-width: 400px)) ***!
  \\\\****************************************************************************************************************/
@layer default {
	@supports (display: flex) {
		@media screen and (min-width: 400px) {
			body {
				background: black;
			}
		}
	}
}

/*!****************************************************************************************************************!*\\\\
  !*** css ./print.css?foo=13 (layer: default) (supports: display: flex) (media: screen and (min-width: 400px)) ***!
  \\\\****************************************************************************************************************/
@layer default {
	@supports (display: flex) {
		@media screen and (min-width: 400px) {
			body {
				background: black;
			}
		}
	}
}

/*!****************************************************************************************************************!*\\\\
  !*** css ./print.css?foo=14 (layer: default) (supports: display: flex) (media: screen and (min-width: 400px)) ***!
  \\\\****************************************************************************************************************/
@layer default {
	@supports (display: flex) {
		@media screen and (min-width: 400px) {
			body {
				background: black;
			}
		}
	}
}

/*!****************************************************************************************************************!*\\\\
  !*** css ./print.css?foo=15 (layer: default) (supports: display: flex) (media: screen and (min-width: 400px)) ***!
  \\\\****************************************************************************************************************/
@layer default {
	@supports (display: flex) {
		@media screen and (min-width: 400px) {
			body {
				background: black;
			}
		}
	}
}

/*!*****************************************************************************************************************************!*\\\\
  !*** css ./print.css?foo=16 (layer: default) (supports: background: url(./img.png)) (media: screen and (min-width: 400px)) ***!
  \\\\*****************************************************************************************************************************/
@layer default {
	@supports (background: url(./img.png)) {
		@media screen and (min-width: 400px) {
			body {
				background: black;
			}
		}
	}
}

/*!*******************************************************************************************************************************!*\\\\
  !*** css ./print.css?foo=17 (layer: default) (supports: background: url(\\"./img.png\\")) (media: screen and (min-width: 400px)) ***!
  \\\\*******************************************************************************************************************************/
@layer default {
	@supports (background: url(\\"./img.png\\")) {
		@media screen and (min-width: 400px) {
			body {
				background: black;
			}
		}
	}
}

/*!**********************************************!*\\\\
  !*** css ./print.css?foo=18 (media: screen) ***!
  \\\\**********************************************/
@media screen {
	body {
		background: black;
	}
}

/*!**********************************************!*\\\\
  !*** css ./print.css?foo=19 (media: screen) ***!
  \\\\**********************************************/
@media screen {
	body {
		background: black;
	}
}

/*!**********************************************!*\\\\
  !*** css ./print.css?foo=20 (media: screen) ***!
  \\\\**********************************************/
@media screen {
	body {
		background: black;
	}
}

/*!******************************!*\\\\
  !*** css ./print.css?foo=21 ***!
  \\\\******************************/
body {
	background: black;
}

/*!**************************!*\\\\
  !*** css ./imported.css ***!
  \\\\**************************/
body {
	background: green;
}

/*!****************************************!*\\\\
  !*** css ./imported.css (layer: base) ***!
  \\\\****************************************/
@layer base {
	body {
		background: green;
	}
}

/*!****************************************************!*\\\\
  !*** css ./imported.css (supports: display: flex) ***!
  \\\\****************************************************/
@supports (display: flex) {
	body {
		background: green;
	}
}

/*!*************************************************!*\\\\
  !*** css ./imported.css (media: screen, print) ***!
  \\\\*************************************************/
@media screen, print {
	body {
		background: green;
	}
}

/*!******************************!*\\\\
  !*** css ./style2.css?foo=1 ***!
  \\\\******************************/
a {
	color: red;
}

/*!******************************!*\\\\
  !*** css ./style2.css?foo=2 ***!
  \\\\******************************/
a {
	color: red;
}

/*!******************************!*\\\\
  !*** css ./style2.css?foo=3 ***!
  \\\\******************************/
a {
	color: red;
}

/*!******************************!*\\\\
  !*** css ./style2.css?foo=4 ***!
  \\\\******************************/
a {
	color: red;
}

/*!******************************!*\\\\
  !*** css ./style2.css?foo=5 ***!
  \\\\******************************/
a {
	color: red;
}

/*!******************************!*\\\\
  !*** css ./style2.css?foo=6 ***!
  \\\\******************************/
a {
	color: red;
}

/*!******************************!*\\\\
  !*** css ./style2.css?foo=7 ***!
  \\\\******************************/
a {
	color: red;
}

/*!******************************!*\\\\
  !*** css ./style2.css?foo=8 ***!
  \\\\******************************/
a {
	color: red;
}

/*!******************************!*\\\\
  !*** css ./style2.css?foo=9 ***!
  \\\\******************************/
a {
	color: red;
}

/*!********************************************************************!*\\\\
  !*** css ./style2.css (media: screen and (orientation:landscape)) ***!
  \\\\********************************************************************/
@media screen and (orientation:landscape) {
	a {
		color: red;
	}
}

/*!*********************************************************************!*\\\\
  !*** css ./style2.css (media: SCREEN AND (ORIENTATION: LANDSCAPE)) ***!
  \\\\*********************************************************************/
@media SCREEN AND (ORIENTATION: LANDSCAPE) {
	a {
		color: red;
	}
}

/*!****************************************************!*\\\\
  !*** css ./style2.css (media: (min-width: 100px)) ***!
  \\\\****************************************************/
@media (min-width: 100px) {
	a {
		color: red;
	}
}

/*!**********************************!*\\\\
  !*** css ./test.css?foo=1&bar=1 ***!
  \\\\**********************************/
.class {
	content: \\"test.css\\";
}

/*!*****************************************!*\\\\
  !*** css ./style2.css?foo=1&bar=1#hash ***!
  \\\\*****************************************/
a {
	color: red;
}

/*!*************************************************************************************!*\\\\
  !*** css ./style2.css?foo=1&bar=1#hash (media: screen and (orientation:landscape)) ***!
  \\\\*************************************************************************************/
@media screen and (orientation:landscape) {
	a {
		color: red;
	}
}

/*!******************************!*\\\\
  !*** css ./style3.css?bar=1 ***!
  \\\\******************************/
.class {
	content: \\"style.css\\";
	color: red;
}

/*!******************************!*\\\\
  !*** css ./style3.css?bar=2 ***!
  \\\\******************************/
.class {
	content: \\"style.css\\";
	color: red;
}

/*!******************************!*\\\\
  !*** css ./style3.css?bar=3 ***!
  \\\\******************************/
.class {
	content: \\"style.css\\";
	color: red;
}

/*!******************************!*\\\\
  !*** css ./style3.css?=bar4 ***!
  \\\\******************************/
.class {
	content: \\"style.css\\";
	color: red;
}

/*!**************************!*\\\\
  !*** css ./styl'le7.css ***!
  \\\\**************************/
.class {
	content: \\"style7.css\\";
}

/*!********************************!*\\\\
  !*** css ./styl'le7.css?foo=1 ***!
  \\\\********************************/
.class {
	content: \\"style7.css\\";
}

/*!***************************!*\\\\
  !*** css ./test test.css ***!
  \\\\***************************/
.class {
	content: \\"test test.css\\";
}

/*!*********************************!*\\\\
  !*** css ./test test.css?foo=1 ***!
  \\\\*********************************/
.class {
	content: \\"test test.css\\";
}

/*!*********************************!*\\\\
  !*** css ./test test.css?foo=2 ***!
  \\\\*********************************/
.class {
	content: \\"test test.css\\";
}

/*!*********************************!*\\\\
  !*** css ./test test.css?foo=3 ***!
  \\\\*********************************/
.class {
	content: \\"test test.css\\";
}

/*!*********************************!*\\\\
  !*** css ./test test.css?foo=4 ***!
  \\\\*********************************/
.class {
	content: \\"test test.css\\";
}

/*!*********************************!*\\\\
  !*** css ./test test.css?foo=5 ***!
  \\\\*********************************/
.class {
	content: \\"test test.css\\";
}

/*!**********************!*\\\\
  !*** css ./test.css ***!
  \\\\**********************/
.class {
	content: \\"test.css\\";
}

/*!****************************!*\\\\
  !*** css ./test.css?foo=1 ***!
  \\\\****************************/
.class {
	content: \\"test.css\\";
}

/*!****************************!*\\\\
  !*** css ./test.css?foo=2 ***!
  \\\\****************************/
.class {
	content: \\"test.css\\";
}

/*!****************************!*\\\\
  !*** css ./test.css?foo=3 ***!
  \\\\****************************/
.class {
	content: \\"test.css\\";
}

/*!*********************************!*\\\\
  !*** css ./test test.css?foo=6 ***!
  \\\\*********************************/
.class {
	content: \\"test test.css\\";
}

/*!*********************************!*\\\\
  !*** css ./test test.css?foo=7 ***!
  \\\\*********************************/
.class {
	content: \\"test test.css\\";
}

/*!*********************************!*\\\\
  !*** css ./test test.css?foo=8 ***!
  \\\\*********************************/
.class {
	content: \\"test test.css\\";
}

/*!*********************************!*\\\\
  !*** css ./test test.css?foo=9 ***!
  \\\\*********************************/
.class {
	content: \\"test test.css\\";
}

/*!**********************************!*\\\\
  !*** css ./test test.css?fpp=10 ***!
  \\\\**********************************/
.class {
	content: \\"test test.css\\";
}

/*!**********************************!*\\\\
  !*** css ./test test.css?foo=11 ***!
  \\\\**********************************/
.class {
	content: \\"test test.css\\";
}

/*!*********************************!*\\\\
  !*** css ./style6.css?foo=bazz ***!
  \\\\*********************************/
.class {
	content: \\"style6.css\\";
}

/*!********************************************************!*\\\\
  !*** css ./string-loader.js?esModule=false!./test.css ***!
  \\\\********************************************************/
.class {
	content: \\"test.css\\";
}
.using-loader { color: red; }
/*!********************************!*\\\\
  !*** css ./style4.css?foo=bar ***!
  \\\\********************************/
.class {
	content: \\"style4.css\\";
}

/*!*************************************!*\\\\
  !*** css ./style4.css?foo=bar#hash ***!
  \\\\*************************************/
.class {
	content: \\"style4.css\\";
}

/*!******************************!*\\\\
  !*** css ./style4.css?#hash ***!
  \\\\******************************/
.class {
	content: \\"style4.css\\";
}

/*!********************************************************!*\\\\
  !*** css ./style4.css?foo=1 (supports: display: flex) ***!
  \\\\********************************************************/
@supports (display: flex) {
	.class {
		content: \\"style4.css\\";
	}
}

/*!****************************************************************************************************!*\\\\
  !*** css ./style4.css?foo=2 (supports: display: flex) (media: screen and (orientation:landscape)) ***!
  \\\\****************************************************************************************************/
@supports (display: flex) {
	@media screen and (orientation:landscape) {
		.class {
			content: \\"style4.css\\";
		}
	}
}

/*!******************************!*\\\\
  !*** css ./style4.css?foo=3 ***!
  \\\\******************************/
.class {
	content: \\"style4.css\\";
}

/*!******************************!*\\\\
  !*** css ./style4.css?foo=4 ***!
  \\\\******************************/
.class {
	content: \\"style4.css\\";
}

/*!******************************!*\\\\
  !*** css ./style4.css?foo=5 ***!
  \\\\******************************/
.class {
	content: \\"style4.css\\";
}

/*!*****************************************************************************************************!*\\\\
  !*** css ./string-loader.js?esModule=false!./test.css (media: screen and (orientation: landscape)) ***!
  \\\\*****************************************************************************************************/
@media screen and (orientation: landscape) {
	.class {
		content: \\"test.css\\";
	}
	.using-loader { color: red; }}

/*!*************************************************************************************!*\\\\
  !*** css data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D ***!
  \\\\*************************************************************************************/
a {
  color: red;
}
/*!**********************************************************************************************************************************!*\\\\
  !*** css data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20blue%3B%0D%0A%7D (media: screen and (orientation:landscape)) ***!
  \\\\**********************************************************************************************************************************/
@media screen and (orientation:landscape) {
	a {
	  color: blue;
	}}

/*!***************************************************************************!*\\\\
  !*** css data:text/css;charset=utf-8;base64,YSB7DQogIGNvbG9yOiByZWQ7DQp9 ***!
  \\\\***************************************************************************/
a {
  color: red;
}
/*!******************************!*\\\\
  !*** css ./style5.css?foo=1 ***!
  \\\\******************************/
.class {
	content: \\"style5.css\\";
}

/*!******************************!*\\\\
  !*** css ./style5.css?foo=2 ***!
  \\\\******************************/
.class {
	content: \\"style5.css\\";
}

/*!**************************************************!*\\\\
  !*** css ./style5.css?foo=3 (supports: unknown) ***!
  \\\\**************************************************/
@supports (unknown) {
	.class {
		content: \\"style5.css\\";
	}
}

/*!********************************************************!*\\\\
  !*** css ./style5.css?foo=4 (supports: display: flex) ***!
  \\\\********************************************************/
@supports (display: flex) {
	.class {
		content: \\"style5.css\\";
	}
}

/*!*******************************************************************!*\\\\
  !*** css ./style5.css?foo=5 (supports: display: flex !important) ***!
  \\\\*******************************************************************/
@supports (display: flex !important) {
	.class {
		content: \\"style5.css\\";
	}
}

/*!***********************************************************************************************!*\\\\
  !*** css ./style5.css?foo=6 (supports: display: flex) (media: screen and (min-width: 400px)) ***!
  \\\\***********************************************************************************************/
@supports (display: flex) {
	@media screen and (min-width: 400px) {
		.class {
			content: \\"style5.css\\";
		}
	}
}

/*!********************************************************!*\\\\
  !*** css ./style5.css?foo=7 (supports: selector(a b)) ***!
  \\\\********************************************************/
@supports (selector(a b)) {
	.class {
		content: \\"style5.css\\";
	}
}

/*!********************************************************!*\\\\
  !*** css ./style5.css?foo=8 (supports: display: flex) ***!
  \\\\********************************************************/
@supports (display: flex) {
	.class {
		content: \\"style5.css\\";
	}
}

/*!*****************************!*\\\\
  !*** css ./layer.css?foo=1 ***!
  \\\\*****************************/
@layer {
	.class {
		content: \\"layer.css\\";
	}
}

/*!**********************************************!*\\\\
  !*** css ./layer.css?foo=2 (layer: default) ***!
  \\\\**********************************************/
@layer default {
	.class {
		content: \\"layer.css\\";
	}
}

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

/*!**********************************************************************************************!*\\\\
  !*** css ./layer.css?foo=3 (supports: display: flex) (media: screen and (min-width: 400px)) ***!
  \\\\**********************************************************************************************/
@layer {
	@supports (display: flex) {
		@media screen and (min-width: 400px) {
			.class {
				content: \\"layer.css\\";
			}
		}
	}
}

/*!**********************************************************************************************!*\\\\
  !*** css ./layer.css?foo=4 (supports: display: flex) (media: screen and (min-width: 400px)) ***!
  \\\\**********************************************************************************************/
@layer {
	@supports (display: flex) {
		@media screen and (min-width: 400px) {
			.class {
				content: \\"layer.css\\";
			}
		}
	}
}

/*!*****************************!*\\\\
  !*** css ./layer.css?foo=5 ***!
  \\\\*****************************/
@layer {
	.class {
		content: \\"layer.css\\";
	}
}

/*!**************************************************!*\\\\
  !*** css ./layer.css?foo=6 (layer: foo.bar.baz) ***!
  \\\\**************************************************/
@layer foo.bar.baz {
	.class {
		content: \\"layer.css\\";
	}
}

/*!*****************************!*\\\\
  !*** css ./layer.css?foo=7 ***!
  \\\\*****************************/
@layer {
	.class {
		content: \\"layer.css\\";
	}
}

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

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

/*!**********************************************************************************************!*\\\\
  !*** css ./style6.css?foo=2 (supports: display: flex) (media: screen and (min-width:400px)) ***!
  \\\\**********************************************************************************************/
@supports (display: flex) {
	@media screen and (min-width:400px) {
		.class {
			content: \\"style6.css\\";
		}
	}
}

/*!********************************************************************!*\\\\
  !*** css ./style6.css?foo=3 (media: screen and (min-width:400px)) ***!
  \\\\********************************************************************/
@media screen and (min-width:400px) {
	.class {
		content: \\"style6.css\\";
	}
}

/*!********************************************************************!*\\\\
  !*** css ./style6.css?foo=4 (media: screen and (min-width:400px)) ***!
  \\\\********************************************************************/
@media screen and (min-width:400px) {
	.class {
		content: \\"style6.css\\";
	}
}

/*!********************************************************************!*\\\\
  !*** css ./style6.css?foo=5 (media: screen and (min-width:400px)) ***!
  \\\\********************************************************************/
@media screen and (min-width:400px) {
	.class {
		content: \\"style6.css\\";
	}
}

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

/*!****************************************************************************************************************!*\\\\
  !*** css ./style6.css?foo=7 (layer: DEFAULT) (supports: DISPLAY: FLEX) (media: SCREEN AND (MIN-WIDTH: 400PX)) ***!
  \\\\****************************************************************************************************************/
@layer DEFAULT {
	@supports (DISPLAY: FLEX) {
		@media SCREEN AND (MIN-WIDTH: 400PX) {
			.class {
				content: \\"style6.css\\";
			}
		}
	}
}

/*!***********************************************************************************************!*\\\\
  !*** css ./style6.css?foo=8 (supports: DISPLAY: FLEX) (media: SCREEN AND (MIN-WIDTH: 400PX)) ***!
  \\\\***********************************************************************************************/
@layer {
	@supports (DISPLAY: FLEX) {
		@media SCREEN AND (MIN-WIDTH: 400PX) {
			.class {
				content: \\"style6.css\\";
			}
		}
	}
}

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

/*!*******************************!*\\\\
  !*** css ./style6.css?foo=10 ***!
  \\\\*******************************/
.class {
	content: \\"style6.css\\";
}

/*!*******************************!*\\\\
  !*** css ./style6.css?foo=11 ***!
  \\\\*******************************/
.class {
	content: \\"style6.css\\";
}

/*!*******************************!*\\\\
  !*** css ./style6.css?foo=12 ***!
  \\\\*******************************/
.class {
	content: \\"style6.css\\";
}

/*!*******************************!*\\\\
  !*** css ./style6.css?foo=13 ***!
  \\\\*******************************/
.class {
	content: \\"style6.css\\";
}

/*!*******************************!*\\\\
  !*** css ./style6.css?foo=14 ***!
  \\\\*******************************/
.class {
	content: \\"style6.css\\";
}

/*!*******************************!*\\\\
  !*** css ./style6.css?foo=15 ***!
  \\\\*******************************/
.class {
	content: \\"style6.css\\";
}

/*!**************************************************************************!*\\\\
  !*** css ./style6.css?foo=16 (media: print and (orientation:landscape)) ***!
  \\\\**************************************************************************/
@media print and (orientation:landscape) {
	.class {
		content: \\"style6.css\\";
	}
}

/*!****************************************************************************************!*\\\\
  !*** css ./style6.css?foo=17 (media: print and (orientation:landscape)/* Comment *_/) ***!
  \\\\****************************************************************************************/
@media print and (orientation:landscape)/* Comment */ {
	.class {
		content: \\"style6.css\\";
	}
}

/*!**************************************************************************!*\\\\
  !*** css ./style6.css?foo=18 (media: print and (orientation:landscape)) ***!
  \\\\**************************************************************************/
@media print and (orientation:landscape) {
	.class {
		content: \\"style6.css\\";
	}
}

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

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

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

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

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

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

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

/*!*******************************************!*\\\\
  !*** css ./style8.css (layer: framework) ***!
  \\\\*******************************************/
@layer framework {
	.class {
		content: \\"style8.css\\";
	}
}

/*!*****************************************!*\\\\
  !*** css ./style8.css (layer: default) ***!
  \\\\*****************************************/
@layer default {
	.class {
		content: \\"style8.css\\";
	}
}

/*!**************************************!*\\\\
  !*** css ./style8.css (layer: base) ***!
  \\\\**************************************/
@layer base {
	.class {
		content: \\"style8.css\\";
	}
}

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

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

/*!************************!*\\\\
  !*** css ./style2.css ***!
  \\\\************************/
@layer {
	a {
		color: red;
	}
}

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

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

/*!*************************!*\\\\
  !*** css ./style11.css ***!
  \\\\*************************/
.style11 {
	color: red;
}

/*!*************************!*\\\\
  !*** css ./style12.css ***!
  \\\\*************************/

.style12 {
	color: red;
}

/*!*************************!*\\\\
  !*** css ./style13.css ***!
  \\\\*************************/
div{color: red;}

/*!*************************!*\\\\
  !*** css ./style10.css ***!
  \\\\*************************/


.style10 {
	color: red;
}

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

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

/*!*********************************************************************!*\\\\
  !*** css ./media-nested.css (media: screen and (min-width: 400px)) ***!
  \\\\*********************************************************************/
@media screen and (min-width: 400px) {
	
	.class {
		nested: 1;
	}
}

/*!**********************************************************************!*\\\\
  !*** css ./supports-deep-deep-nested.css (supports: display: table) ***!
  \\\\**********************************************************************/
@supports (display: flex) {
	@supports (display: grid) {
		@supports (display: table) {
			.class {
				deep-deep-nested: 1;
			}
		}
	}
}

/*!****************************************************************!*\\\\
  !*** css ./supports-deep-nested.css (supports: display: grid) ***!
  \\\\****************************************************************/
@supports (display: flex) {
	@supports (display: grid) {
		
		.class {
			deep-nested: 1;
		}
	}
}

/*!***********************************************************!*\\\\
  !*** css ./supports-nested.css (supports: display: flex) ***!
  \\\\***********************************************************/
@supports (display: flex) {
	
	.class {
		nested: 1;
	}
}

/*!*****************************************************!*\\\\
  !*** css ./layer-deep-deep-nested.css (layer: baz) ***!
  \\\\*****************************************************/
@layer foo {
	@layer bar {
		@layer baz {
			.class {
				deep-deep-nested: 1;
			}
		}
	}
}

/*!************************************************!*\\\\
  !*** css ./layer-deep-nested.css (layer: bar) ***!
  \\\\************************************************/
@layer foo {
	@layer bar {
		
		.class {
			deep-nested: 1;
		}
	}
}

/*!*******************************************!*\\\\
  !*** css ./layer-nested.css (layer: foo) ***!
  \\\\*******************************************/
@layer foo {
	
	.class {
		nested: 1;
	}
}

/*!*********************************************************************************************************************!*\\\\
  !*** css ./all-deep-deep-nested.css (layer: baz) (supports: display: table) (media: screen and (min-width: 600px)) ***!
  \\\\*********************************************************************************************************************/
@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;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

/*!***************************************************************************************************************!*\\\\
  !*** css ./all-deep-nested.css (layer: bar) (supports: display: grid) (media: screen and (min-width: 500px)) ***!
  \\\\***************************************************************************************************************/
@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;
						}
					}
				}
			}
		}
	}
}

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

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

/*!*************************************************************!*\\\\
  !*** css ./mixed-deep-nested.css (supports: display: flex) ***!
  \\\\*************************************************************/
@media screen and (min-width: 400px) {
	@supports (display: flex) {
		
		.class {
			deep-nested: 1;
		}
	}
}

/*!*********************************************************************!*\\\\
  !*** css ./mixed-nested.css (media: screen and (min-width: 400px)) ***!
  \\\\*********************************************************************/
@media screen and (min-width: 400px) {
	
	.class {
		nested: 1;
	}
}

/*!********************************************!*\\\\
  !*** css ./anonymous-deep-deep-nested.css ***!
  \\\\********************************************/
@layer {
	@layer {
		@layer {
			.class {
				deep-deep-nested: 1;
			}
		}
	}
}

/*!***************************************!*\\\\
  !*** css ./anonymous-deep-nested.css ***!
  \\\\***************************************/
@layer {
	@layer {
		
		.class {
			deep-nested: 1;
		}
	}
}

/*!*****************************************************!*\\\\
  !*** css ./layer-deep-deep-nested.css (layer: baz) ***!
  \\\\*****************************************************/
@layer {
	@layer base {
		@layer baz {
			.class {
				deep-deep-nested: 1;
			}
		}
	}
}

/*!*************************************************!*\\\\
  !*** css ./layer-deep-nested.css (layer: base) ***!
  \\\\*************************************************/
@layer {
	@layer base {
		
		.class {
			deep-nested: 1;
		}
	}
}

/*!**********************************!*\\\\
  !*** css ./anonymous-nested.css ***!
  \\\\**********************************/
@layer {
	
	.class {
		deep-nested: 1;
	}
}

/*!************************************************************************************!*\\\\
  !*** css ./media-deep-deep-nested.css (media: screen and (orientation: portrait)) ***!
  \\\\************************************************************************************/
@media screen and (orientation: portrait) {
	.class {
		deep-deep-nested: 1;
	}
}

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

/*!******************************************************************************!*\\\\
  !*** css ./duplicate-nested.css (media: screen and (orientation: portrait)) ***!
  \\\\******************************************************************************/
@media screen and (orientation: portrait) {
	
	.class {
		duplicate-nested: true;
	}
}

/*!********************************************!*\\\\
  !*** css ./anonymous-deep-deep-nested.css ***!
  \\\\********************************************/
@supports (display: flex) {
	@media screen and (orientation: portrait) {
		@layer {
			@layer {
				.class {
					deep-deep-nested: 1;
				}
			}
		}
	}
}

/*!***************************************!*\\\\
  !*** css ./anonymous-deep-nested.css ***!
  \\\\***************************************/
@supports (display: flex) {
	@media screen and (orientation: portrait) {
		@layer {
			
			.class {
				deep-nested: 1;
			}
		}
	}
}

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

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

/*!********************************************************************************************************!*\\\\
  !*** css ./anonymous-nested.css (supports: display: flex) (media: screen and (orientation: portrait)) ***!
  \\\\********************************************************************************************************/
@supports (display: flex) {
	@media screen and (orientation: portrait) {
		
		.class {
			deep-nested: 1;
		}
	}
}

/*!*********************************************************************************************************************!*\\\\
  !*** css ./all-deep-deep-nested.css (layer: baz) (supports: display: table) (media: screen and (min-width: 600px)) ***!
  \\\\*********************************************************************************************************************/
@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;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

/*!***************************************************************************************************************!*\\\\
  !*** css ./all-deep-nested.css (layer: bar) (supports: display: grid) (media: screen and (min-width: 500px)) ***!
  \\\\***************************************************************************************************************/
@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;
						}
					}
				}
			}
		}
	}
}

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

/*!***************************************************************************************************************!*\\\\
  !*** css ./style2.css?warning=6 (supports: unknown: layer(super.foo)) (media: screen and (min-width: 400px)) ***!
  \\\\***************************************************************************************************************/
@supports (unknown: layer(super.foo)) {
	@media screen and (min-width: 400px) {
		a {
			color: red;
		}
	}
}

/*!***************************************************************************************************************!*\\\\
  !*** css ./style2.css?warning=7 (supports: url: url(\\"./unknown.css\\")) (media: screen and (min-width: 400px)) ***!
  \\\\***************************************************************************************************************/
@supports (url: url(\\"./unknown.css\\")) {
	@media screen and (min-width: 400px) {
		a {
			color: red;
		}
	}
}

/*!*************************************************************************************************************!*\\\\
  !*** css ./style2.css?warning=8 (supports: url: url(./unknown.css)) (media: screen and (min-width: 400px)) ***!
  \\\\*************************************************************************************************************/
@supports (url: url(./unknown.css)) {
	@media screen and (min-width: 400px) {
		a {
			color: red;
		}
	}
}

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

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

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

/*!***************************************************!*\\\\
  !*** css ./style2.css?unknown3 (media: \\"string\\") ***!
  \\\\***************************************************/
@media \\"string\\" {
	a {
		color: red;
	}
}

/*!**********************************************************************************************************************************!*\\\\
  !*** css ./style2.css?wrong-order-but-valid=6 (supports: display: flex) (media: layer(super.foo) screen and (min-width: 400px)) ***!
  \\\\**********************************************************************************************************************************/
@supports (display: flex) {
	@media layer(super.foo) screen and (min-width: 400px) {
		a {
			color: red;
		}
	}
}

/*!****************************************!*\\\\
  !*** css ./style2.css?after-namespace ***!
  \\\\****************************************/
a {
	color: red;
}

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

/*!***************************************************************************!*\\\\
  !*** css ./style2.css?multiple=3 (media: url(\\"./style2.css?multiple=4\\")) ***!
  \\\\***************************************************************************/
@media url(\\"./style2.css?multiple=4\\") {
	a {
		color: red;
	}
}

/*!**************************************************************************!*\\\\
  !*** css ./style2.css?strange=3 (media: url(\\"./style2.css?multiple=4\\")) ***!
  \\\\**************************************************************************/
@media url(\\"./style2.css?multiple=4\\") {
	a {
		color: red;
	}
}

/*!***********************!*\\\\
  !*** css ./style.css ***!
  \\\\***********************/

/* 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(fae7e602dbe59a260308.css?warning=4) supports(display: flex) screen and (min-width: 400px);
@import layer(super.foo) supports(display: flex) url(fae7e602dbe59a260308.css?warning=5) screen and (min-width: 400px);
@import layer(super.foo) supports(display: flex) screen and (min-width: 400px) url(fae7e602dbe59a260308.css?warning=6);
@namespace url(http://www.w3.org/1999/xhtml);
@import supports(background: url(09a1a1112c577c279435.png));
@import supports(background: url(09a1a1112c577c279435.png)) screen and (min-width: 400px);
@import layer(test) supports(background: url(09a1a1112c577c279435.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: 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: dev 2`] = `
"/*!******************************!*\\\\
  !*** css ./style.module.css ***!
  \\\\******************************/
._-_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: #c0ffee;
}

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

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

._-_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;

	._-_style_module_css-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(---_style_module_css-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_css-broken {
	. global(._-_style_module_css-class) {
		color: red;
	}

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

	: global ._-_style_module_css-class {
		color: red;
	}

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

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

	# hash {
		color: red;
	}
}

._-_style_module_css-comments {
	.class {
		color: red;
	}

	.class {
		color: red;
	}

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

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

	./** test **/_-_style_module_css-class {
		color: red;
	}

	./** test **/_-_style_module_css-class {
		color: red;
	}

	./** test **/_-_style_module_css-class {
		color: red;
	}
}

._-_style_module_css-foo {
	color: red;
	+ ._-_style_module_css-bar + & { color: blue; }
}

._-_style_module_css-error, #_-_style_module_css-err-404 {
	&:hover > ._-_style_module_css-baz { color: red; }
}

._-_style_module_css-foo {
	& :is(._-_style_module_css-bar, &._-_style_module_css-baz) { color: red; }
}

._-_style_module_css-qqq {
	color: green;
	& ._-_style_module_css-a { color: blue; }
	color: red;
}

._-_style_module_css-parent {
	color: blue;

	@scope (& > ._-_style_module_css-scope) to (& > ._-_style_module_css-limit) {
		& ._-_style_module_css-content {
			color: red;
		}
	}
}

._-_style_module_css-parent {
	color: blue;

	@scope (& > ._-_style_module_css-scope) to (& > ._-_style_module_css-limit) {
		._-_style_module_css-content {
			color: red;
		}
	}

	._-_style_module_css-a {
		color: red;
	}
}

@scope (._-_style_module_css-card) {
	:scope { border-block-end: 1px solid white; }
}

._-_style_module_css-card {
	inline-size: 40ch;
	aspect-ratio: 3/4;

	@scope (&) {
		:scope {
			border: 1px solid white;
		}
	}
}

._-_style_module_css-foo {
	display: grid;

	@media (orientation: landscape) {
		._-_style_module_css-bar {
			grid-auto-flow: column;

			@media (min-width > 1024px) {
				._-_style_module_css-baz-1 {
					display: grid;
				}

				max-inline-size: 1024px;

				._-_style_module_css-baz-2 {
					display: grid;
				}
			}
		}
	}
}

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

ul {
	list-style: thumbs;
}

@container (width > 400px) and style(--responsive: true) {
	._-_style_module_css-class {
		font-size: 1.5em;
	}
}
/* At-rule for \\"nice-style\\" in Font One */
@font-feature-values Font One {
	@styleset {
		nice-style: 12;
	}
}

@font-palette-values --identifier {
	font-family: Bixa;
}

._-_style_module_css-my-class {
	font-palette: --identifier;
}

@keyframes _-_style_module_css-foo { /* ... */ }
@keyframes _-_style_module_css-foo { /* ... */ }
@keyframes { /* ... */ }
@keyframes{ /* ... */ }

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

@starting-style {
	._-_style_module_css-class {
		opacity: 0;
		transform: scaleX(0);
	}
}

._-_style_module_css-class {
	opacity: 1;
	transform: scaleX(1);

	@starting-style {
		opacity: 0;
		transform: scaleX(0);
	}
}

@scope (._-_style_module_css-feature) {
	._-_style_module_css-class { opacity: 0; }

	:scope ._-_style_module_css-class-1 { opacity: 0; }

	& ._-_style_module_css-class { opacity: 0; }
}

@position-try --custom-left {
	position-area: left;
	width: 100px;
	margin: 0 10px 0 0;
}

@position-try --custom-bottom {
	top: anchor(bottom);
	justify-self: anchor-center;
	margin: 10px 0 0 0;
	position-area: none;
}

@position-try --custom-right {
	left: calc(anchor(right) + 10px);
	align-self: anchor-center;
	width: 100px;
	position-area: none;
}

@position-try --custom-bottom-right {
	position-area: bottom right;
	margin: 10px 0 0 10px;
}

._-_style_module_css-infobox {
	position: fixed;
	position-anchor: --myAnchor;
	position-area: top;
	width: 200px;
	margin: 0 0 10px 0;
	position-try-fallbacks:
		--custom-left, --custom-bottom,
		--custom-right, --custom-bottom-right;
}

@page {
	size: 8.5in 9in;
	margin-top: 4in;
}

@color-profile --swop5c {
	src: url(https://example.org/SWOP2006_Coated5v2.icc);
}

._-_style_module_css-header {
	background-color: color(--swop5c 0% 70% 20% 0%);
}

._-_style_module_css-test {
	test: (1, 2) [3, 4], { 1: 2};
	._-_style_module_css-a {
		width: 200px;
	}
}

._-_style_module_css-test {
	._-_style_module_css-test {
		width: 200px;
	}
}

._-_style_module_css-test {
	width: 200px;

	._-_style_module_css-test {
		width: 200px;
	}
}

._-_style_module_css-test {
	width: 200px;

	._-_style_module_css-test {
		._-_style_module_css-test {
			width: 200px;
		}
	}
}

._-_style_module_css-test {
	width: 200px;

	._-_style_module_css-test {
		width: 200px;

		._-_style_module_css-test {
			width: 200px;
		}
	}
}

._-_style_module_css-test {
	._-_style_module_css-test {
		width: 200px;

		._-_style_module_css-test {
			width: 200px;
		}
	}
}

._-_style_module_css-test {
	._-_style_module_css-test {
		width: 200px;
	}
	width: 200px;
}

._-_style_module_css-test {
	._-_style_module_css-test {
		width: 200px;
	}
	._-_style_module_css-test {
		width: 200px;
	}
}

._-_style_module_css-test {
	._-_style_module_css-test {
		width: 200px;
	}
	width: 200px;
	._-_style_module_css-test {
		width: 200px;
	}
}

#_-_style_module_css-test {
	c: 1;

	#_-_style_module_css-test {
		c: 2;
	}
}

@property ---_style_module_css-item-size {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}

._-_style_module_css-container {
	display: flex;
	height: 200px;
	border: 1px dashed black;

	/* set custom property values on parent */
	---_style_module_css-item-size: 20%;
	---_style_module_css-item-color: orange;
}

._-_style_module_css-item {
	width: var(---_style_module_css-item-size);
	height: var(---_style_module_css-item-size);
	background-color: var(---_style_module_css-item-color);
}

._-_style_module_css-two {
	---_style_module_css-item-size: initial;
	---_style_module_css-item-color: inherit;
}

._-_style_module_css-three {
	/* invalid values */
	---_style_module_css-item-size: 1000px;
	---_style_module_css-item-color: xyz;
}

@property invalid {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property{
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}

@keyframes _-_style_module_css-initial { /* ... */ }
@keyframes/**test**/_-_style_module_css-initial { /* ... */ }
@keyframes/**test**/_-_style_module_css-initial/**test**/{ /* ... */ }
@keyframes/**test**//**test**/_-_style_module_css-initial/**test**//**test**/{ /* ... */ }
@keyframes /**test**/ /**test**/ _-_style_module_css-initial /**test**/ /**test**/ { /* ... */ }
@keyframes _-_style_module_css-None { /* ... */ }
@property/**test**/---_style_module_css-item-size {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property/**test**/---_style_module_css-item-size/**test**/{
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property /**test**/---_style_module_css-item-size/**test**/ {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property /**test**/ ---_style_module_css-item-size /**test**/ {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property/**test**/ ---_style_module_css-item-size /**test**/{
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property /**test**/ ---_style_module_css-item-size /**test**/ {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
div {
	animation: 3s ease-in 1s 2 reverse both paused _-_style_module_css-initial, _-_style_module_css-localkeyframes2;
	animation-name: _-_style_module_css-initial;
	animation-duration: 2s;
}

._-_style_module_css-item-1 {
	width: var(   ---_style_module_css-item-size   );
	height: var(/**comment**/---_style_module_css-item-size);
	background-color: var( /**comment**/---_style_module_css-item-color);
	background-color-1: var(/**comment**/ ---_style_module_css-item-color);
	background-color-2: var( /**comment**/ ---_style_module_css-item-color);
	background-color-3: var( /**comment**/ ---_style_module_css-item-color /**comment**/ );
	background-color-3: var( /**comment**/---_style_module_css-item-color/**comment**/ );
	background-color-3: var(/**comment**/---_style_module_css-item-color/**comment**/);
}

@keyframes/**test**/_-_style_module_css-foo { /* ... */ }
@keyframes /**test**/_-_style_module_css-foo { /* ... */ }
@keyframes/**test**/ _-_style_module_css-foo { /* ... */ }
@keyframes /**test**/ _-_style_module_css-foo { /* ... */ }
@keyframes /**test**//**test**/ _-_style_module_css-foo { /* ... */ }
@keyframes /**test**/ /**test**/ _-_style_module_css-foo { /* ... */ }
@keyframes /**test**/ /**test**/_-_style_module_css-foo { /* ... */ }
@keyframes /**test**//**test**/_-_style_module_css-foo { /* ... */ }
@keyframes/**test**//**test**/_-_style_module_css-foo { /* ... */ }
@keyframes/**test**//**test**/_-_style_module_css-foo/**test**//**test**/{ /* ... */ }
@keyframes /**test**/ /**test**/ _-_style_module_css-foo /**test**/ /**test**/ { /* ... */ }

./**test**//**test**/_-_style_module_css-class {
	background: red;
}

./**test**/ /**test**/class {
	background: red;
}

/*!*********************************!*\\\\
  !*** css ./style.module.my-css ***!
  \\\\*********************************/
._-_style_module_my-css-myCssClass {
    color: red;
}

/*!**************************************!*\\\\
  !*** css ./style.module.css.invalid ***!
  \\\\**************************************/
.class {
    color: teal;
}

/*!************************************!*\\\\
  !*** css ./identifiers.module.css ***!
  \\\\************************************/
._-_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/my-color-1:---_style_module_css-my-color-1/my-color-2:---_style_module_css-my-color-2/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-
`;

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 exported tests should allow to create css modules: prod 2`] = `
"/*!******************************!*\\\\
  !*** css ./style.module.css ***!
  \\\\******************************/
.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(.my-app-235-disabled, .my-app-235-mButtonDisabled, .my-app-235-tipOnly) {
    pointer-events: initial !important;
}

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

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

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

.my-app-235-AO div:has(.my-app-235-disabled, .my-app-235-mButtonDisabled, .my-app-235-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.my-app-235-parent1.my-app-235-child1.my-app-235-vertical-tiny,
    div.my-app-235-parent1.my-app-235-child1.my-app-235-vertical-small,
    div.my-app-235-otherDiv.my-app-235-horizontal-tiny,
    div.my-app-235-otherDiv.my-app-235-horizontal-small div.my-app-235-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;
		}
	}
}

.my-app-235-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 .my-app-235-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;
	}
}

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

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

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

.my-app-235-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;
}

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

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

.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;

	.my-app-235-nested-pure {
		color: red;
	}

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

		.my-app-235-nested-media {
			color: blue;
		}
	}

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

		.my-app-235-nested-supports {
			display: flex;
		}
	}

	@layer foo {
		background: red;

		.my-app-235-nested-layer {
			background: red;
		}
	}

	@container foo {
		background: red;

		.my-app-235-nested-layer {
			background: red;
		}
	}
}

.my-app-235-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;
}

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

.my-app-235-nested-with-local-pseudo {
	color: red;

	.my-app-235-local-nested {
		color: red;
	}

	.global-nested {
		color: red;
	}

	.my-app-235-local-nested {
		color: red;
	}

	.global-nested {
		color: red;
	}

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

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

	.foo, .my-app-235-bar {
		color: red;
	}
}

#my-app-235-id-foo {
	color: red;

	#my-app-235-id-bar {
		color: red;
	}
}

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

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

	.my-app-235-local-in-global {
		color: blue;
	}
}

@unknown .class {
	color: red;

	.my-app-235-zg {
		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;
}

.my-app-235-placeholder-gray-700:-ms-input-placeholder {
	--my-app-235-Y: 1;
	color: #4a5568;
	color: rgba(74, 85, 104, var(--my-app-235-Y));
}
.my-app-235-placeholder-gray-700::-ms-input-placeholder {
	--my-app-235-Y: 1;
	color: #4a5568;
	color: rgba(74, 85, 104, var(--my-app-235-Y));
}
.my-app-235-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, .my-app-235-bar {
	.my-app-235-local-in-global       {
		color: blue;
	}

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

.my-app-235-first-nested {
	.my-app-235-first-nested-nested {
		color: red;
	}
}

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

.again-global {
	color:red;
}

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

:root {
	--my-app-235-pr: 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(--my-app-235-pr) {
	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-235-broken {
	. global(.my-app-235-zg) {
		color: red;
	}

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

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

	: local(.my-app-235-zg) {
		color: red;
	}

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

	# hash {
		color: red;
	}
}

.my-app-235-comments {
	.class {
		color: red;
	}

	.class {
		color: red;
	}

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

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

	./** test **/my-app-235-zg {
		color: red;
	}

	./** test **/my-app-235-zg {
		color: red;
	}

	./** test **/my-app-235-zg {
		color: red;
	}
}

.my-app-235-pr {
	color: red;
	+ .my-app-235-bar + & { color: blue; }
}

.my-app-235-error, #my-app-235-err-404 {
	&:hover > .my-app-235-KR { color: red; }
}

.my-app-235-pr {
	& :is(.my-app-235-bar, &.my-app-235-KR) { color: red; }
}

.my-app-235-qqq {
	color: green;
	& .my-app-235-a { color: blue; }
	color: red;
}

.my-app-235-parent {
	color: blue;

	@scope (& > .my-app-235-scope) to (& > .my-app-235-limit) {
		& .my-app-235-content {
			color: red;
		}
	}
}

.my-app-235-parent {
	color: blue;

	@scope (& > .my-app-235-scope) to (& > .my-app-235-limit) {
		.my-app-235-content {
			color: red;
		}
	}

	.my-app-235-a {
		color: red;
	}
}

@scope (.my-app-235-card) {
	:scope { border-block-end: 1px solid white; }
}

.my-app-235-card {
	inline-size: 40ch;
	aspect-ratio: 3/4;

	@scope (&) {
		:scope {
			border: 1px solid white;
		}
	}
}

.my-app-235-pr {
	display: grid;

	@media (orientation: landscape) {
		.my-app-235-bar {
			grid-auto-flow: column;

			@media (min-width > 1024px) {
				.my-app-235-baz-1 {
					display: grid;
				}

				max-inline-size: 1024px;

				.my-app-235-baz-2 {
					display: grid;
				}
			}
		}
	}
}

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

ul {
	list-style: thumbs;
}

@container (width > 400px) and style(--responsive: true) {
	.my-app-235-zg {
		font-size: 1.5em;
	}
}
/* At-rule for \\"nice-style\\" in Font One */
@font-feature-values Font One {
	@styleset {
		nice-style: 12;
	}
}

@font-palette-values --identifier {
	font-family: Bixa;
}

.my-app-235-my-class {
	font-palette: --identifier;
}

@keyframes my-app-235-pr { /* ... */ }
@keyframes my-app-235-pr { /* ... */ }
@keyframes { /* ... */ }
@keyframes{ /* ... */ }

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

@starting-style {
	.my-app-235-zg {
		opacity: 0;
		transform: scaleX(0);
	}
}

.my-app-235-zg {
	opacity: 1;
	transform: scaleX(1);

	@starting-style {
		opacity: 0;
		transform: scaleX(0);
	}
}

@scope (.my-app-235-feature) {
	.my-app-235-zg { opacity: 0; }

	:scope .my-app-235-class-1 { opacity: 0; }

	& .my-app-235-zg { opacity: 0; }
}

@position-try --custom-left {
	position-area: left;
	width: 100px;
	margin: 0 10px 0 0;
}

@position-try --custom-bottom {
	top: anchor(bottom);
	justify-self: anchor-center;
	margin: 10px 0 0 0;
	position-area: none;
}

@position-try --custom-right {
	left: calc(anchor(right) + 10px);
	align-self: anchor-center;
	width: 100px;
	position-area: none;
}

@position-try --custom-bottom-right {
	position-area: bottom right;
	margin: 10px 0 0 10px;
}

.my-app-235-infobox {
	position: fixed;
	position-anchor: --myAnchor;
	position-area: top;
	width: 200px;
	margin: 0 0 10px 0;
	position-try-fallbacks:
		--custom-left, --custom-bottom,
		--custom-right, --custom-bottom-right;
}

@page {
	size: 8.5in 9in;
	margin-top: 4in;
}

@color-profile --swop5c {
	src: url(https://example.org/SWOP2006_Coated5v2.icc);
}

.my-app-235-header {
	background-color: color(--swop5c 0% 70% 20% 0%);
}

.my-app-235-t6 {
	test: (1, 2) [3, 4], { 1: 2};
	.my-app-235-a {
		width: 200px;
	}
}

.my-app-235-t6 {
	.my-app-235-t6 {
		width: 200px;
	}
}

.my-app-235-t6 {
	width: 200px;

	.my-app-235-t6 {
		width: 200px;
	}
}

.my-app-235-t6 {
	width: 200px;

	.my-app-235-t6 {
		.my-app-235-t6 {
			width: 200px;
		}
	}
}

.my-app-235-t6 {
	width: 200px;

	.my-app-235-t6 {
		width: 200px;

		.my-app-235-t6 {
			width: 200px;
		}
	}
}

.my-app-235-t6 {
	.my-app-235-t6 {
		width: 200px;

		.my-app-235-t6 {
			width: 200px;
		}
	}
}

.my-app-235-t6 {
	.my-app-235-t6 {
		width: 200px;
	}
	width: 200px;
}

.my-app-235-t6 {
	.my-app-235-t6 {
		width: 200px;
	}
	.my-app-235-t6 {
		width: 200px;
	}
}

.my-app-235-t6 {
	.my-app-235-t6 {
		width: 200px;
	}
	width: 200px;
	.my-app-235-t6 {
		width: 200px;
	}
}

#my-app-235-t6 {
	c: 1;

	#my-app-235-t6 {
		c: 2;
	}
}

@property --my-app-235-sD {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}

.my-app-235-container {
	display: flex;
	height: 200px;
	border: 1px dashed black;

	/* set custom property values on parent */
	--my-app-235-sD: 20%;
	--my-app-235-gz: orange;
}

.my-app-235-item {
	width: var(--my-app-235-sD);
	height: var(--my-app-235-sD);
	background-color: var(--my-app-235-gz);
}

.my-app-235-two {
	--my-app-235-sD: initial;
	--my-app-235-gz: inherit;
}

.my-app-235-three {
	/* invalid values */
	--my-app-235-sD: 1000px;
	--my-app-235-gz: xyz;
}

@property invalid {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property{
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}

@keyframes my-app-235-Vh { /* ... */ }
@keyframes/**test**/my-app-235-Vh { /* ... */ }
@keyframes/**test**/my-app-235-Vh/**test**/{ /* ... */ }
@keyframes/**test**//**test**/my-app-235-Vh/**test**//**test**/{ /* ... */ }
@keyframes /**test**/ /**test**/ my-app-235-Vh /**test**/ /**test**/ { /* ... */ }
@keyframes my-app-235-None { /* ... */ }
@property/**test**/--my-app-235-sD {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property/**test**/--my-app-235-sD/**test**/{
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property /**test**/--my-app-235-sD/**test**/ {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property /**test**/ --my-app-235-sD /**test**/ {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property/**test**/ --my-app-235-sD /**test**/{
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property /**test**/ --my-app-235-sD /**test**/ {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
div {
	animation: 3s ease-in 1s 2 reverse both paused my-app-235-Vh, my-app-235-x;
	animation-name: my-app-235-Vh;
	animation-duration: 2s;
}

.my-app-235-item-1 {
	width: var(   --my-app-235-sD   );
	height: var(/**comment**/--my-app-235-sD);
	background-color: var( /**comment**/--my-app-235-gz);
	background-color-1: var(/**comment**/ --my-app-235-gz);
	background-color-2: var( /**comment**/ --my-app-235-gz);
	background-color-3: var( /**comment**/ --my-app-235-gz /**comment**/ );
	background-color-3: var( /**comment**/--my-app-235-gz/**comment**/ );
	background-color-3: var(/**comment**/--my-app-235-gz/**comment**/);
}

@keyframes/**test**/my-app-235-pr { /* ... */ }
@keyframes /**test**/my-app-235-pr { /* ... */ }
@keyframes/**test**/ my-app-235-pr { /* ... */ }
@keyframes /**test**/ my-app-235-pr { /* ... */ }
@keyframes /**test**//**test**/ my-app-235-pr { /* ... */ }
@keyframes /**test**/ /**test**/ my-app-235-pr { /* ... */ }
@keyframes /**test**/ /**test**/my-app-235-pr { /* ... */ }
@keyframes /**test**//**test**/my-app-235-pr { /* ... */ }
@keyframes/**test**//**test**/my-app-235-pr { /* ... */ }
@keyframes/**test**//**test**/my-app-235-pr/**test**//**test**/{ /* ... */ }
@keyframes /**test**/ /**test**/ my-app-235-pr /**test**/ /**test**/ { /* ... */ }

./**test**//**test**/my-app-235-zg {
	background: red;
}

./**test**/ /**test**/class {
	background: red;
}

/*!*********************************!*\\\\
  !*** css ./style.module.my-css ***!
  \\\\*********************************/
.my-app-666-k {
    color: red;
}

/*!**************************************!*\\\\
  !*** css ./style.module.css.invalid ***!
  \\\\**************************************/
.class {
    color: teal;
}

/*!************************************!*\\\\
  !*** css ./identifiers.module.css ***!
  \\\\************************************/
.my-app-194-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ǰǶɏ/prŒɔ/sƄɀƢ-əƦƼɛƬzģhŒVh/&_Ė,ɐǼ6ɰ-kɩ_ɰ6,ɪ81ɷRƨɡ-194-ɽȏLĻʁʃZLȧŀɿʉ-cńɪʉ;}"
`;

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

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 css-modules-no-space exported tests should allow to create css modules 1`] = `
Object {
  "class": "-_style_module_css-class",
}
`;

exports[`ConfigCacheTestCases css css-modules-no-space exported tests should allow to create css modules 2`] = `
"/*!******************************!*\\\\
  !*** css ./style.module.css ***!
  \\\\******************************/
._-_style_module_css-no-space {
	.class {
		color: red;
	}

	/** test **/.class {
		color: red;
	}

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

	/** test **/._-_style_module_css-class {
		color: red;
	}

	/** test **/#_-_style_module_css-hash {
		color: red;
	}

	/** test **/{
		color: red;
	}
}

head{--webpack-use-style_js:no-space:_-_style_module_css-no-space/class:_-_style_module_css-class/hash:_-_style_module_css-hash/&\\\\.\\\\/style\\\\.module\\\\.css;}"
`;

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-btnInfoIsDisabled",
  "btnInfoIsDisabled1": "-_style_module_css_camel-case-only-btnInfoIsDisabled1",
  "foo": "bar",
  "fooBar": "-_style_module_css_camel-case-only-fooBar",
  "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-btnInfo_isDisabled",
  "btnInfo_isDisabled_1": "-_style_module_css_dashes-only-btnInfo_isDisabled_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-btnInfoIsDisabled",
  "btnInfoIsDisabled1": "-_style_module_css_camel-case-only-btnInfoIsDisabled1",
  "foo": "bar",
  "fooBar": "-_style_module_css_camel-case-only-fooBar",
  "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-btnInfo_isDisabled",
  "btnInfo_isDisabled_1": "-_style_module_css_dashes-only-btnInfo_isDisabled_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 no-extra-runtime-in-js exported tests should compile 1`] = `
Array [
  "/*!***********************!*\\\\
  !*** css ./style.css ***!
  \\\\***********************/
.class {
	color: red;
	background:
		url(img.png),
		url(img.png),
		url(d4da020aedcd249a7a41.png);
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=),
		url(resource.png),
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=),
		url(7976064b7fcb4f6b3916.html),
		url(https://example.com/img.png);
}

.class-2 {
	background: url(shared.png);
}

.class-3 {
	background: url(shared-external.png);
}

.class-4 {
	background: url(cde81354a9a8ce8d5f51.gif);
}

.class-5 {
	background: url(5649e83cc54c4b57bc28.png);
}

head{--webpack-main:&\\\\.\\\\/style\\\\.css;}",
]
`;

exports[`ConfigCacheTestCases css pure-css exported tests should compile 1`] = `
Array [
  "/*!*******************************************!*\\\\
  !*** css ../css-modules/style.module.css ***!
  \\\\*******************************************/
.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;
}

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

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

.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;
			}
		}
	}
}

.broken {
	. global(.class) {
		color: red;
	}

	: global(.class) {
		color: red;
	}

	: global .class {
		color: red;
	}

	: local(.class) {
		color: red;
	}

	: local .class {
		color: red;
	}

	# hash {
		color: red;
	}
}

.comments {
	.class {
		color: red;
	}

	.class {
		color: red;
	}

	._-_css-modules_style_module_css-class {
		color: red;
	}

	._-_css-modules_style_module_css-class {
		color: red;
	}

	./** test **/class {
		color: red;
	}

	./** test **/_-_css-modules_style_module_css-class {
		color: red;
	}

	./** test **/_-_css-modules_style_module_css-class {
		color: red;
	}
}

.foo {
	color: red;
	+ .bar + & { color: blue; }
}

.error, #err-404 {
	&:hover > .baz { color: red; }
}

.foo {
	& :is(.bar, &.baz) { color: red; }
}

.qqq {
	color: green;
	& .a { color: blue; }
	color: red;
}

.parent {
	color: blue;

	@scope (& > .scope) to (& > .limit) {
		& .content {
			color: red;
		}
	}
}

.parent {
	color: blue;

	@scope (& > .scope) to (& > .limit) {
		.content {
			color: red;
		}
	}

	.a {
		color: red;
	}
}

@scope (.card) {
	:scope { border-block-end: 1px solid white; }
}

.card {
	inline-size: 40ch;
	aspect-ratio: 3/4;

	@scope (&) {
		:scope {
			border: 1px solid white;
		}
	}
}

.foo {
	display: grid;

	@media (orientation: landscape) {
		.bar {
			grid-auto-flow: column;

			@media (min-width > 1024px) {
				.baz-1 {
					display: grid;
				}

				max-inline-size: 1024px;

				.baz-2 {
					display: grid;
				}
			}
		}
	}
}

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

ul {
	list-style: thumbs;
}

@container (width > 400px) and style(--responsive: true) {
	.class {
		font-size: 1.5em;
	}
}
/* At-rule for \\"nice-style\\" in Font One */
@font-feature-values Font One {
	@styleset {
		nice-style: 12;
	}
}

@font-palette-values --identifier {
	font-family: Bixa;
}

.my-class {
	font-palette: --identifier;
}

@keyframes foo { /* ... */ }
@keyframes \\"foo\\" { /* ... */ }
@keyframes { /* ... */ }
@keyframes{ /* ... */ }

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

@starting-style {
	.class {
		opacity: 0;
		transform: scaleX(0);
	}
}

.class {
	opacity: 1;
	transform: scaleX(1);

	@starting-style {
		opacity: 0;
		transform: scaleX(0);
	}
}

@scope (.feature) {
	.class { opacity: 0; }

	:scope .class-1 { opacity: 0; }

	& .class { opacity: 0; }
}

@position-try --custom-left {
	position-area: left;
	width: 100px;
	margin: 0 10px 0 0;
}

@position-try --custom-bottom {
	top: anchor(bottom);
	justify-self: anchor-center;
	margin: 10px 0 0 0;
	position-area: none;
}

@position-try --custom-right {
	left: calc(anchor(right) + 10px);
	align-self: anchor-center;
	width: 100px;
	position-area: none;
}

@position-try --custom-bottom-right {
	position-area: bottom right;
	margin: 10px 0 0 10px;
}

.infobox {
	position: fixed;
	position-anchor: --myAnchor;
	position-area: top;
	width: 200px;
	margin: 0 0 10px 0;
	position-try-fallbacks:
		--custom-left, --custom-bottom,
		--custom-right, --custom-bottom-right;
}

@page {
	size: 8.5in 9in;
	margin-top: 4in;
}

@color-profile --swop5c {
	src: url(https://example.org/SWOP2006_Coated5v2.icc);
}

.header {
	background-color: color(--swop5c 0% 70% 20% 0%);
}

.test {
	test: (1, 2) [3, 4], { 1: 2};
	.a {
		width: 200px;
	}
}

.test {
	.test {
		width: 200px;
	}
}

.test {
	width: 200px;

	.test {
		width: 200px;
	}
}

.test {
	width: 200px;

	.test {
		.test {
			width: 200px;
		}
	}
}

.test {
	width: 200px;

	.test {
		width: 200px;

		.test {
			width: 200px;
		}
	}
}

.test {
	.test {
		width: 200px;

		.test {
			width: 200px;
		}
	}
}

.test {
	.test {
		width: 200px;
	}
	width: 200px;
}

.test {
	.test {
		width: 200px;
	}
	.test {
		width: 200px;
	}
}

.test {
	.test {
		width: 200px;
	}
	width: 200px;
	.test {
		width: 200px;
	}
}

#test {
	c: 1;

	#test {
		c: 2;
	}
}

@property --item-size {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}

.container {
	display: flex;
	height: 200px;
	border: 1px dashed black;

	/* set custom property values on parent */
	--item-size: 20%;
	--item-color: orange;
}

.item {
	width: var(--item-size);
	height: var(--item-size);
	background-color: var(--item-color);
}

.two {
	--item-size: initial;
	--item-color: inherit;
}

.three {
	/* invalid values */
	--item-size: 1000px;
	--item-color: xyz;
}

@property invalid {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property{
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}

@keyframes \\"initial\\" { /* ... */ }
@keyframes/**test**/\\"initial\\" { /* ... */ }
@keyframes/**test**/\\"initial\\"/**test**/{ /* ... */ }
@keyframes/**test**//**test**/\\"initial\\"/**test**//**test**/{ /* ... */ }
@keyframes /**test**/ /**test**/ \\"initial\\" /**test**/ /**test**/ { /* ... */ }
@keyframes \\"None\\" { /* ... */ }
@property/**test**/--item-size {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property/**test**/--item-size/**test**/{
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property /**test**/--item-size/**test**/ {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property /**test**/ --item-size /**test**/ {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property/**test**/ --item-size /**test**/{
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
@property /**test**/ --item-size /**test**/ {
	syntax: \\"<percentage>\\";
	inherits: true;
	initial-value: 40%;
}
div {
	animation: 3s ease-in 1s 2 reverse both paused \\"initial\\", localkeyframes2;
	animation-name: \\"initial\\";
	animation-duration: 2s;
}

.item-1 {
	width: var(   --item-size   );
	height: var(/**comment**/--item-size);
	background-color: var( /**comment**/--item-color);
	background-color-1: var(/**comment**/ --item-color);
	background-color-2: var( /**comment**/ --item-color);
	background-color-3: var( /**comment**/ --item-color /**comment**/ );
	background-color-3: var( /**comment**/--item-color/**comment**/ );
	background-color-3: var(/**comment**/--item-color/**comment**/);
}

@keyframes/**test**/foo { /* ... */ }
@keyframes /**test**/foo { /* ... */ }
@keyframes/**test**/ foo { /* ... */ }
@keyframes /**test**/ foo { /* ... */ }
@keyframes /**test**//**test**/ foo { /* ... */ }
@keyframes /**test**/ /**test**/ foo { /* ... */ }
@keyframes /**test**/ /**test**/foo { /* ... */ }
@keyframes /**test**//**test**/foo { /* ... */ }
@keyframes/**test**//**test**/foo { /* ... */ }
@keyframes/**test**//**test**/foo/**test**//**test**/{ /* ... */ }
@keyframes /**test**/ /**test**/ foo /**test**/ /**test**/ { /* ... */ }

./**test**//**test**/class {
	background: red;
}

./**test**/ /**test**/class {
	background: red;
}

/*!***********************!*\\\\
  !*** css ./style.css ***!
  \\\\***********************/

.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/class:_-_css-modules_style_module_css-class/&\\\\.\\\\.\\\\/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": " \\"http://www.example.com/pinkish.gif\\"",
  "--foo-bar": " \\"http://www.example.com/pinkish.gif\\"",
  "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.09a1a1112c577c279435.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.09a1a1112c577c279435.png   )",
  "a182": " src(img.09a1a1112c577c279435.png)",
  "a183": " src(img.09a1a1112c577c279435.png var(--foo, \\"test.png\\"))",
  "a184": " src(var(--foo, \\"test.png\\"))",
  "a185": " src(img.09a1a1112c577c279435.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,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)",
  "a201": " src(http://www.example.com/pinkish.gif)",
  "a202": " src(var(--foo))",
  "a203": " src(img.09a1a1112c577c279435.png)",
  "a204": " src(img.09a1a1112c577c279435.png)",
  "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)",
}
`;

exports[`ConfigCacheTestCases css webpack-ignore exported tests should compile 1`] = `
"/*!***********************!*\\\\
  !*** css ./basic.css ***!
  \\\\***********************/
.class {
	color: red;
}

/*!***********************!*\\\\
  !*** css ./style.css ***!
  \\\\***********************/
@import/* webpackIgnore: true */url(./basic.css);
@import /*    webpackIgnore:   true    */ url(./basic.css);
@import /* webpackIgnore: false */ /* webpackIgnore: true */ url(./basic.css);
@import /* webpackIgnore: false */ /* webpackIgnore: true */ /* webpackIgnore: true */ url(./basic.css);
@import /* webpackIgnore: false */ /* webpackIgnore: false */ /* webpackIgnore: true */ url(./basic.css);


@import      /* webpackIgnore: true */         url(./basic.css);

/** Resolved **/
/** Resolved **/

.class {
	color: red;
	background: /* webpackIgnore: true */ url(\\"./url/img.png\\"),  url(09a1a1112c577c279435.png);
}

.class {
	color: red;
	background:/* webpackIgnore: true */url(\\"./url/img.png\\"),  url(09a1a1112c577c279435.png);
}

.class {
	color: red;
	background: url(09a1a1112c577c279435.png), /* webpackIgnore: true */ url(\\"./url/img.png\\");
}

.class {
	color: red;
	background:
		/* webpackIgnore: true */
		url(\\"./url/img.png\\"),
		url(09a1a1112c577c279435.png);
}


.class {
	color: red;
	background:
		url(09a1a1112c577c279435.png),
			/* webpackIgnore: true */
		url(\\"./url/img.png\\");
}

.class {
	color: red;
	background: 	/* webpackIgnore: true */ url(\\"./url/img.png\\"), /* webpackIgnore: false */ url(09a1a1112c577c279435.png);
}

.class {
	color: red;
	background: url(09a1a1112c577c279435.png), /* webpackIgnore: false */ url(09a1a1112c577c279435.png), /* webpackIgnore: true */ url(\\"./url/img.png\\"), /* webpackIgnore: false */ url(09a1a1112c577c279435.png);
}

.class {
	color: red;
	background: /* webpackIgnore: false */ url(09a1a1112c577c279435.png), /* webpackIgnore: true */ url(\\"./url/img.png\\");
}

.class {
	color: red;
	background: /* webpackIgnore: true */ /* webpackIgnore: false */ url(09a1a1112c577c279435.png), url(09a1a1112c577c279435.png);
}

.class {
	color: red;
	background: url(09a1a1112c577c279435.png), /* webpackIgnore: true */ /* webpackIgnore: false */ url(09a1a1112c577c279435.png);
}

.class {
	color: red;
	background: url(09a1a1112c577c279435.png), /* webpackIgnore: false */ /* webpackIgnore: true */ url(\\"./url/img.png\\");
}

.class {
	background:
		url(09a1a1112c577c279435.png),
		url(09a1a1112c577c279435.png),
		/* webpackIgnore: true */ url(\\"./url/img.png\\"),
		url(09a1a1112c577c279435.png),
		/* webpackIgnore: true */ url(\\"./url/img.png\\"),
		url(09a1a1112c577c279435.png),
		url(09a1a1112c577c279435.png),
		url(09a1a1112c577c279435.png),
		/* webpackIgnore: true */
		url(\\"./url/img.png\\");
}

@font-face {
	font-family: \\"Roboto\\";
	src: /* webpackIgnore: true */ url(\\"./fonts/Roboto-Regular.eot\\");
	src:
		/* webpackIgnore: true */
		url(\\"./fonts/Roboto-Regular.eot#iefix\\") format(\\"embedded-opentype\\"),
		url(5edda27bb1aea976c9b5.woff2) format(\\"woff\\"),
		url(6af79dbd35e55450b9a6.woff) format(\\"woff\\"),
		url(0e1fae5a09bac1b8f8da.ttf) format(\\"truetype\\"),
		url(5a6b5cdda16adcae27d1.svg) format(\\"svg\\");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: \\"Roboto\\";
	src: /* webpackIgnore: true */ url(\\"./fonts/Roboto-Regular.eot\\");
	src:
		url(19ce07bdb1cb5ba16ea8.eot) format(\\"embedded-opentype\\"),
		url(5edda27bb1aea976c9b5.woff2) format(\\"woff\\"),
		/* webpackIgnore: true */
		url(\\"./fonts/Roboto-Regular.woff\\")
		format(\\"woff\\"),
		url(0e1fae5a09bac1b8f8da.ttf) format(\\"truetype\\"),
		url(5a6b5cdda16adcae27d1.svg) format(\\"svg\\");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: \\"Roboto\\";
	src: url(19ce07bdb1cb5ba16ea8.eot);
	src:
		url(19ce07bdb1cb5ba16ea8.eot) format(\\"embedded-opentype\\"),
		/* webpackIgnore: true */
		url(\\"./fonts/Roboto-Regular.woff2\\") format(\\"woff\\"),
		url(6af79dbd35e55450b9a6.woff) format(\\"woff\\"),
		/* webpackIgnore: true */
		url(\\"./fonts/Roboto-Regular.ttf\\") format(\\"truetype\\"),
		url(5a6b5cdda16adcae27d1.svg) format(\\"svg\\");
	font-weight: 400;
	font-style: normal;
}

.class {
	background-image: image-set(
		/*webpackIgnore:  true*/


		url(./url/img.png) 2x,
		url(09a1a1112c577c279435.png) 3x,
		url(09a1a1112c577c279435.png) 4x
	);
}

.class {
	background-image:
		image-set(
			/*webpackIgnore:  false*/
			url(09a1a1112c577c279435.png) 2x,
			/*webpackIgnore:  true*/
			url(./url/img.png) 3x,
			url(09a1a1112c577c279435.png) 4x,
			/*webpackIgnore:  false */
			/*webpackIgnore:  true */
			url(./url/img.png) 5x
		),/*webpackIgnore:  true*/url('./url/img.png');
}

.class {
	background-image:
		image-set(
			/*webpackIgnore:  false*/
			url(09a1a1112c577c279435.png) 2x,
			/*webpackIgnore:  true*/
			url(./url/img.png) 3x,
			url(09a1a1112c577c279435.png) 4x,
			/*webpackIgnore:  false */
			/*webpackIgnore:  true */
			url(./url/img.png) 5x
		),
		/*webpackIgnore:  false*/
		url(09a1a1112c577c279435.png),
		/*webpackIgnore:  true*/
		url('./url/img.png');
}

.class {
	background-image:
		image-set(
			/*webpackIgnore:  false*/
			url(09a1a1112c577c279435.png) 2x,
			/*webpackIgnore:  true*/
			url(./url/img.png) 3x,
			url(09a1a1112c577c279435.png) 4x,
			/*webpackIgnore:  false */
			/*webpackIgnore:  true */
			url(./url/img.png) 5x
		),
		url(09a1a1112c577c279435.png);
}

.class {
	background-image: image-set(
		/*webpackIgnore:  true*/
		url(./url/img.png) 2x,
		url(09a1a1112c577c279435.png) 3x,
		/*webpackIgnore:  true*/
		url(./url/img.png) 5x
	);
}

.class {
	background-image: image-set(
		/*webpackIgnore:  true*/
		'./url/img.png' 2x,
		url(09a1a1112c577c279435.png) 3x,
		/*webpackIgnore:  true*/
		'./url/img.png' 5x
	);
}

.class {
	background-image: image-set(
		/*webpackIgnore:  false*/
		url(09a1a1112c577c279435.png) 2x,
		/*webpackIgnore:  true*/
		url(./url/img.png) 3x,
		/*webpackIgnore:  false*/
		url(09a1a1112c577c279435.png) 4x,


		/*webpackIgnore:  true*/


		url(./url/img.png) 5x
	);
}

.class {
	color: red;
	background: url(09a1a1112c577c279435.png), /* webpackIgnore: true */url(\\"./url/img.png\\");
}

.class {
	color: red;
	background: url(09a1a1112c577c279435.png), /* webpackIgnore: true */ url(\\"./url/img.png\\");
}

.class {
	color: red;
	background: url(09a1a1112c577c279435.png)/* webpackIgnore: true */, url(09a1a1112c577c279435.png);
}

.class {
	background-image:
		image-set(
			url(09a1a1112c577c279435.png) 2x  /*webpackIgnore:  true*/,
			url(09a1a1112c577c279435.png) /*webpackIgnore:  true*/ 3x,
			url(09a1a1112c577c279435.png) 4x /*webpackIgnore:  true*/,
			/*webpackIgnore:  true*/url(./url/img.png) 5x,
			/*webpackIgnore:  true*/ url(./url/img.png) 6x,
			/*webpackIgnore:  true*/
			url(./url/img.png) 7x,
			url(09a1a1112c577c279435.png) 8x
		),
		/*webpackIgnore:  false*/
		url(09a1a1112c577c279435.png),
		/*webpackIgnore:  true*/
		url('./url/img.png');
}

@font-face {
	font-family: \\"anticon\\";
	src: url(//at.alicdn.com/t/font_1434092639_4910953.eot?#iefix) format(\\"embedded-opentype\\"),
	/* this comment is required */
	url(//at.alicdn.com/t/font_1434092639_4910953.woff) format(\\"woff\\");
}

.class {
	background-image: image-set(
		/*webpackIgnore:  true*/
		url(\\"./url/img.png\\") 2x,
		url(09a1a1112c577c279435.png) 3x,
		/*webpackIgnore:  true*/
		url(\\"./url/img.png\\") 4x
	);
}

.class {
	background-image: /* webpackIgnore:  1 */ url(09a1a1112c577c279435.png);
	background-image: /* webpackIgnore:  1 */ url(09a1a1112c577c279435.png);
	background-image: image-set(/* webpackIgnore:  1 */ url(09a1a1112c577c279435.png) 2x)
}

.class {
	background-image /*webpackIgnore:  true*/ : url(09a1a1112c577c279435.png);
	/*webpackIgnore:  true*/ background-image: url(09a1a1112c577c279435.png);
}

.class {
	background-image:/*webpackIgnore:  true*/










		url(./url/img.png);
}

.class {
	background-image: /***webpackIgnore:  true***/ url(09a1a1112c577c279435.png);
	background-image: /***webpackIgnore:  true***/ url(09a1a1112c577c279435.png);
	background-image: image-set(/***webpackIgnore:  true***/ url(09a1a1112c577c279435.png) 2x)
}

head{--webpack-main:&\\\\.\\\\/basic\\\\.css,&\\\\.\\\\/style\\\\.css;}"
`;