// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing

exports[`ConfigTestCases css build-http exported tests should work with URLs in CSS 1`] = `
Array [
  "/*!*******************************************************************************************************************!*\\\\
  !*** css https://raw.githubusercontent.com/webpack/webpack/refs/heads/main/test/configCases/css/import/print.css ***!
  \\\\*******************************************************************************************************************/
body {
	background: black;
}

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

div {
	background: url(09a1a1112c577c279435.png)
}

",
]
`;

exports[`ConfigTestCases 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[`ConfigTestCases css css-modules exported tests should allow to create css modules: dev 2`] = `
"/*!*******************************!*\\\\
  !*** css ./colors.module.css ***!
  \\\\*******************************/














/*!**************************************!*\\\\
  !*** css ./at-rule-value.module.css ***!
  \\\\**************************************/


._at-rule-value_module_css-value-in-class {
	color: blue;
}






@media (max-width: 599px) {
	abbr:hover {
		color: limegreen;
		transition-duration: 1s;
	}
}



._at-rule-value_module_css-foo { color: red; }



._at-rule-value_module_css-foo {
	&._at-rule-value_module_css-bar { color: red; }
}



._at-rule-value_module_css-foo {
	@media (min-width: 1024px) {
		&._at-rule-value_module_css-bar { color: red; }
	}
}



._at-rule-value_module_css-foo {
	@media (min-width: 1024px) {
		&._at-rule-value_module_css-bar {
			@media (min-width: 1024px) {
				color: red;
			}
		}
	}
}




._at-rule-value_module_css-foo { height: 40px; height: 36px; }



._at-rule-value_module_css-colorValue {
	color: red;
}



#_at-rule-value_module_css-colorValue-v1 {
	color: red;
}



._at-rule-value_module_css-colorValue-v2 > ._at-rule-value_module_css-colorValue-v2 {
	color: red;
}



.red {
	color: .red;
}



._at-rule-value_module_css-export {
	color: blue;
}



._at-rule-value_module_css-foo { color: red; }



._at-rule-value_module_css-foo { color: red; }
._at-rule-value_module_css-bar { color: yellow }




._at-rule-value_module_css-foo { color: blue; }




._at-rule-value_module_css-foo { color: blue; }




._at-rule-value_module_css-class-a { color: red; }




._at-rule-value_module_css-class-a { margin: calc(base * 2); }




._at-rule-value_module_css-class-a { content: \\"test-a\\" \\"test-b\\"; }



._at-rule-value_module_css-foo { color: var(--color); }







._at-rule-value_module_css-foo {
	color: red;
	background-color: #0f0;
	border-top-color: #00ff00;
	border-bottom-color: rgba(34, 12, 64, 0.3);
	outline-color: hsla(220, 13.0%, 18.0%, 1);
}



._at-rule-value_module_css-foo { color: blue; }
._at-rule-value_module_css-bar { color: red }



._at-rule-value_module_css-foo { box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }



._at-rule-value_module_css-foo { color: color(red lightness(50%)); }



:root { --_at-rule-value_module_css-color: red; }



:root { --_at-rule-value_module_css-color: ; }



:root { --_at-rule-value_module_css-color:   ; }



:root { --_at-rule-value_module_css-color:/* comment */; }




._at-rule-value_module_css-override {
	color: red;
}




._at-rule-value_module_css-class {
	color: red;
	color: red;
	color: blue;
}



._at-rule-value_module_css-color {
	color: /* test */red/* test */;
}



._at-rule-value_module_css-color {
	color: /* test *//* test */red/* test */;
}



._at-rule-value_module_css-foo { box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }



._at-rule-value_module_css-foo { box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }



._at-rule-value_module_css-foo { box-shadow: /* test */   0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }



._at-rule-value_module_css-foo { box-shadow: /* test */0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }



._at-rule-value_module_css-foo { box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }



._at-rule-value_module_css-foo { box-shadow: /* test */0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }



._at-rule-value_module_css-foo { color: blue; }



._at-rule-value_module_css-foo { color: blue; }



._at-rule-value_module_css-foo { color: my-name-q; }




/*!*********************************************!*\\\\
  !*** css ./var-function-export.modules.css ***!
  \\\\*********************************************/
:root {
	--_var-function-export_modules_css-my-var-u1: red;
	--_var-function-export_modules_css-my-var-u2: blue;
	--_var-function-export_modules_css-not-override-class: black;
	--_var-function-export_modules_css-1: red;
	--_var-function-export_modules_css---a: red;
	--_var-function-export_modules_css-main-bg-color: red;
}

._var-function-export_modules_css-my-var-u1 {
	color: red;
}

/*!*************************************!*\\\\
  !*** css ./var-function.module.css ***!
  \\\\*************************************/
:root {
	--_var-function_module_css-main-bg-color: brown;
	--_var-function_module_css-my-var: red;
	--_var-function_module_css-my-background: blue;
	--_var-function_module_css-my-global: yellow;
	--: \\"reserved\\";
	--_var-function_module_css-a: green;
}

._var-function_module_css-class {
	color: var(--_var-function_module_css-main-bg-color);
}

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

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

._var-function_module_css-class {
	color: var(--_var-function_module_css-logo-color);
}

div {
	background-color: var(--_var-function_module_css-box-color);
}

._var-function_module_css-two {
	--_var-function_module_css-box-color: cornflowerblue;
}

._var-function_module_css-three {
	--_var-function_module_css-box-color: aquamarine;
}


._var-function_module_css-one {
	/* Red if --my-var is not defined */
	color: var(--_var-function_module_css-my-var, red);
}

._var-function_module_css-two {
	/* pink if --my-var and --my-background are not defined */
	color: var(--_var-function_module_css-my-var, var(--_var-function_module_css-my-background, pink));
}

._var-function_module_css-reserved {
	color: var(--);
}

._var-function_module_css-green {
	color: var(--_var-function_module_css-a);
}

._var-function_module_css-global {
	color: var(--my-global);
}

._var-function_module_css-global-and-default {
	color: var(--my-global, pink);
}

._var-function_module_css-global-and-default-1 {
	color: var(--my-global, var(--my-global-background));
}

._var-function_module_css-global-and-default-2 {
	color: var(--my-global, var(--my-global-background, pink));
}

._var-function_module_css-global-and-default-3 {
	color: var(--my-global, var(--_var-function_module_css-my-background, pink));
}

._var-function_module_css-global-and-default-5 {
	color: var(   --my-global,var(--_var-function_module_css-my-background,pink));
}

._var-function_module_css-global-and-default-6 {
	background: var(   --_var-function_module_css-main-bg-color   ,   var(   --_var-function_module_css-my-background   ,   pink   )   )   , var(--my-global);
}

._var-function_module_css-global-and-default-7 {
	background: var(--_var-function_module_css-main-bg-color,var(--_var-function_module_css-my-background,pink)),var(--my-global);
}

._var-function_module_css-from {
	color: var(--_var-function-export_modules_css-my-var-u1);
}

._var-function_module_css-from-1 {
	color: var(--_var-function_module_css-main-bg-color, var(--_var-function-export_modules_css-my-var-u1));
}

._var-function_module_css-from-2 {
	color: var(--_var-function-export_modules_css-my-var-u1,  var(--_var-function_module_css-main-bg-color));
}

._var-function_module_css-from-3 {
	color: var(--_var-function-export_modules_css-my-var-u1,  var(--_var-function-export_modules_css-my-var-u2));
}

._var-function_module_css-from-4 {
	color: var(--_var-function-export_modules_css-1);
}

._var-function_module_css-from-5 {
	color: var(--_var-function-export_modules_css---a);
}

._var-function_module_css-from-6 {
	color: var(--_var-function-export_modules_css-main-bg-color);
}

._var-function_module_css-mixed {
	color: var(--_var-function-export_modules_css-my-var-u1, var(--my-global, var(--_var-function_module_css-main-bg-color, red)));
}

._var-function_module_css-broken {
	color: var(--my-global from);
}

._var-function_module_css-broken-1 {
	color: var(--my-global from 1);
}

:root {
	--_var-function_module_css-not-override-class: red;
}

._var-function_module_css-not-override-class {
	color: var(--_var-function-export_modules_css-not-override-class)
}

/*!******************************!*\\\\
  !*** 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;
}

._style_module_css-var {
	--_style_module_css-main-color: black;
	--_style_module_css-FOO: 10px;
	--_style_module_css-foo: 10px;
	--_style_module_css-bar: calc(var(--_style_module_css-foo) + 10px);
	--_style_module_css-accent-background: linear-gradient(to top, var(--_style_module_css-main-color), white);
	--_style_module_css-external-link: \\"test\\";
	--_style_module_css-custom-prop: yellow;
	--_style_module_css-default-value: red;
	--_style_module_css-main-bg-color: red;
	--_style_module_css-backup-bg-color: black;
	-foo: calc(var(--_style_module_css-bar) + 10px);
	var: var(--_style_module_css-main-color);
	var1: var(--_style_module_css-foo);
	var2: var(--_style_module_css-FOO);
	content: \\" (\\" var(--_style_module_css-external-link) \\")\\";
	var3: var(--_style_module_css-main-color, blue);
	var4: var(--_style_module_css-custom-prop,);
	var5: var(--_style_module_css-custom-prop, initial);
	var6: var(--_style_module_css-custom-prop, var(--_style_module_css-default-value));
	var7: var(--_style_module_css-custom-prop, var(--_style_module_css-default-value, red));
	var8: var(--unknown);
	background-color: var(--_style_module_css-main-bg-color, var(--_style_module_css-backup-bg-color, white));
}

._style_module_css-var-order {
	background-color: var(--_style_module_css-test);
	--_style_module_css-test: 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;
}

"
`;

exports[`ConfigTestCases 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[`ConfigTestCases css css-modules exported tests should allow to create css modules: prod 2`] = `
"/*!*******************************!*\\\\
  !*** css ./colors.module.css ***!
  \\\\*******************************/














/*!**************************************!*\\\\
  !*** css ./at-rule-value.module.css ***!
  \\\\**************************************/


.my-app-744-value-in-class {
	color: blue;
}






@media (max-width: 599px) {
	abbr:hover {
		color: limegreen;
		transition-duration: 1s;
	}
}



.my-app-744-foo { color: red; }



.my-app-744-foo {
	&.my-app-744-bar { color: red; }
}



.my-app-744-foo {
	@media (min-width: 1024px) {
		&.my-app-744-bar { color: red; }
	}
}



.my-app-744-foo {
	@media (min-width: 1024px) {
		&.my-app-744-bar {
			@media (min-width: 1024px) {
				color: red;
			}
		}
	}
}




.my-app-744-foo { height: 40px; height: 36px; }



.my-app-744-colorValue {
	color: red;
}



#my-app-744-colorValue-v1 {
	color: red;
}



.my-app-744-colorValue-v2 > .my-app-744-colorValue-v2 {
	color: red;
}



.red {
	color: .red;
}



.my-app-744-export {
	color: blue;
}



.my-app-744-foo { color: red; }



.my-app-744-foo { color: red; }
.my-app-744-bar { color: yellow }




.my-app-744-foo { color: blue; }




.my-app-744-foo { color: blue; }




.my-app-744-class-a { color: red; }




.my-app-744-class-a { margin: calc(base * 2); }




.my-app-744-class-a { content: \\"test-a\\" \\"test-b\\"; }



.my-app-744-foo { color: var(--color); }







.my-app-744-foo {
	color: red;
	background-color: #0f0;
	border-top-color: #00ff00;
	border-bottom-color: rgba(34, 12, 64, 0.3);
	outline-color: hsla(220, 13.0%, 18.0%, 1);
}



.my-app-744-foo { color: blue; }
.my-app-744-bar { color: red }



.my-app-744-foo { box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }



.my-app-744-foo { color: color(red lightness(50%)); }



:root { --my-app-744-color: red; }



:root { --my-app-744-color: ; }



:root { --my-app-744-color:   ; }



:root { --my-app-744-color:/* comment */; }




.my-app-744-override {
	color: red;
}




.my-app-744-class {
	color: red;
	color: red;
	color: blue;
}



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



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



.my-app-744-foo { box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }



.my-app-744-foo { box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }



.my-app-744-foo { box-shadow: /* test */   0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }



.my-app-744-foo { box-shadow: /* test */0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }



.my-app-744-foo { box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }



.my-app-744-foo { box-shadow: /* test */0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }



.my-app-744-foo { color: blue; }



.my-app-744-foo { color: blue; }



.my-app-744-foo { color: my-name-q; }




/*!*********************************************!*\\\\
  !*** css ./var-function-export.modules.css ***!
  \\\\*********************************************/
:root {
	--my-app-392-my-var-u1: red;
	--my-app-392-my-var-u2: blue;
	--my-app-392-not-override-class: black;
	--my-app-392-1: red;
	--my-app-392---a: red;
	--my-app-392-main-bg-color: red;
}

.my-app-392-my-var-u1 {
	color: red;
}

/*!*************************************!*\\\\
  !*** css ./var-function.module.css ***!
  \\\\*************************************/
:root {
	--my-app-768-main-bg-color: brown;
	--my-app-768-my-var: red;
	--my-app-768-my-background: blue;
	--my-app-768-my-global: yellow;
	--: \\"reserved\\";
	--my-app-768-a: green;
}

.my-app-768-class {
	color: var(--my-app-768-main-bg-color);
}

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

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

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

div {
	background-color: var(--my-app-768-box-color);
}

.my-app-768-two {
	--my-app-768-box-color: cornflowerblue;
}

.my-app-768-three {
	--my-app-768-box-color: aquamarine;
}


.my-app-768-one {
	/* Red if --my-var is not defined */
	color: var(--my-app-768-my-var, red);
}

.my-app-768-two {
	/* pink if --my-var and --my-background are not defined */
	color: var(--my-app-768-my-var, var(--my-app-768-my-background, pink));
}

.my-app-768-reserved {
	color: var(--);
}

.my-app-768-green {
	color: var(--my-app-768-a);
}

.my-app-768-global {
	color: var(--my-global);
}

.my-app-768-global-and-default {
	color: var(--my-global, pink);
}

.my-app-768-global-and-default-1 {
	color: var(--my-global, var(--my-global-background));
}

.my-app-768-global-and-default-2 {
	color: var(--my-global, var(--my-global-background, pink));
}

.my-app-768-global-and-default-3 {
	color: var(--my-global, var(--my-app-768-my-background, pink));
}

.my-app-768-global-and-default-5 {
	color: var(   --my-global,var(--my-app-768-my-background,pink));
}

.my-app-768-global-and-default-6 {
	background: var(   --my-app-768-main-bg-color   ,   var(   --my-app-768-my-background   ,   pink   )   )   , var(--my-global);
}

.my-app-768-global-and-default-7 {
	background: var(--my-app-768-main-bg-color,var(--my-app-768-my-background,pink)),var(--my-global);
}

.my-app-768-from {
	color: var(--my-app-392-my-var-u1);
}

.my-app-768-from-1 {
	color: var(--my-app-768-main-bg-color, var(--my-app-392-my-var-u1));
}

.my-app-768-from-2 {
	color: var(--my-app-392-my-var-u1,  var(--my-app-768-main-bg-color));
}

.my-app-768-from-3 {
	color: var(--my-app-392-my-var-u1,  var(--my-app-392-my-var-u2));
}

.my-app-768-from-4 {
	color: var(--my-app-392-1);
}

.my-app-768-from-5 {
	color: var(--my-app-392---a);
}

.my-app-768-from-6 {
	color: var(--my-app-392-main-bg-color);
}

.my-app-768-mixed {
	color: var(--my-app-392-my-var-u1, var(--my-global, var(--my-app-768-main-bg-color, red)));
}

.my-app-768-broken {
	color: var(--my-global from);
}

.my-app-768-broken-1 {
	color: var(--my-global from 1);
}

:root {
	--my-app-768-not-override-class: red;
}

.my-app-768-not-override-class {
	color: var(--my-app-392-not-override-class)
}

/*!******************************!*\\\\
  !*** 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-M0 {
		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-M0 {
	.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-M0 + & { 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-M0, &.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-M0 {
			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;
}

.my-app-235-var {
	--my-app-235-ve: black;
	--my-app-235-bg: 10px;
	--my-app-235-pr: 10px;
	--my-app-235-M0: calc(var(--my-app-235-pr) + 10px);
	--my-app-235-accent-background: linear-gradient(to top, var(--my-app-235-ve), white);
	--my-app-235-BW: \\"test\\";
	--my-app-235-WI: yellow;
	--my-app-235-Cr: red;
	--my-app-235-i3: red;
	--my-app-235-tv: black;
	-foo: calc(var(--my-app-235-M0) + 10px);
	var: var(--my-app-235-ve);
	var1: var(--my-app-235-pr);
	var2: var(--my-app-235-bg);
	content: \\" (\\" var(--my-app-235-BW) \\")\\";
	var3: var(--my-app-235-ve, blue);
	var4: var(--my-app-235-WI,);
	var5: var(--my-app-235-WI, initial);
	var6: var(--my-app-235-WI, var(--my-app-235-Cr));
	var7: var(--my-app-235-WI, var(--my-app-235-Cr, red));
	var8: var(--unknown);
	background-color: var(--my-app-235-i3, var(--my-app-235-tv, white));
}

.my-app-235-var-order {
	background-color: var(--my-app-235-t6);
	--my-app-235-t6: 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;
}

"
`;

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

exports[`ConfigTestCases 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[`ConfigTestCases 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[`ConfigTestCases 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[`ConfigTestCases css css-modules-in-node exported tests should allow to import css modules: class-dev 1`] = `"_style_module_css-class"`;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

exports[`ConfigTestCases css css-modules-no-space exported tests should allow to create css modules 1`] = `
Object {
  "class": "_style_module_css-class",
}
`;

exports[`ConfigTestCases 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;
	}
}

"
`;

exports[`ConfigTestCases css css-order exported tests keep consistent css order 1`] = `".button-module {  padding: 8px 16px;  background-color: #007bff;  color: white;  border: none;  border-radius: 4px;}.teaser-module {  padding: 20px;  border: 1px solid #ddd;  border-radius: 8px;  margin: 16px;}.teaser-module {  background-color: orange;}"`;

exports[`ConfigTestCases css css-order-concatenate-modules exported tests keep consistent css order 1`] = `".a {    color: red;}.b{    color: green;}.c{    color: black;}"`;

exports[`ConfigTestCases css css-order-reexport exported tests keep consistent css order 1`] = `".dependency2::before {	content: \\"dependency2\\";}.dependency::before {	content: \\"dependency\\";}"`;

exports[`ConfigTestCases css css-order2 exported tests keep consistent css order 1`] = `".dependency2::before {	content: \\"dependency2\\";}.dependency::before {	content: \\"dependency\\";}"`;

exports[`ConfigTestCases css css-order3 exported tests keep consistent css order 1`] = `".dependency3::before {	content: \\"dependency3\\";}.dependency2::before {	content: \\"dependency2\\";}.dependency::before {	content: \\"dependency\\";}"`;

exports[`ConfigTestCases css escape-unescape exported tests should work with URLs in CSS: classes 1`] = `
Object {
  "#": "_style_modules_css-#",
  "##": "_style_modules_css-##",
  "#.#.#": "_style_modules_css-#.#.#",
  "#fake-id": "_style_modules_css-#fake-id",
  "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.": "_style_modules_css-++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.",
  "-a-b-c-": "_style_modules_css--a-b-c-",
  "-a0-34a___f": "_style_modules_css--a0-34a___f",
  ".": "_style_modules_css-.",
  "123": "_style_modules_css-123",
  "1a2b3c": "_style_modules_css-1a2b3c",
  ":)": "_style_modules_css-:)",
  ":\`(": "_style_modules_css-:\`(",
  ":hover": "_style_modules_css-:hover",
  ":hover:focus:active": "_style_modules_css-:hover:focus:active",
  "<><<<>><>": "_style_modules_css-<><<<>><>",
  "<p>": "_style_modules_css-<p>",
  "?": "_style_modules_css-?",
  "@": "_style_modules_css-@",
  "B&W?": "_style_modules_css-B&W?",
  "[attr=value]": "_style_modules_css-[attr=value]",
  "_": "_style_modules_css-_",
  "_test": "_style_modules_css-_test",
  "class": "_style_modules_css-class",
  "className": "_style_modules_css-className",
  "f!o!o": "_style_modules_css-f!o!o",
  "f'o'o": "_style_modules_css-f'o'o",
  "f*o*o": "_style_modules_css-f*o*o",
  "f+o+o": "_style_modules_css-f+o+o",
  "f/o/o": "_style_modules_css-f/o/o",
  "f@oo": "_style_modules_css-f@oo",
  "f\\\\o\\\\o": "_style_modules_css-f\\\\o\\\\o",
  "foo.bar": "_style_modules_css-foo.bar",
  "foo/bar": "_style_modules_css-foo/bar",
  "foo/bar/baz": "_style_modules_css-foo/bar/baz",
  "foo\\\\bar": "_style_modules_css-foo\\\\bar",
  "foo\\\\bar\\\\baz": "_style_modules_css-foo\\\\bar\\\\baz",
  "f~o~o": "_style_modules_css-f~o~o",
  "m_x_@": "_style_modules_css-m_x_@",
  "main-bg-color": "--_style_modules_css-main-bg-color",
  "main-bg-color-@2": "--_style_modules_css-main-bg-color-@2",
  "someId": "_style_modules_css-someId",
  "subClass": "_style_modules_css-subClass",
  "test": "_style_modules_css-test",
  "{}": "_style_modules_css-{}",
  "©": "_style_modules_css-©",
  "“‘’”": "_style_modules_css-“‘’”",
  "⌘⌥": "_style_modules_css-⌘⌥",
  "☺☃": "_style_modules_css-☺☃",
  "♥": "_style_modules_css-♥",
  "𝄞♪♩♫♬": "_style_modules_css-𝄞♪♩♫♬",
  "💩": "_style_modules_css-💩",
  "😍": "_style_modules_css-😍",
}
`;

exports[`ConfigTestCases css escape-unescape exported tests should work with URLs in CSS: classes 2`] = `
Object {
  "#": "_style_modules_css-#",
  "##": "_style_modules_css-##",
  "#.#.#": "_style_modules_css-#.#.#",
  "#fake-id": "_style_modules_css-#fake-id",
  "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.": "_style_modules_css-++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.",
  "-a-b-c-": "_style_modules_css--a-b-c-",
  "-a0-34a___f": "_style_modules_css--a0-34a___f",
  ".": "_style_modules_css-.",
  "123": "_style_modules_css-123",
  "1a2b3c": "_style_modules_css-1a2b3c",
  ":)": "_style_modules_css-:)",
  ":\`(": "_style_modules_css-:\`(",
  ":hover": "_style_modules_css-:hover",
  ":hover:focus:active": "_style_modules_css-:hover:focus:active",
  "<><<<>><>": "_style_modules_css-<><<<>><>",
  "<p>": "_style_modules_css-<p>",
  "?": "_style_modules_css-?",
  "@": "_style_modules_css-@",
  "B&W?": "_style_modules_css-B&W?",
  "[attr=value]": "_style_modules_css-[attr=value]",
  "_": "_style_modules_css-_",
  "_test": "_style_modules_css-_test",
  "class": "_style_modules_css-class",
  "className": "_style_modules_css-className",
  "f!o!o": "_style_modules_css-f!o!o",
  "f'o'o": "_style_modules_css-f'o'o",
  "f*o*o": "_style_modules_css-f*o*o",
  "f+o+o": "_style_modules_css-f+o+o",
  "f/o/o": "_style_modules_css-f/o/o",
  "f@oo": "_style_modules_css-f@oo",
  "f\\\\o\\\\o": "_style_modules_css-f\\\\o\\\\o",
  "foo.bar": "_style_modules_css-foo.bar",
  "foo/bar": "_style_modules_css-foo/bar",
  "foo/bar/baz": "_style_modules_css-foo/bar/baz",
  "foo\\\\bar": "_style_modules_css-foo\\\\bar",
  "foo\\\\bar\\\\baz": "_style_modules_css-foo\\\\bar\\\\baz",
  "f~o~o": "_style_modules_css-f~o~o",
  "m_x_@": "_style_modules_css-m_x_@",
  "main-bg-color": "--_style_modules_css-main-bg-color",
  "main-bg-color-@2": "--_style_modules_css-main-bg-color-@2",
  "someId": "_style_modules_css-someId",
  "subClass": "_style_modules_css-subClass",
  "test": "_style_modules_css-test",
  "{}": "_style_modules_css-{}",
  "©": "_style_modules_css-©",
  "“‘’”": "_style_modules_css-“‘’”",
  "⌘⌥": "_style_modules_css-⌘⌥",
  "☺☃": "_style_modules_css-☺☃",
  "♥": "_style_modules_css-♥",
  "𝄞♪♩♫♬": "_style_modules_css-𝄞♪♩♫♬",
  "💩": "_style_modules_css-💩",
  "😍": "_style_modules_css-😍",
}
`;

exports[`ConfigTestCases css escape-unescape exported tests should work with URLs in CSS: css 1`] = `
Array [
  "/*!*******************************!*\\\\
  !*** css ./style.modules.css ***!
  \\\\*******************************/
._style_modules_css-class {
	color: red;
}

._style_modules_css-class {
	background: blue;
}

._style_modules_css-test {
	background: red;
}

._style_modules_css-_test {
	background: blue;
}

._style_modules_css-className {
	background: red;
}

#_style_modules_css-someId {
	background: green;
}

._style_modules_css-className ._style_modules_css-subClass {
	color: green;
}

#_style_modules_css-someId ._style_modules_css-subClass {
	color: blue;
}

._style_modules_css--a0-34a___f {
	color: red;
}

._style_modules_css-m_x_\\\\@ {
	margin-left: auto !important;
	margin-right: auto !important;
}

._style_modules_css-B\\\\&W\\\\? {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* matches elements with class=\\":\`(\\" */
._style_modules_css-\\\\:\\\\\`\\\\( {
	color: aqua;
}

/* matches elements with class=\\"1a2b3c\\" */
._style_modules_css-1a2b3c {
	color: aliceblue;
}

/* matches the element with id=\\"#fake-id\\" */
#_style_modules_css-\\\\#fake-id {
	color: antiquewhite;
}

/* matches the element with id=\\"-a-b-c-\\" */
#_style_modules_css--a-b-c- {
	color: azure;
}

/* matches the element with id=\\"©\\" */
#_style_modules_css-© {
	color: black;
}

._style_modules_css-♥ { background: lime; }
._style_modules_css-© { background: lime; }
._style_modules_css-😍 { background: lime; }
._style_modules_css-“‘’” { background: lime; }
._style_modules_css-☺☃ { background: lime; }
._style_modules_css-⌘⌥ { background: lime; }
._style_modules_css-𝄞♪♩♫♬ { background: lime; }
._style_modules_css-💩 { background: lime; }
._style_modules_css-\\\\? { background: lime; }
._style_modules_css-\\\\@ { background: lime; }
._style_modules_css-\\\\. { background: lime; }
._style_modules_css-\\\\:\\\\) { background: lime; }
._style_modules_css-\\\\:\\\\\`\\\\( { background: lime; }
._style_modules_css-123 { background: lime; }
._style_modules_css-1a2b3c { background: lime; }
._style_modules_css-\\\\<p\\\\> { background: lime; }
._style_modules_css-\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\> { background: lime; }
._style_modules_css-\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.------\\\\.--------\\\\.\\\\>\\\\+\\\\.\\\\>\\\\. { background: lime; }
._style_modules_css-\\\\# { background: lime; }
._style_modules_css-\\\\#\\\\# { background: lime; }
._style_modules_css-\\\\#\\\\.\\\\#\\\\.\\\\# { background: lime; }
._style_modules_css-_ { background: lime; }
._style_modules_css-\\\\{\\\\} { background: lime; }
._style_modules_css-\\\\#fake-id { background: lime; }
._style_modules_css-foo\\\\.bar { background: lime; }
._style_modules_css-\\\\:hover { background: lime; }
._style_modules_css-\\\\:hover\\\\:focus\\\\:active { background: lime; }
._style_modules_css-\\\\[attr\\\\=value\\\\] { background: lime; }
._style_modules_css-f\\\\/o\\\\/o { background: lime; }
._style_modules_css-f\\\\\\\\o\\\\\\\\o { background: lime; }
._style_modules_css-f\\\\*o\\\\*o { background: lime; }
._style_modules_css-f\\\\!o\\\\!o { background: lime; }
._style_modules_css-f\\\\'o\\\\'o { background: lime; }
._style_modules_css-f\\\\~o\\\\~o { background: lime; }
._style_modules_css-f\\\\+o\\\\+o { background: lime; }

._style_modules_css-foo\\\\/bar {
	background: hotpink;
}

._style_modules_css-foo\\\\\\\\bar {
	background: hotpink;
}

._style_modules_css-foo\\\\/bar\\\\/baz {
	background: hotpink;
}

._style_modules_css-foo\\\\\\\\bar\\\\\\\\baz {
	background: hotpink;
}

:root {
	--_style_modules_css-main-bg-color: red;
	--_style_modules_css-main-bg-color-\\\\@2: blue;
}

details {
	background-color: var(--_style_modules_css-main-bg-color);
	background-color: var(--_style_modules_css-main-bg-color-\\\\@2);
}

@keyframes _style_modules_css-f\\\\@oo { from { color: red; } to { color: blue; } }

",
]
`;

exports[`ConfigTestCases css escape-unescape exported tests should work with URLs in CSS: css 2`] = `
Array [
  "/*!*******************************!*\\\\
  !*** css ./style.modules.css ***!
  \\\\*******************************/
._style_modules_css-class {
	color: red;
}

._style_modules_css-class {
	background: blue;
}

._style_modules_css-test {
	background: red;
}

._style_modules_css-_test {
	background: blue;
}

._style_modules_css-className {
	background: red;
}

#_style_modules_css-someId {
	background: green;
}

._style_modules_css-className ._style_modules_css-subClass {
	color: green;
}

#_style_modules_css-someId ._style_modules_css-subClass {
	color: blue;
}

._style_modules_css--a0-34a___f {
	color: red;
}

._style_modules_css-m_x_\\\\@ {
	margin-left: auto !important;
	margin-right: auto !important;
}

._style_modules_css-B\\\\&W\\\\? {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* matches elements with class=\\":\`(\\" */
._style_modules_css-\\\\:\\\\\`\\\\( {
	color: aqua;
}

/* matches elements with class=\\"1a2b3c\\" */
._style_modules_css-1a2b3c {
	color: aliceblue;
}

/* matches the element with id=\\"#fake-id\\" */
#_style_modules_css-\\\\#fake-id {
	color: antiquewhite;
}

/* matches the element with id=\\"-a-b-c-\\" */
#_style_modules_css--a-b-c- {
	color: azure;
}

/* matches the element with id=\\"©\\" */
#_style_modules_css-© {
	color: black;
}

._style_modules_css-♥ { background: lime; }
._style_modules_css-© { background: lime; }
._style_modules_css-😍 { background: lime; }
._style_modules_css-“‘’” { background: lime; }
._style_modules_css-☺☃ { background: lime; }
._style_modules_css-⌘⌥ { background: lime; }
._style_modules_css-𝄞♪♩♫♬ { background: lime; }
._style_modules_css-💩 { background: lime; }
._style_modules_css-\\\\? { background: lime; }
._style_modules_css-\\\\@ { background: lime; }
._style_modules_css-\\\\. { background: lime; }
._style_modules_css-\\\\:\\\\) { background: lime; }
._style_modules_css-\\\\:\\\\\`\\\\( { background: lime; }
._style_modules_css-123 { background: lime; }
._style_modules_css-1a2b3c { background: lime; }
._style_modules_css-\\\\<p\\\\> { background: lime; }
._style_modules_css-\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\> { background: lime; }
._style_modules_css-\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.------\\\\.--------\\\\.\\\\>\\\\+\\\\.\\\\>\\\\. { background: lime; }
._style_modules_css-\\\\# { background: lime; }
._style_modules_css-\\\\#\\\\# { background: lime; }
._style_modules_css-\\\\#\\\\.\\\\#\\\\.\\\\# { background: lime; }
._style_modules_css-_ { background: lime; }
._style_modules_css-\\\\{\\\\} { background: lime; }
._style_modules_css-\\\\#fake-id { background: lime; }
._style_modules_css-foo\\\\.bar { background: lime; }
._style_modules_css-\\\\:hover { background: lime; }
._style_modules_css-\\\\:hover\\\\:focus\\\\:active { background: lime; }
._style_modules_css-\\\\[attr\\\\=value\\\\] { background: lime; }
._style_modules_css-f\\\\/o\\\\/o { background: lime; }
._style_modules_css-f\\\\\\\\o\\\\\\\\o { background: lime; }
._style_modules_css-f\\\\*o\\\\*o { background: lime; }
._style_modules_css-f\\\\!o\\\\!o { background: lime; }
._style_modules_css-f\\\\'o\\\\'o { background: lime; }
._style_modules_css-f\\\\~o\\\\~o { background: lime; }
._style_modules_css-f\\\\+o\\\\+o { background: lime; }

._style_modules_css-foo\\\\/bar {
	background: hotpink;
}

._style_modules_css-foo\\\\\\\\bar {
	background: hotpink;
}

._style_modules_css-foo\\\\/bar\\\\/baz {
	background: hotpink;
}

._style_modules_css-foo\\\\\\\\bar\\\\\\\\baz {
	background: hotpink;
}

:root {
	--_style_modules_css-main-bg-color: red;
	--_style_modules_css-main-bg-color-\\\\@2: blue;
}

details {
	background-color: var(--_style_modules_css-main-bg-color);
	background-color: var(--_style_modules_css-main-bg-color-\\\\@2);
}

@keyframes _style_modules_css-f\\\\@oo { from { color: red; } to { color: blue; } }

",
]
`;

exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: as-is 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",
  "class": "_style_module_css_as-is-class",
  "default": "_style_module_css_as-is-default",
  "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[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: as-is 2`] = `
Object {
  "btn--info_is-disabled_1": "_856-btn--info_is-disabled_1",
  "btn-info_is-disabled": "_856-btn-info_is-disabled",
  "class": "_856-class",
  "default": "_856-default",
  "foo": "bar",
  "foo_bar": "_856-foo_bar",
  "my-btn-info_is-disabled": "value",
  "simple": "_856-simple",
}
`;

exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: as-is 3`] = `
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",
  "class": "_style_module_css_as-is-class",
  "default": "_style_module_css_as-is-default",
  "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[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: as-is 4`] = `
Object {
  "btn--info_is-disabled_1": "_856-btn--info_is-disabled_1",
  "btn-info_is-disabled": "_856-btn-info_is-disabled",
  "class": "_856-class",
  "default": "_856-default",
  "foo": "bar",
  "foo_bar": "_856-foo_bar",
  "my-btn-info_is-disabled": "value",
  "simple": "_856-simple",
}
`;

exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: camel-case 1`] = `
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",
  "class": "_style_module_css_camel-case-class",
  "default": "_style_module_css_camel-case-default",
  "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[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: camel-case 2`] = `
Object {
  "btn--info_is-disabled_1": "_612-btn--info_is-disabled_1",
  "btn-info_is-disabled": "_612-btn-info_is-disabled",
  "btnInfoIsDisabled": "_612-btn-info_is-disabled",
  "btnInfoIsDisabled1": "_612-btn--info_is-disabled_1",
  "class": "_612-class",
  "default": "_612-default",
  "foo": "bar",
  "fooBar": "_612-foo_bar",
  "foo_bar": "_612-foo_bar",
  "my-btn-info_is-disabled": "value",
  "myBtnInfoIsDisabled": "value",
  "simple": "_612-simple",
}
`;

exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: camel-case 3`] = `
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",
  "class": "_style_module_css_camel-case-class",
  "default": "_style_module_css_camel-case-default",
  "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[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: camel-case 4`] = `
Object {
  "btn--info_is-disabled_1": "_612-btn--info_is-disabled_1",
  "btn-info_is-disabled": "_612-btn-info_is-disabled",
  "btnInfoIsDisabled": "_612-btn-info_is-disabled",
  "btnInfoIsDisabled1": "_612-btn--info_is-disabled_1",
  "class": "_612-class",
  "default": "_612-default",
  "foo": "bar",
  "fooBar": "_612-foo_bar",
  "foo_bar": "_612-foo_bar",
  "my-btn-info_is-disabled": "value",
  "myBtnInfoIsDisabled": "value",
  "simple": "_612-simple",
}
`;

exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: camel-case-only 1`] = `
Object {
  "btnInfoIsDisabled": "_style_module_css_camel-case-only-btnInfoIsDisabled",
  "btnInfoIsDisabled1": "_style_module_css_camel-case-only-btnInfoIsDisabled1",
  "class": "_style_module_css_camel-case-only-class",
  "default": "_style_module_css_camel-case-only-default",
  "foo": "bar",
  "fooBar": "_style_module_css_camel-case-only-fooBar",
  "myBtnInfoIsDisabled": "value",
  "simple": "_style_module_css_camel-case-only-simple",
}
`;

exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: camel-case-only 2`] = `
Object {
  "btnInfoIsDisabled": "_999-btnInfoIsDisabled",
  "btnInfoIsDisabled1": "_999-btnInfoIsDisabled1",
  "class": "_999-class",
  "default": "_999-default",
  "foo": "bar",
  "fooBar": "_999-fooBar",
  "myBtnInfoIsDisabled": "value",
  "simple": "_999-simple",
}
`;

exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: camel-case-only 3`] = `
Object {
  "btnInfoIsDisabled": "_style_module_css_camel-case-only-btnInfoIsDisabled",
  "btnInfoIsDisabled1": "_style_module_css_camel-case-only-btnInfoIsDisabled1",
  "class": "_style_module_css_camel-case-only-class",
  "default": "_style_module_css_camel-case-only-default",
  "foo": "bar",
  "fooBar": "_style_module_css_camel-case-only-fooBar",
  "myBtnInfoIsDisabled": "value",
  "simple": "_style_module_css_camel-case-only-simple",
}
`;

exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: camel-case-only 4`] = `
Object {
  "btnInfoIsDisabled": "_999-btnInfoIsDisabled",
  "btnInfoIsDisabled1": "_999-btnInfoIsDisabled1",
  "class": "_999-class",
  "default": "_999-default",
  "foo": "bar",
  "fooBar": "_999-fooBar",
  "myBtnInfoIsDisabled": "value",
  "simple": "_999-simple",
}
`;

exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: dashes 1`] = `
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",
  "class": "_style_module_css_dashes-class",
  "default": "_style_module_css_dashes-default",
  "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[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: dashes 2`] = `
Object {
  "btn--info_is-disabled_1": "_883-btn--info_is-disabled_1",
  "btn-info_is-disabled": "_883-btn-info_is-disabled",
  "btnInfo_isDisabled": "_883-btn-info_is-disabled",
  "btnInfo_isDisabled_1": "_883-btn--info_is-disabled_1",
  "class": "_883-class",
  "default": "_883-default",
  "foo": "bar",
  "foo_bar": "_883-foo_bar",
  "my-btn-info_is-disabled": "value",
  "myBtnInfo_isDisabled": "value",
  "simple": "_883-simple",
}
`;

exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: dashes 3`] = `
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",
  "class": "_style_module_css_dashes-class",
  "default": "_style_module_css_dashes-default",
  "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[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: dashes 4`] = `
Object {
  "btn--info_is-disabled_1": "_883-btn--info_is-disabled_1",
  "btn-info_is-disabled": "_883-btn-info_is-disabled",
  "btnInfo_isDisabled": "_883-btn-info_is-disabled",
  "btnInfo_isDisabled_1": "_883-btn--info_is-disabled_1",
  "class": "_883-class",
  "default": "_883-default",
  "foo": "bar",
  "foo_bar": "_883-foo_bar",
  "my-btn-info_is-disabled": "value",
  "myBtnInfo_isDisabled": "value",
  "simple": "_883-simple",
}
`;

exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: dashes-only 1`] = `
Object {
  "btnInfo_isDisabled": "_style_module_css_dashes-only-btnInfo_isDisabled",
  "btnInfo_isDisabled_1": "_style_module_css_dashes-only-btnInfo_isDisabled_1",
  "class": "_style_module_css_dashes-only-class",
  "default": "_style_module_css_dashes-only-default",
  "foo": "bar",
  "foo_bar": "_style_module_css_dashes-only-foo_bar",
  "myBtnInfo_isDisabled": "value",
  "simple": "_style_module_css_dashes-only-simple",
}
`;

exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: dashes-only 2`] = `
Object {
  "btnInfo_isDisabled": "_882-btnInfo_isDisabled",
  "btnInfo_isDisabled_1": "_882-btnInfo_isDisabled_1",
  "class": "_882-class",
  "default": "_882-default",
  "foo": "bar",
  "foo_bar": "_882-foo_bar",
  "myBtnInfo_isDisabled": "value",
  "simple": "_882-simple",
}
`;

exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: dashes-only 3`] = `
Object {
  "btnInfo_isDisabled": "_style_module_css_dashes-only-btnInfo_isDisabled",
  "btnInfo_isDisabled_1": "_style_module_css_dashes-only-btnInfo_isDisabled_1",
  "class": "_style_module_css_dashes-only-class",
  "default": "_style_module_css_dashes-only-default",
  "foo": "bar",
  "foo_bar": "_style_module_css_dashes-only-foo_bar",
  "myBtnInfo_isDisabled": "value",
  "simple": "_style_module_css_dashes-only-simple",
}
`;

exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: dashes-only 4`] = `
Object {
  "btnInfo_isDisabled": "_882-btnInfo_isDisabled",
  "btnInfo_isDisabled_1": "_882-btnInfo_isDisabled_1",
  "class": "_882-class",
  "default": "_882-default",
  "foo": "bar",
  "foo_bar": "_882-foo_bar",
  "myBtnInfo_isDisabled": "value",
  "simple": "_882-simple",
}
`;

exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: upper 1`] = `
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",
  "CLASS": "_style_module_css_upper-CLASS",
  "DEFAULT": "_style_module_css_upper-DEFAULT",
  "FOO": "bar",
  "FOO_BAR": "_style_module_css_upper-FOO_BAR",
  "MY-BTN-INFO_IS-DISABLED": "value",
  "SIMPLE": "_style_module_css_upper-SIMPLE",
}
`;

exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: upper 2`] = `
Object {
  "BTN--INFO_IS-DISABLED_1": "_133-BTN--INFO_IS-DISABLED_1",
  "BTN-INFO_IS-DISABLED": "_133-BTN-INFO_IS-DISABLED",
  "CLASS": "_133-CLASS",
  "DEFAULT": "_133-DEFAULT",
  "FOO": "bar",
  "FOO_BAR": "_133-FOO_BAR",
  "MY-BTN-INFO_IS-DISABLED": "value",
  "SIMPLE": "_133-SIMPLE",
}
`;

exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: upper 3`] = `
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",
  "CLASS": "_style_module_css_upper-CLASS",
  "DEFAULT": "_style_module_css_upper-DEFAULT",
  "FOO": "bar",
  "FOO_BAR": "_style_module_css_upper-FOO_BAR",
  "MY-BTN-INFO_IS-DISABLED": "value",
  "SIMPLE": "_style_module_css_upper-SIMPLE",
}
`;

exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: upper 4`] = `
Object {
  "BTN--INFO_IS-DISABLED_1": "_133-BTN--INFO_IS-DISABLED_1",
  "BTN-INFO_IS-DISABLED": "_133-BTN-INFO_IS-DISABLED",
  "CLASS": "_133-CLASS",
  "DEFAULT": "_133-DEFAULT",
  "FOO": "bar",
  "FOO_BAR": "_133-FOO_BAR",
  "MY-BTN-INFO_IS-DISABLED": "value",
  "SIMPLE": "_133-SIMPLE",
}
`;

exports[`ConfigTestCases css import exported tests should compile 1`] = `
Array [
  "/*!******************************************************************************************!*\\\\
  !*** external \\"https://test.cases/path/../../../../configCases/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/import/external1.css\\" ***!
  \\\\*******************************************************************************************/
body {
	externally-imported1: true;
}

/*!*******************************************************************************************!*\\\\
  !*** external \\"https://test.cases/path/../../../../configCases/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 ./dark.css (media: (prefers-color-scheme: dark)) ***!
  \\\\************************************************************/
@media (prefers-color-scheme: dark) {
	a {
	  color: white;
	}
}

/*!***************************************!*\\\\
  !*** css ./list-of-media-queries.css ***!
  \\\\***************************************/

a {
  color: black;
}

/*!*********************************!*\\\\
  !*** css ./circular-nested.css ***!
  \\\\*********************************/

.circular-nested {
	color: red;
}

/*!**************************!*\\\\
  !*** css ./circular.css ***!
  \\\\**************************/

.circular {
	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);



/* FIXME */
/*@import url(\\"webpackIgnore-order.css\\");*/

body {
	background: red;
}

",
]
`;

exports[`ConfigTestCases css import exported tests should compile 2`] = `
Array [
  "/*!***********************!*\\\\
  !*** css ./style.css ***!
  \\\\***********************/
@import \\"./style-import.css\\";
@import \\"print.css?foo=1\\";
@import url(\\"print.css?foo=2\\");
@import \\"print.css?foo=3\\" layer(default);
@import url(\\"print.css?foo=4\\") layer(default);
@import \\"print.css?foo=5\\" supports(display: flex);
@import url(\\"print.css?foo=6\\") supports(display: flex);
@import \\"print.css?foo=7\\" screen and (min-width: 400px);
@import url(\\"print.css?foo=8\\") screen and (min-width: 400px);
@import \\"print.css?foo=9\\" layer(default) supports(display: flex);
@import \\"print.css?foo=10\\" layer(default) screen and (min-width: 400px);
@import \\"print.css?foo=11\\" supports(display: flex) screen and (min-width: 400px);
@import \\"print.css?foo=12\\" layer(default) supports(display: flex) screen and (min-width: 400px);
@import \\"print.css?foo=13\\"layer(default)supports(display: flex)screen and (min-width: 400px);
@import url(print.css?foo=14)layer(default)supports(display: flex)screen and (min-width: 400px);
@import url(\\"print.css?foo=15\\")layer(default)supports(display: flex)screen and (min-width: 400px);
@import url(print.css?foo=16)layer(default)supports(background: url(./img.png))screen and (min-width: 400px);
@import url(print.css?foo=17)layer(default)supports(background: url(\\"./img.png\\"))screen and (min-width: 400px);
@import url(print.css?foo=18)screen;
@import url(\\"print.css?foo=19\\")screen;
@import \\"print.css?foo=20\\"screen;
@import url(print.css?foo=18)   screen   ;
@import url(\\"print.css?foo=19\\")   screen   ;
@import \\"print.css?foo=20\\"   screen  ;
@import \\"print.css?foo=21\\"    ;

/* Has the same URL */
@import \\"imported.css\\";
@import \\"imported.css\\" layer(base);
@import \\"imported.css\\" supports(display: flex);
@import \\"imported.css\\" screen, print;

@import url(style2.css?foo=1);
@import url('style2.css?foo=2');
@import url(\\"style2.css?foo=3\\");
@IMPORT url(style2.css?foo=4);
@import URL(style2.css?foo=5);
@import url(style2.css?foo=6 );
@import url( style2.css?foo=7);
@import url( style2.css?foo=8 );
@import url(
style2.css?foo=9
);
@import url();
@import url('');
@import url(\\"\\");
@import '';
@import \\"\\";
@import \\"   \\";
@import \\"\\\\
\\";
@import url();
@import url('');
@import url(\\"\\");
@import url(\\"\\") /* test */;
@import url(\\"\\") screen and (orientation:landscape);
@import url(style2.css) screen and (orientation:landscape);
@import url(style2.css) SCREEN AND (ORIENTATION: LANDSCAPE);
@import url(style2.css)screen and (orientation:landscape);
@import url(style2.css)  screen and (orientation:landscape);
@import url(style2.css) screen and (orientation:landscape);
@import url(style2.css) (min-width: 100px);
@import url(https://test.cases/path/../../../../configCases/css/import/external.css);
@import url(https://test.cases/path/../../../../configCases/css/import/external.css) screen and (orientation:landscape);
@import \\"//example.com/style.css\\";
@import url('test.css?foo=1&bar=1');
@import url('style2.css?foo=1&bar=1#hash');
@import url('style2.css?foo=1&bar=1#hash') screen and (orientation:landscape);
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto?foo=1') layer(super.foo) supports(display: flex) screen and (min-width: 400px);

@import './sty\\\\
le3.css?bar=1';
@import './sty\\\\
\\\\
\\\\
le3.css?bar=2';
@import url('./sty\\\\
le3.css?bar=3');
@import url('./sty\\\\
\\\\
\\\\
le3.css?=bar4');

@import \\"./styl'le7.css\\";
@import url(\\"./styl'le7.css?foo=1\\");
@import './styl\\\\'le7.css';
@import url('./styl\\\\'le7.css');
@import './test test.css';
@import url('./test test.css?foo=1');
@import './test\\\\ test.css?foo=2';
@import url('./test\\\\ test.css?foo=3');
@import './test%20test.css?foo=4';
@import url('./test%20test.css?foo=5');
@import './\\\\74\\\\65\\\\73\\\\74.css';
@import url('./\\\\74\\\\65\\\\73\\\\74.css?foo=1');
@import './t\\\\65\\\\73\\\\74.css?foo=2';
@import url('./t\\\\65\\\\73\\\\74.css?foo=3');
@import url(./test\\\\ test.css?foo=6);
@import url(./t\\\\65st%20test.css?foo=7);
@import url('./t\\\\65st%20test.css?foo=8');
@import url(\\"./t\\\\65st%20test.css?foo=9\\");
@import \\"./t\\\\65st%20test.css?fpp=10\\";
@import './t\\\\65st%20test.css?foo=11';
@import url(                 style6.css?foo=bazz                      );
@import '\\\\
\\\\
\\\\
';
@import url('./string-loader.js?esModule=false!./test.css');
@import url(style4.css?foo=bar);
@import url(style4.css?foo=bar#hash);
@import url(style4.css?#hash);
@import \\"style4.css?foo=1\\" supports(display: flex);
@import \\"style4.css?foo=2\\" supports(display: flex) screen and (orientation:landscape);

@import \\"   ./style4.css?foo=3   \\";
@import url('   ./style4.css?foo=4   ');
@import url(   ./style4.css?foo=5   );

@import url('   https://fonts.googleapis.com/css?family=Roboto   ');
@import url('./string-loader.js?esModule=false');
@import url('   ./string-loader.js?esModule=false!./test.css   ') screen and (orientation: landscape);
@import url(data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D);
@import url(data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20blue%3B%0D%0A%7D) screen and (orientation:landscape);
@import url(\\"data:text/css;charset=utf-8;base64,YSB7DQogIGNvbG9yOiByZWQ7DQp9\\");

@import url(\\"./style5.css?foo=1\\") supports();
@import url(\\"./style5.css?foo=2\\") supports(    );
@import url(\\"./style5.css?foo=3\\") supports(unknown);
@import url(\\"./style5.css?foo=4\\") supports(display: flex);
@import url(\\"./style5.css?foo=5\\") supports(display: flex !important);
@import url(\\"./style5.css?foo=6\\") supports(display: flex) screen and (min-width: 400px);
@import url(\\"./style5.css?foo=7\\") supports(selector(a b));
@import url(\\"./style5.css?foo=8\\") supports(   display: flex   );
@import url(\\"./layer.css?foo=1\\") layer;
@import url(\\"./layer.css?foo=2\\") layer(default);
@import url(\\"./layer.css?foo=3\\") layer(default) supports(display: flex) screen and (min-width: 400px);
@import url(\\"./layer.css?foo=3\\") layer supports(display: flex) screen and (min-width: 400px);
@import url(\\"./layer.css?foo=4\\") layer() supports(display: flex) screen and (min-width: 400px);
@import url(\\"./layer.css?foo=5\\") layer();
@import url(\\"./layer.css?foo=6\\") layer(   foo.bar.baz   );
@import url(\\"./layer.css?foo=7\\") layer(      );
@import url(\\"./style6.css\\")layer(default)supports(display: flex)screen and (min-width:400px);
@import \\"./style6.css?foo=1\\"layer(default)supports(display: flex)screen and (min-width:400px);
@import \\"./style6.css?foo=2\\"supports(display: flex)screen and (min-width:400px);
@import \\"./style6.css?foo=3\\"screen and (min-width:400px);
@import url(\\"./style6.css?foo=4\\")screen and (min-width:400px);
@import url(./style6.css?foo=5)screen and (min-width:400px);
@import url(\\"./style6.css?foo=6\\")     layer(     default     )     supports(     display     :     flex     )     screen     and     (     min-width     :     400px     );
@import URL(\\"./style6.css?foo=7\\") LAYER(DEFAULT) SUPPORTS(DISPLAY: FLEX) SCREEN AND (MIN-WIDTH: 400PX);
@import url(\\"./style6.css?foo=8\\") LAYER SUPPORTS(DISPLAY: FLEX) SCREEN AND (MIN-WIDTH: 400PX);
@import url(\\"./style6.css?foo=9\\") /* Comment */ layer(/* Comment */default/* Comment */) /* Comment */ supports(/* Comment */display/* Comment */:/* Comment */ flex/* Comment */)/* Comment */ screen/* Comment */ and/* Comment */ (/* Comment */min-width/* Comment */: /* Comment */400px/* Comment */);
@import url(style6.css?foo=10) /* Comment */;
@import url(style6.css?foo=11) /* Comment */   /* Comment */;
@import url(style6.css?foo=12) /* Comment *//* Comment */;
@import url(style6.css?foo=13)/* Comment *//* Comment */;
@import
url(style6.css?foo=14)
/* Comment */
/* Comment */;
@import /* Comment */ url(style6.css?foo=15) /* Comment */;
@import url(style6.css?foo=16) /* Comment */ print and (orientation:landscape);
@import url(style6.css?foo=17)/* Comment */print and (orientation:landscape)/* Comment */;
@import /* Comment */ url(style6.css?foo=18) /* Comment */ print and (orientation:landscape);

@import url(\\"./style8.css\\") screen and (min-width: 400px);
@import url(\\"./style8.css\\") (prefers-color-scheme: dark);
@import url(\\"./style8.css\\") supports(display: flex);
@import url(\\"./style8.css\\") supports(((display: flex)));
@import url(\\"./style8.css\\") supports(((display: inline-grid))) screen and (((min-width: 400px)));
@import url(\\"./style8.css\\") supports(display: flex);
@import url('./style8.css') supports(display: grid);
@import url(\\"./style8.css\\") supports(display: flex) screen and (min-width: 400px);
@import url(\\"./style8.css\\") layer(framework);
@import url(\\"./style8.css\\") layer(default);
@import url(\\"./style8.css\\") layer(base);
@import url(\\"./style8.css\\") layer(default) supports(display: flex);
@import url(\\"./style8.css\\") layer(default) supports(display: flex) screen and (min-width: 400px);

/* anonymous */
@import \\"style2.css\\" layer();
@import \\"style2.css\\" layer;

/* All unknown parse as media for compatibility */
@import url(\\"./style9.css\\") unknown(default) unknown(display: flex) unknown;
@import url(\\"./style9.css\\") unknown(default);

@import url(\\"./style10.css\\");

@import \\"./media-nested.css\\" screen and (min-width: 400px);
@import \\"./supports-nested.css\\" supports(display: flex);
@import \\"./layer-nested.css\\" layer(foo);
@import \\"./all-nested.css\\" layer(foo) supports(display: flex) screen and (min-width: 400px);
@import \\"./mixed-nested.css\\" screen and (min-width: 400px);
@import \\"./anonymous-nested.css\\" layer;
@import \\"./media-deep-deep-nested.css\\" screen and (orientation: portrait);
@import \\"./duplicate-nested.css\\" screen and (orientation: portrait);
@import \\"./anonymous-nested.css\\" supports(display: flex) screen and (orientation: portrait);
@import \\"./all-nested.css\\" layer(super.foo) supports(display: flex) screen and (min-width: 400px);

/* Inside support */

@import url(\\"/style2.css?warning=6\\") supports(unknown: layer(super.foo)) screen and (min-width: 400px);
@import url(\\"/style2.css?warning=7\\") supports(url: url(\\"./unknown.css\\")) screen and (min-width: 400px);
@import url(\\"/style2.css?warning=8\\") supports(url: url(./unknown.css)) screen and (min-width: 400px);

/** Possible syntax in future */

@import url(\\"/style2.css?foo=unknown\\") layer(super.foo) supports(display: flex) unknown(\\"foo\\") screen and (min-width: 400px);
@import url(\\"/style2.css?foo=unknown1\\") layer(super.foo) supports(display: url(\\"./unknown.css\\")) unknown(foo) screen and (min-width: 400px);
@import url(\\"/style2.css?foo=unknown2\\") layer(super.foo) supports(display: url(./unknown.css)) \\"foo\\" screen and (min-width: 400px);
@import \\"./style2.css?unknown3\\" \\"string\\";

/** Unknown */

@import-normalize;

/** Warnings */

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

@import url(./style2.css?multiple=1) url(./style2.css?multiple=2);
@import url(\\"./style2.css?multiple=3\\") url(\\"./style2.css?multiple=4\\");
@import \\"./style2.css?strange=3\\" url(\\"./style2.css?multiple=4\\");

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

@import url(\\"ignore.css\\");
@import url(\\"list-of-media-queries.css\\");
@import url(\\"/alias.css\\");
@import url(\\"circular.css\\");
/* FIXME */
/*@import url(\\"webpackIgnore-order.css\\");*/

body {
	background: red;
}

",
]
`;

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

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

exports[`ConfigTestCases 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[`ConfigTestCases css local-ident-name exported tests should have correct local ident for css export locals 2`] = `
Object {
  "btn--info_is-disabled_1": "_2058b663514f2425ba48",
  "btn-info_is-disabled": "_2aba8b96a0ac031f537a",
  "color-red": "--_0de89cac8a4c2f23ed3a",
  "foo": "bar",
  "foo_bar": "_7d728a7a17547f118b8f",
  "my-btn-info_is-disabled": "value",
  "simple": "_0536cc02142c55d85df9",
}
`;

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

exports[`ConfigTestCases 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[`ConfigTestCases 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[`ConfigTestCases 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?q#f__btn--info_is-disabled_1",
  "btn-info_is-disabled": "./style.module.css?q#f__btn-info_is-disabled",
  "color-red": "--./style.module.css?q#f__color-red",
  "foo": "bar",
  "foo_bar": "./style.module.css?q#f__foo_bar",
  "my-btn-info_is-disabled": "value",
  "simple": "./style.module.css?q#f__simple",
}
`;

exports[`ConfigTestCases 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-b49b9b7fd945be4564a4",
  "btn-info_is-disabled": "-_style_module_css_uniqueName-id-contenthash-2ec29062639f5c113084",
  "color-red": "---_style_module_css_uniqueName-id-contenthash-f5073cf3e0954d246c7e",
  "foo": "bar",
  "foo_bar": "-_style_module_css_uniqueName-id-contenthash-71d31d18648cccfa9d17",
  "my-btn-info_is-disabled": "value",
  "simple": "-_style_module_css_uniqueName-id-contenthash-c93d824ddb3eb05477b2",
}
`;

exports[`ConfigTestCases 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[`ConfigTestCases 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[`ConfigTestCases css local-ident-name exported tests should have correct local ident for css export locals 10`] = `
Object {
  "btn--info_is-disabled_1": "_2058b663514f2425ba48",
  "btn-info_is-disabled": "_2aba8b96a0ac031f537a",
  "color-red": "--_0de89cac8a4c2f23ed3a",
  "foo": "bar",
  "foo_bar": "_7d728a7a17547f118b8f",
  "my-btn-info_is-disabled": "value",
  "simple": "_0536cc02142c55d85df9",
}
`;

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

exports[`ConfigTestCases 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[`ConfigTestCases 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[`ConfigTestCases 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?q#f__btn--info_is-disabled_1",
  "btn-info_is-disabled": "./style.module.css?q#f__btn-info_is-disabled",
  "color-red": "--./style.module.css?q#f__color-red",
  "foo": "bar",
  "foo_bar": "./style.module.css?q#f__foo_bar",
  "my-btn-info_is-disabled": "value",
  "simple": "./style.module.css?q#f__simple",
}
`;

exports[`ConfigTestCases 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-b49b9b7fd945be4564a4",
  "btn-info_is-disabled": "-_style_module_css_uniqueName-id-contenthash-2ec29062639f5c113084",
  "color-red": "---_style_module_css_uniqueName-id-contenthash-f5073cf3e0954d246c7e",
  "foo": "bar",
  "foo_bar": "-_style_module_css_uniqueName-id-contenthash-71d31d18648cccfa9d17",
  "my-btn-info_is-disabled": "value",
  "simple": "-_style_module_css_uniqueName-id-contenthash-c93d824ddb3eb05477b2",
}
`;

exports[`ConfigTestCases 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[`ConfigTestCases 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);
}

",
]
`;

exports[`ConfigTestCases css pseudo-import exported tests should compile 1`] = `
Array [
  "/*!********************************!*\\\\
  !*** css ./export.modules.css ***!
  \\\\********************************/

/*!*********************************!*\\\\
  !*** css ./library.modules.css ***!
  \\\\*********************************/

/*!*******************************!*\\\\
  !*** css ./after.modules.css ***!
  \\\\*******************************/

/*!********************************!*\\\\
  !*** css ./vars-1.modules.css ***!
  \\\\********************************/

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


._style_modules_css-class {
	color: red;
	background: red;
}


._style_modules_css-class {background: red}

._style_modules_css-class {
	color: red;
	color: red;
	color: red;
	color: red;
}


._style_modules_css-class {
	color: red;
}


._style_modules_css-class {
	color: red;
}

/* TODO fix me */
/*:import(\\"reexport.modules.css\\") {
	primary-color: _my_color;
}

.class {color: primary-color}*/


._style_modules_css-class {
	color:    red, red, func()   ;
}

._style_modules_css-nest {
	:import(\\"./export.modules.css\\") {
		unknown: unknown;
	}

	:export {
		unknown: unknown;
	}

	unknown: unknown;
}

",
  "/*!********************************!*\\\\
  !*** css ./export.modules.css ***!
  \\\\********************************/

/*!*********************************!*\\\\
  !*** css ./library.modules.css ***!
  \\\\*********************************/

/*!*******************************!*\\\\
  !*** css ./after.modules.css ***!
  \\\\*******************************/

/*!********************************!*\\\\
  !*** css ./vars-1.modules.css ***!
  \\\\********************************/

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


._style_modules_css-class {
	color: red;
	background: red;
}


._style_modules_css-class {background: red}

._style_modules_css-class {
	color: red;
	color: red;
	color: red;
	color: red;
}


._style_modules_css-class {
	color: red;
}


._style_modules_css-class {
	color: red;
}

/* TODO fix me */
/*:import(\\"reexport.modules.css\\") {
	primary-color: _my_color;
}

.class {color: primary-color}*/


._style_modules_css-class {
	color:    red, red, func()   ;
}

._style_modules_css-nest {
	:import(\\"./export.modules.css\\") {
		unknown: unknown;
	}

	:export {
		unknown: unknown;
	}

	unknown: unknown;
}

",
]
`;

exports[`ConfigTestCases css pure-css exported tests should compile 1`] = `
Array [
  "/*!***************************************************!*\\\\
  !*** css ../css-modules/at-rule-value.module.css ***!
  \\\\***************************************************/
@value my-red blue;

.value-in-class {
	color: my-red;
}

@value v-comment-broken:;
@value v-comment-broken-v1:/* comment */;

@value small: (max-width: 599px);

@media small {
	abbr:hover {
		color: limegreen;
		transition-duration: 1s;
	}
}

@value blue-v1: red;

.foo { color: blue-v1; }

@value blue-v3: red;

.foo {
	&.bar { color: blue-v3; }
}

@value blue-v3: red;

.foo {
	@media (min-width: 1024px) {
		&.bar { color: blue-v3; }
	}
}

@value blue-v4: red;

.foo {
	@media (min-width: 1024px) {
		&.bar {
			@media (min-width: 1024px) {
				color: blue-v4;
			}
		}
	}
}

@value test-t: 40px;
@value test_q: 36px;

.foo { height: test-t; height: test_q; }

@value colorValue: red;

.colorValue {
	color: colorValue;
}

@value colorValue-v1: red;

#colorValue-v1 {
	color: colorValue-v1;
}

@value colorValue-v2: red;

.colorValue-v2 > .colorValue-v2 {
	color: colorValue-v2;
}

@value colorValue-v3: .red;

colorValue-v3 {
	color: colorValue-v3;
}

@value red-v2 from \\"./colors.module.css\\";

.export {
	color: red-v2;
}

@value blue-v1 as green from \\"./colors.module.css\\";

.foo { color: green; }

@value blue-i, green-v2 from \\"./colors.module.css\\";

.foo { color: blue-i; }
.bar { color: green-v2 }

@value red-v3 from colors;
@value colors: \\"./colors.module.css\\";

.foo { color: red-v3; }

@value colors: \\"./colors.module.css\\";
@value red-v4 from colors;

.foo { color: red-v4; }

@value aaa: red;
@value bbb: aaa;

.class-a { color: bbb; }

@value base: 10px;
@value large: calc(base * 2);

.class-a { margin: large; }

@value a from \\"./colors.module.css\\";
@value b from \\"./colors.module.css\\";

.class-a { content: a b; }

@value --red from \\"./colors.module.css\\";

.foo { color: --red; }

@value named: red;
@value _3char #0f0;
@value _6char #00ff00;
@value rgba rgba(34, 12, 64, 0.3);
@value hsla hsla(220, 13.0%, 18.0%, 1);

.foo {
	color: named;
	background-color: _3char;
	border-top-color: _6char;
	border-bottom-color: rgba;
	outline-color: hsla;
}

@value (blue-i, red-i) from \\"./colors.module.css\\";

.foo { color: red-i; }
.bar { color: blue-i }

@value coolShadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14)   ;

.foo { box-shadow: coolShadow; }

@value func: color(red lightness(50%));

.foo { color: func; }

@value v-color: red;

:root { --color: v-color; }

@value v-empty: ;

:root { --color:v-empty; }

@value v-empty-v2:   ;

:root { --color:v-empty-v2; }

@value v-empty-v3: /* comment */;

:root { --color:v-empty-v3; }

@value override: blue;
@value override: red;

.override {
	color: override;
}

@value (blue-v1 as my-name) from \\"./colors.module.css\\";
@value (blue-v1 as my-name-again, red-v1) from \\"./colors.module.css\\";

.class {
	color: my-name;
	color: my-name-again;
	color: red-v1;
}

@value/* test */blue-v5/* test */:/* test */red/* test */;

.color {
	color: blue-v5;
}

@value/* test */blue-v6/* test *//* test */red/* test */;

.color {
	color: blue-v6;
}

@value coolShadow-v2   :   0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14)   ;

.foo { box-shadow: coolShadow-v2; }

@value   /* test */   coolShadow-v3   /* test */   :   0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14)   ;

.foo { box-shadow: coolShadow-v3; }

@value   /* test */   coolShadow-v4   /* test */   0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14)   ;

.foo { box-shadow: coolShadow-v4; }

@value/* test */coolShadow-v5/* test */0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14);

.foo { box-shadow: coolShadow-v5; }

@value/* test */coolShadow-v6/* test */:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14);

.foo { box-shadow: coolShadow-v6; }

@value/* test */coolShadow-v7/* test */:/* test */0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14);

.foo { box-shadow: coolShadow-v7; }

@value /* test */ test-v1 /* test */ from /* test */ \\"./colors.module.css\\" /* test */;

.foo { color: test-v1; }

@value/* test */test-v2/* test */from/* test */\\"./colors.module.css\\"/* test */;

.foo { color: test-v2; }

@value/* test */(/* test */blue/* test */as/* test */my-name-q/* test */)/* test */from/* test */\\"./colors.module.css\\"/* test */;

.foo { color: my-name-q; }

@value;
@value test;

/*!**************************************************!*\\\\
  !*** css ../css-modules/var-function.module.css ***!
  \\\\**************************************************/
:root {
	--main-bg-color: brown;
	--my-var: red;
	--my-background: blue;
	--my-global: yellow;
	--: \\"reserved\\";
	--a: green;
}

.class {
	color: var(--main-bg-color);
}

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

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

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

div {
	background-color: var(--box-color);
}

.two {
	--box-color: cornflowerblue;
}

.three {
	--box-color: aquamarine;
}


.one {
	/* Red if --my-var is not defined */
	color: var(--my-var, red);
}

.two {
	/* pink if --my-var and --my-background are not defined */
	color: var(--my-var, var(--my-background, pink));
}

.reserved {
	color: var(--);
}

.green {
	color: var(--a);
}

.global {
	color: var(--my-global from global);
}

.global-and-default {
	color: var(--my-global from global, pink);
}

.global-and-default-1 {
	color: var(--my-global from global, var(--my-global-background from global));
}

.global-and-default-2 {
	color: var(--my-global from global, var(--my-global-background from global, pink));
}

.global-and-default-3 {
	color: var(--my-global from global, var(--my-background, pink));
}

.global-and-default-5 {
	color: var(   --my-global   from   global,var(--my-background,pink));
}

.global-and-default-6 {
	background: var(   --main-bg-color   ,   var(   --my-background   ,   pink   )   )   , var(--my-global from   global);
}

.global-and-default-7 {
	background: var(--main-bg-color,var(--my-background,pink)),var(--my-global from global);
}

.from {
	color: var(--my-var-u1 from \\"./var-function-export.modules.css\\");
}

.from-1 {
	color: var(--main-bg-color, var(--my-var-u1 from \\"./var-function-export.modules.css\\"));
}

.from-2 {
	color: var(--my-var-u1 from \\"./var-function-export.modules.css\\",  var(--main-bg-color));
}

.from-3 {
	color: var(--my-var-u1 from \\"./var-function-export.modules.css\\",  var(--my-var-u2 from \\"./var-function-export.modules.css\\"));
}

.from-4 {
	color: var(--1 from \\"./var-function-export.modules.css\\");
}

.from-5 {
	color: var(----a from \\"./var-function-export.modules.css\\");
}

.from-6 {
	color: var(--main-bg-color from \\"./var-function-export.modules.css\\");
}

.mixed {
	color: var(--my-var-u1 from \\"./var-function-export.modules.css\\", var(--my-global from global, var(--main-bg-color, red)));
}

.broken {
	color: var(--my-global from);
}

.broken-1 {
	color: var(--my-global from 1);
}

:root {
	--not-override-class: red;
}

.not-override-class {
	color: var(--not-override-class from \\"./var-function-export.modules.css\\")
}

/*!*******************************************!*\\\\
  !*** css ../css-modules/style.module.css ***!
  \\\\*******************************************/

.class {
	color: red;
}

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

:global .global :local .local4 {
	color: yellow;
}

.local5:global(.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;
}

:global(:global(:local(.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 :global {
	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;
	}
}

:GLOBAL .globalUpperCase :LOCAL .localUpperCase {
	color: yellow;
}

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

.globalVarsUpperCase :GLOBAL {
	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;

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

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

	:local(.local-nested) {
		color: red;
	}

	:global(.global-nested) {
		color: red;
	}

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

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

	:global .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 .global-foo {
	.nested-global {
		color: red;
	}

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

@unknown .class {
	color: red;

	.class {
		color: red;
	}
}

:global .class :local .in-local-global-scope,
:global .class :local .in-local-global-scope,
:local .class-local-scope :global .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      .global-foo, :local        .bar {
	:local      .local-in-global       {
		color: blue;
	}

	@media screen {
		:global .my-global-class-again,
		:local .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;
		}
	}
}

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

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

:root {
	--foo: red;
}

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

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

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

	:global .again-again-global, .class, :global(:global(:local(.nested1)).nested2).nested3 {
		animation: slidein 3s;
	}

  .local2 :global .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 {
	:/** test */global(.class) {
		color: red;
	}

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

	:/** test */local(.class) {
		color: red;
	}

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

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

	:local(./** test **/class) {
		color: red;
	}

	:local ./** test **/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;
}

.var {
	--main-color: black;
	--FOO: 10px;
	--foo: 10px;
	--bar: calc(var(--foo) + 10px);
	--accent-background: linear-gradient(to top, var(--main-color), white);
	--external-link: \\"test\\";
	--custom-prop: yellow;
	--default-value: red;
	--main-bg-color: red;
	--backup-bg-color: black;
	-foo: calc(var(--bar) + 10px);
	var: var(--main-color);
	var1: var(--foo);
	var2: var(--FOO);
	content: \\" (\\" var(--external-link) \\")\\";
	var3: var(--main-color, blue);
	var4: var(--custom-prop,);
	var5: var(--custom-prop, initial);
	var6: var(--custom-prop, var(--default-value));
	var7: var(--custom-prop, var(--default-value, red));
	var8: var(--unknown);
	background-color: var(--main-bg-color, var(--backup-bg-color, white));
}

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


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

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

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

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

:local .class {
	color: green;
}

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

:global .class {
	color: white;
}

:export {
	foo: bar;
}

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

",
]
`;

exports[`ConfigTestCases css url exported tests should work with URLs in CSS 1`] = `
Array [
  "/*!************************!*\\\\
  !*** external \\"#test\\" ***!
  \\\\************************/
@import url(\\"#test\\");
/*!************************!*\\\\
  !*** css ./nested.css ***!
  \\\\************************/

.nested {
	background: url(img.09a1a1112c577c279435.png);
}

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

div {
  a: url(img.09a1a1112c577c279435.png);
}

div {
  b: url(img.09a1a1112c577c279435.png);
}

div {
  c: url(img.09a1a1112c577c279435.png);
}

div {
  d: url(img.09a1a1112c577c279435.png#hash);
}

div {
  e: url(
    img.09a1a1112c577c279435.png
  );
}

div {
  f: green url( img.09a1a1112c577c279435.png ) xyz;
}

div {
  g: green url( img.09a1a1112c577c279435.png ) xyz;
}

div {
  h: green url(img.09a1a1112c577c279435.png) xyz;
}

div {
  i: green url(img.09a1a1112c577c279435.png) url(img.09a1a1112c577c279435.png) xyz;
}

div {
  j: green url( img\\\\ img.09a1a1112c577c279435.png ) xyz;
}

div {
  k: green url( img\\\\ img.09a1a1112c577c279435.png ) xyz;
}

div {
  l: green url(img.09a1a1112c577c279435.png) xyz;
}

div {
	m: green url(img.09a1a1112c577c279435.png) xyz;
}

div {
	n: green url(img.09a1a1112c577c279435.png) xyz;
}

div {
	--foo: url(img.09a1a1112c577c279435.png);
}

div {
	a1: url(img.09a1a1112c577c279435.png);
}

div {
	a2: url(img.09a1a1112c577c279435.png);
}

div {
	a3: url(img.09a1a1112c577c279435.png);
}

div {
	a4: url(img.09a1a1112c577c279435.png#hash);
}

div {
	a5: url(
	img.09a1a1112c577c279435.png
	);
}

div {
	a6: green url( img.09a1a1112c577c279435.png ) xyz;
}

div {
	a7: green url( img.09a1a1112c577c279435.png ) xyz;
}

div {
	a8: green url(img.09a1a1112c577c279435.png) xyz;
}

div {
	a9: green url(img.09a1a1112c577c279435.png) url(other-img.09a1a1112c577c279435.png) xyz;
}

div {
	a10: green url( img\\\\ img.09a1a1112c577c279435.png ) xyz;
}

div {
	a11: green url( img\\\\ img.09a1a1112c577c279435.png ) xyz;
}

div {
	a12: green url(img.09a1a1112c577c279435.png) xyz;
}

div {
	a13: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) xyz;
}

div {
	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>\\");
}

div {
	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);
}

div {
	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');
}

div {
	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\\");
}

div {
	a18: url(#highlight);
}

div {
	a19: url(#line-marker);
}

@font-face {
	a20: url(font.31d6cfe0d16ae931b73c.woff) format('woff'),
		url(font.31d6cfe0d16ae931b73c.woff2) format('woff2'),
		url(font.31d6cfe0d16ae931b73c.eot) format('eot'),
		url(font.31d6cfe0d16ae931b73c.ttf) format('truetype'),
		url(\\"font with spaces.31d6cfe0d16ae931b73c.eot\\") format(\\"embedded-opentype\\"),
		url(font.31d6cfe0d16ae931b73c.svg#svgFontName) format('svg'),
		url(font.31d6cfe0d16ae931b73c.woff2?foo=bar) format('woff2'),
		url(font.31d6cfe0d16ae931b73c.eot?#iefix) format('embedded-opentype'),
		url(\\"font with spaces.31d6cfe0d16ae931b73c.eot?#iefix\\") format('embedded-opentype');
}

@media (min-width: 500px) {
	div {
		a21: url(img.09a1a1112c577c279435.png);
	}
}

div {
	a22: \\"do not use url(path)\\";
}

div {
	a23: 'do not \\"use\\" url(path)';
}

div {
	a24: -webkit-image-set(url(img1x.09a1a1112c577c279435.png) 1x, url(img2x.09a1a1112c577c279435.png) 2x)
}

div {
	a25: image-set(url(img1x.09a1a1112c577c279435.png) 1x, url(img2x.09a1a1112c577c279435.png) 2x)
}

div {
	a26: green url() xyz;
}

div {
	a27: green url('') xyz;
}

div {
	a28: green url(\\"\\") xyz;
}

div {
	a29: green url('   ') xyz;
}

div {
	a30: green url(
	) xyz;
}

div {
	a40: green url(https://raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz;
}

div {
	a41: green url(//raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz;
}

div {
	a42: url(img.09a1a1112c577c279435.png?foo);
}

div {
	a43: url(img.09a1a1112c577c279435.png?foo=bar);
}

div {
	a44: url(img.09a1a1112c577c279435.png?foo=bar#hash);
}

div {
	a45: url(img.09a1a1112c577c279435.png?foo=bar#hash);
}

div {
	a46: url(img.09a1a1112c577c279435.png?);
}

div {
	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);
}

div {
	a48: __URL__();
}

div {
	a49: url(img-simple.09a1a1112c577c279435.png);
}

div {
	a50: url(img-simple.09a1a1112c577c279435.png);
}

div {
	a51: url(img-simple.09a1a1112c577c279435.png);
}

div {
	a52: url(img.09a1a1112c577c279435.png);
}

div {
	a53: url(img.09a1a1112c577c279435.png);
}

@font-face {
	a54: url(//at.alicdn.com/t/font_515771_emcns5054x3whfr.eot);
}

div {
	a55: -webkit-image-set();
	a56: -webkit-image-set('');
	a56: image-set();
	a58: image-set('');
	a59: image-set(\\"\\");
	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);

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

div {
	a88: url(imgimg.09a1a1112c577c279435.png);
	a89: url(img\\\\'img.09a1a1112c577c279435.png);
	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
	);
}

div {
	a96: url(img\\\\'\\\\'\\\\'img.09a1a1112c577c279435.png);
	a97: url(\\"img'() img.09a1a1112c577c279435.png\\");
	a98: url(img\\\\'img.09a1a1112c577c279435.png);
	a99: url(img\\\\(img.09a1a1112c577c279435.png);
	a100: url(img\\\\)img.09a1a1112c577c279435.png);
	a101: url(img\\\\ img.09a1a1112c577c279435.png);
	a102: url(img\\\\ img.09a1a1112c577c279435.png);
}

div {
	a103: url(img\\\\(img.09a1a1112c577c279435.png);
	a104: url(img\\\\(img.09a1a1112c577c279435.png);
	a105: url(img\\\\(img.09a1a1112c577c279435.png);
	a106: url(img\\\\(img.09a1a1112c577c279435.png);
}

div {
	a107: url(img\\\\'\\\\'\\\\'img.09a1a1112c577c279435.png);
	a108: url(\\"img'() img.09a1a1112c577c279435.png\\");
	a109: url(img\\\\'img.09a1a1112c577c279435.png);
	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);
}

div {
	a119: url(img.09a1a1112c577c279435.png);
}

div {
	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\\");
	a130: url(\\"img'() img.09a1a1112c577c279435.png\\");
}

div {
	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);
	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);
}

div {
	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%23636363%22%20d%3D%22M98.5%2C179.102c0%2C0.398-0.1%2C0.799-0.2%2C1.199C98.2%2C180.7%2C98%2C181%2C97.7%2C181.2s-0.601%2C0.5-0.9%2C0.601%0A%09%09c-0.3%2C0.1-0.7%2C0.199-1.2%2C0.199c-0.5%2C0-0.9-0.1-1.3-0.3c-0.4-0.2-0.7-0.399-0.9-0.8c-0.2-0.4-0.5-0.7-0.6-1.2%0A%09%09c-0.1-0.5-0.2-1-0.2-1.601c0-0.699%2C0.1-1.399%2C0.3-2c0.2-0.601%2C0.4-1.101%2C0.8-1.5c0.4-0.399%2C0.7-0.699%2C1.2-1c0.5-0.3%2C1-0.3%2C1.6-0.3%0A%09%09c0.6%2C0%2C1.2%2C0.101%2C1.5%2C0.199v1.5c-0.4-0.199-0.9-0.399-1.4-0.399c-0.3%2C0-0.6%2C0.101-0.8%2C0.2c-0.2%2C0.101-0.5%2C0.3-0.7%2C0.5%0A%09%09c-0.2%2C0.199-0.3%2C0.5-0.4%2C0.8c-0.1%2C0.301-0.2%2C0.7-0.2%2C1.101l0%2C0c0.4-0.601%2C1-0.8%2C1.8-0.8c0.3%2C0%2C0.7%2C0.1%2C0.9%2C0.199%0A%09%09c0.2%2C0.101%2C0.5%2C0.301%2C0.7%2C0.5c0.199%2C0.2%2C0.398%2C0.5%2C0.5%2C0.801C98.5%2C178.2%2C98.5%2C178.7%2C98.5%2C179.102z%20M96.7%2C179.2%0A%09%09c0-0.899-0.4-1.399-1.1-1.399c-0.2%2C0-0.3%2C0-0.5%2C0.1c-0.2%2C0.101-0.3%2C0.201-0.4%2C0.301c-0.1%2C0.101-0.2%2C0.199-0.2%2C0.4%0A%09%09c0%2C0.199-0.1%2C0.299-0.1%2C0.5c0%2C0.199%2C0%2C0.398%2C0.1%2C0.6s0.1%2C0.3%2C0.2%2C0.5c0.1%2C0.199%2C0.2%2C0.199%2C0.4%2C0.3c0.2%2C0.101%2C0.3%2C0.101%2C0.5%2C0.101%0A%09%09c0.2%2C0%2C0.3%2C0%2C0.5-0.101c0.2-0.101%2C0.301-0.199%2C0.301-0.3c0-0.1%2C0.199-0.301%2C0.199-0.399C96.6%2C179.7%2C96.7%2C179.4%2C96.7%2C179.2z%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20fill%3D%22%23636363%22%20cx%3D%2295%22%20cy%3D%2295%22%20r%3D%227%22%2F%3E%0A%3C%2Fsvg%3E%0A) 50% 50%/191px no-repeat;
}

div {
	a144: url(img.09a1a1112c577c279435.png);
}

div {
	a145: url(img.09a1a1112c577c279435.png);
}

div {
	/* TODO fix me */
	/*a146: url('./img.png', 'foo', './img.png', url('./img.png'));*/
	/*a147: image-set(url('./img.png', 'foo', './img.png', url('./img.png')) 1x, url(\\"./img2x.png\\") 2x);*/
}

div {
	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');
	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('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>');
}

div {
	a152: url(img.09a1a1112c577c279435.png);
}

div {
	a153: url(img.09a1a1112c577c279435.png);
}

div {
	a154: url(other.09a1a1112c577c279435.png);
}

div {
	a155: url(img.09a1a1112c577c279435.png);
}

div {
	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\\");
}

div {
	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>');
}

div {
	a158: src(http://www.example.com/pinkish.gif);
	--foo-bar: \\"http://www.example.com/pinkish.gif\\";
	a159: src(var(--foo));
}

div {
	a160: url(img.09a1a1112c577c279435.png param(--color var(--primary-color)));
	a161: src(img.09a1a1112c577c279435.png param(--color var(--primary-color)));
}

div {
	a162: url(img\\\\ img.09a1a1112c577c279435.png);

}

div {
	a163: url(img.09a1a1112c577c279435.png);
}


div {
	a164: url( img.png bug);
}

div {
	a165: url(imgn.09a1a1112c577c279435.png);
}

div {
	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>');
}

div {
	a167: url(http://example.com/image.jpg);
	a168: url(http://example.com/image.jpg);
}

div {
	a169: url(data:,);
	a170: url(data:,);
}

div {
	a171: image(ltr 'img.png#xywh=0,0,16,16', red);
	a172: cross-fade(20% url(img.09a1a1112c577c279435.png), url(img.09a1a1112c577c279435.png))
}

div {
	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
	);
	a180: -webkit-image-set(
		url(img.09a1a1112c577c279435.png var(--foo, \\"test.png\\")) 1x
	);
}

div {
	a181: src(img.09a1a1112c577c279435.png);
	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);
}

div {
	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);
	a190: image-set(url(img.09a1a1112c577c279435.png)1x);
	a191: image-set(url(img.09a1a1112c577c279435.png)1x/* test*/,/* test*/url(img.09a1a1112c577c279435.png)2x);
}

@supports (background-image: image-set(url(unknown.09a1a1112c577c279435.png)1x,url(unknown.09a1a1112c577c279435.png)2x,url(unknown.09a1a1112c577c279435.png)3x)) {
	div {
		a192: url(img.09a1a1112c577c279435.png);
		a193: image-set(url(img.09a1a1112c577c279435.png)1x);
	}
}

@supports (background-image: url(unknown.09a1a1112c577c279435.png param(--test))) {
	div {
		a194: url(img.09a1a1112c577c279435.png);
	}
}

@supports (background-image: url(unknown.09a1a1112c577c279435.png)) {
	div {
		a195: url(img.09a1a1112c577c279435.png);
	}
}

@supports (display: grid) {
	@media (min-width: 100px) {
		@layer special {
			div {
				a196: url(img.09a1a1112c577c279435.png);
			}
		}
	}
}

div {
	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);
	a200:-webkit-image-set(url(img.09a1a1112c577c279435.png)1x);
}

div {
	a201: src(http://www.example.com/pinkish.gif);
	--foo: \\"http://www.example.com/pinkish.gif\\";
	a202: src(var(--foo));
	a203: src(img.09a1a1112c577c279435.png);
	a204: src(img.09a1a1112c577c279435.png);
}

div {
	a205: url(img.09a1a1112c577c279435.png);
	a206: url(data:,);
	a208: url(./img.png);
	a208: url(data:,);
	a209: url(data:,);
	a210: url(data:,);
	a211: url(\\\\'img.png\\\\');
}

",
]
`;

exports[`ConfigTestCases css url exported tests should work with URLs in CSS 2`] = `
Array [
  "/*!************************!*\\\\
  !*** external \\"#test\\" ***!
  \\\\************************/
@import url(\\"#test\\");
/*!************************!*\\\\
  !*** css ./nested.css ***!
  \\\\************************/

.nested {
	background: url('./img.png');
}

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

div {
  a: url('./img.png');
}

div {
  b: url(\\"./img.png\\");
}

div {
  c: url(./img.png);
}

div {
  d: url(\\"./img.png#hash\\");
}

div {
  e: url(
    \\"./img.png\\"
  );
}

div {
  f: green url( './img.png' ) xyz;
}

div {
  g: green url( \\"./img.png\\" ) xyz;
}

div {
  h: green url( ./img.png ) xyz;
}

div {
  i: green url(package/img.png) url(./img.png) xyz;
}

div {
  j: green url( \\"./img img.png\\" ) xyz;
}

div {
  k: green url( './img img.png' ) xyz;
}

div {
  l: green url(/img.png) xyz;
}

div {
	m: green URL(/img.png) xyz;
}

div {
	n: green uRl(/img.png) xyz;
}

div {
	--foo: url('./img.png');
}

div {
	a1: url('./img.png');
}

div {
	a2: url(\\"./img.png\\");
}

div {
	a3: url(./img.png);
}

div {
	a4: url(\\"./img.png#hash\\");
}

div {
	a5: url(
	\\"./img.png\\"
	);
}

div {
	a6: green url( './img.png' ) xyz;
}

div {
	a7: green url( \\"./img.png\\" ) xyz;
}

div {
	a8: green url( ./img.png ) xyz;
}

div {
	a9: green url(package/img.png) url(./other-img.png) xyz;
}

div {
	a10: green url( \\"./img img.png\\" ) xyz;
}

div {
	a11: green url( './img img.png' ) xyz;
}

div {
	a12: green url(/img.png) xyz;
}

div {
	a13: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) xyz;
}

div {
	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>\\");
}

div {
	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\\");
}

div {
	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');
}

div {
	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');
}

div {
	a18: url(#highlight);
}

div {
	a19: url('#line-marker');
}

@font-face {
	a20: url(./font.woff) format('woff'),
		url('./font.woff2') format('woff2'),
		url(\\"./font.eot\\") format('eot'),
		url(./font.ttf) format('truetype'),
		url(\\"./font with spaces.eot\\") format(\\"embedded-opentype\\"),
		url('./font.svg#svgFontName') format('svg'),
		url('./font.woff2?foo=bar') format('woff2'),
		url(\\"./font.eot?#iefix\\") format('embedded-opentype'),
		url(\\"./font with spaces.eot?#iefix\\") format('embedded-opentype');
}

@media (min-width: 500px) {
	div {
		a21: url(\\"./img.png\\");
	}
}

div {
	a22: \\"do not use url(path)\\";
}

div {
	a23: 'do not \\"use\\" url(path)';
}

div {
	a24: -webkit-image-set(url('./img1x.png') 1x, url('./img2x.png') 2x)
}

div {
	a25: image-set(url('./img1x.png') 1x, url('./img2x.png') 2x)
}

div {
	a26: green url() xyz;
}

div {
	a27: green url('') xyz;
}

div {
	a28: green url(\\"\\") xyz;
}

div {
	a29: green url('   ') xyz;
}

div {
	a30: green url(
	) xyz;
}

div {
	a40: green url(https://raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz;
}

div {
	a41: green url(//raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz;
}

div {
	a42: url(\\"./img.png?foo\\");
}

div {
	a43: url(\\"./img.png?foo=bar\\");
}

div {
	a44: url(\\"./img.png?foo=bar#hash\\");
}

div {
	a45: url(\\"./img.png?foo=bar#hash\\");
}

div {
	a46: url(\\"./img.png?\\");
}

div {
	a47: url('./img.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.png');
}

div {
	a48: __URL__();
}

div {
	a49: url('./nested/../nested/img-simple.png');
}

div {
	a50: url('/nested/img-simple.png');
}

div {
	a51: url('../url/nested/img-simple.png');
}

div {
	a52: url(./nested/img.png);
}

div {
	a53: url(nested/img.png);
}

@font-face {
	a54: url(\\"//at.alicdn.com/t/font_515771_emcns5054x3whfr.eot\\");
}

div {
	a55: -webkit-image-set();
	a56: -webkit-image-set('');
	a56: image-set();
	a58: image-set('');
	a59: image-set(\\"\\");
	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);

	a70: -webkit-image-set(\\"./img1x.png\\" 1x, \\"./img2x.png\\" 2x);
	a71: image-set(\\"./img1x.png\\" 1x);
	a72: image-set(\\"./img1x.png\\" 1x, \\"./img2x.png\\" 2x);
	a73: image-set(\\"./img img.png\\" 1x, \\"./img img.png\\" 2x);
	a74: image-set(\\"./img1x.png\\" 1x, \\"./img2x.png\\" 2x),
		image-set(\\"./img1x.png\\" 1x, \\"./img2x.png\\" 2x);
	a75: image-set(
		\\"./img1x.png\\" 1x,
		\\"./img2x.png\\" 2x,
		\\"./img3x.png\\" 600dpi
	);
	a76: image-set(\\"./img1x.png?foo=bar\\" 1x);
	a77: image-set(\\"./img1x.png#hash\\" 1x);
	a78: image-set(\\"./img1x.png?#iefix\\" 1x);

	a79: -webkit-image-set(url(\\"./img1x.png\\") 1x, url(\\"./img2x.png\\") 2x);
	a80: -webkit-image-set(url(\\"./img1x.png\\") 1x);
	a81: -webkit-image-set(
		url(\\"./img1x.png\\") 1x
	);
	a82: image-set(url(./img1x.png) 1x);
	a83: image-set(
		url(./img1x.png) 1x
	);
	a84: image-set(url(\\"./img1x.png\\") 1x, url(\\"./img2x.png\\") 2x);
	a85: image-set(
		url(./img1x.png) 1x,
		url(./img2x.png) 2x,
		url(./img3x.png) 600dpi
	);
	a86: image-set(url(\\"./img img.png\\") 1x, url(\\"./img img.png\\") 2x);

	a87: image-set(url(\\"./img1x.png\\") 1x, \\"./img2x.png\\" 2x);
}

div {
	a88: url(./img\\\\img.png);
	a89: url(./img\\\\'img.png);
	a90: url(./img\\\\'\\\\'\\\\'img.png);
	a91: url(./img\\\\(img.png);
	a92: url(./img\\\\)img.png);
	a93: url(./img\\\\ img.png);
	a94: url(./img\\\\'\\\\(\\\\)\\\\ img.png);

	a95: image-set(
		url(./img\\\\img.png) 1x,
		url(./img\\\\'\\\\'\\\\'img.png) 2x,
		url(./img\\\\'img.png) 3x,
		url(./img\\\\(img.png) 4x,
		url(./img\\\\)img.png) 5x,
		url(./img\\\\ img.png) 6x,
		url(./img\\\\'\\\\(\\\\)\\\\ img.png) 7x
	);
}

div {
	a96: url(\\"./img'''img.png\\");
	a97: url(\\"./img'() img.png\\");
	a98: url(\\"./img'img.png\\");
	a99: url(\\"./img(img.png\\");
	a100: url(\\"./img)img.png\\");
	a101: url('./img img.png');
	a102: url(\\"./img img.png\\");
}

div {
	a103: url('./img\\\\
(img.png');
	a104: url('./img\\\\
(img.png');
	a105: url('./img\\\\
(img.png');
	a106: url('./img\\\\
\\\\
\\\\
\\\\
(img.png');
}

div {
	a107: url(\\"./img%27%27%27img.png\\");
	a108: url(\\"./img%27%28%29%20img.png\\");
	a109: url(\\"./img%27img.png\\");
	a110: url(\\"./img%28img.png\\");
	a111: url(\\"./img%29img.png\\");
	a112: url(\\"./img%20img.png\\");
	a113: url(./img%27%27%27img.png);
	a114: url(./img%27%28%29%20img.png);
	a115: url(./img%27img.png);
	a116: url(./img%28img.png);
	a117: url(./img%29img.png);
	a118: url(./img%20img.png);
}

div {
	a119: url('img.png');
}

div {
	a120: url(\\"./img\\\\'\\\\'\\\\'img.png\\");
	a121: url(\\"./img\\\\'\\\\(\\\\)\\\\ img.png\\");
	a122: url(\\"./img\\\\'img.png\\");
	a123: url(\\"./img\\\\(img.png\\");
	a124: url(\\"./img\\\\)img.png\\");
	a125: url(\\"./img\\\\ img.png\\");
	a126: url(\\"./\\\\69\\\\6D\\\\67.png\\");
	a127: url(./\\\\69\\\\6D\\\\67.png);
	a128: url(\\"./img\\\\27img.png\\");
	a129: url(\\"./img\\\\'\\\\28%29 img.png\\");
	a130: url(./img\\\\'\\\\28%29\\\\ img.png);
}

div {
	a131: url('./img.png');
	a132: url('./img.png');

	a133: url('./img.png?foo=bar');
	a134: url('./img.png?foo=bar');

	a135: url('./img.png?foo=bar#hash');
	a136: url('./img.png?foo=bar#hash');

	a137: url('./img.png?foo=bar');
	a138: url('./img.png?bar=foo');

	a139: url('./img.png?foo=bar#foo');
	a140: url('./img.png?bar=foo#bar');

	a141: url('./img.png?foo=1&bar=2');
	a142: url('./img.png?foo=2&bar=1');
}

div {
	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%23636363%22%20d%3D%22M98.5%2C179.102c0%2C0.398-0.1%2C0.799-0.2%2C1.199C98.2%2C180.7%2C98%2C181%2C97.7%2C181.2s-0.601%2C0.5-0.9%2C0.601%0A%09%09c-0.3%2C0.1-0.7%2C0.199-1.2%2C0.199c-0.5%2C0-0.9-0.1-1.3-0.3c-0.4-0.2-0.7-0.399-0.9-0.8c-0.2-0.4-0.5-0.7-0.6-1.2%0A%09%09c-0.1-0.5-0.2-1-0.2-1.601c0-0.699%2C0.1-1.399%2C0.3-2c0.2-0.601%2C0.4-1.101%2C0.8-1.5c0.4-0.399%2C0.7-0.699%2C1.2-1c0.5-0.3%2C1-0.3%2C1.6-0.3%0A%09%09c0.6%2C0%2C1.2%2C0.101%2C1.5%2C0.199v1.5c-0.4-0.199-0.9-0.399-1.4-0.399c-0.3%2C0-0.6%2C0.101-0.8%2C0.2c-0.2%2C0.101-0.5%2C0.3-0.7%2C0.5%0A%09%09c-0.2%2C0.199-0.3%2C0.5-0.4%2C0.8c-0.1%2C0.301-0.2%2C0.7-0.2%2C1.101l0%2C0c0.4-0.601%2C1-0.8%2C1.8-0.8c0.3%2C0%2C0.7%2C0.1%2C0.9%2C0.199%0A%09%09c0.2%2C0.101%2C0.5%2C0.301%2C0.7%2C0.5c0.199%2C0.2%2C0.398%2C0.5%2C0.5%2C0.801C98.5%2C178.2%2C98.5%2C178.7%2C98.5%2C179.102z%20M96.7%2C179.2%0A%09%09c0-0.899-0.4-1.399-1.1-1.399c-0.2%2C0-0.3%2C0-0.5%2C0.1c-0.2%2C0.101-0.3%2C0.201-0.4%2C0.301c-0.1%2C0.101-0.2%2C0.199-0.2%2C0.4%0A%09%09c0%2C0.199-0.1%2C0.299-0.1%2C0.5c0%2C0.199%2C0%2C0.398%2C0.1%2C0.6s0.1%2C0.3%2C0.2%2C0.5c0.1%2C0.199%2C0.2%2C0.199%2C0.4%2C0.3c0.2%2C0.101%2C0.3%2C0.101%2C0.5%2C0.101%0A%09%09c0.2%2C0%2C0.3%2C0%2C0.5-0.101c0.2-0.101%2C0.301-0.199%2C0.301-0.3c0-0.1%2C0.199-0.301%2C0.199-0.399C96.6%2C179.7%2C96.7%2C179.4%2C96.7%2C179.2z%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20fill%3D%22%23636363%22%20cx%3D%2295%22%20cy%3D%2295%22%20r%3D%227%22%2F%3E%0A%3C%2Fsvg%3E%0A\\") 50% 50%/191px no-repeat;
}

div {
	a144: url('%2E/img.png');
}

div {
	a145: url(\\"/img.png\\");
}

div {
	/* TODO fix me */
	/*a146: url('./img.png', 'foo', './img.png', url('./img.png'));*/
	/*a147: image-set(url('./img.png', 'foo', './img.png', url('./img.png')) 1x, url(\\"./img2x.png\\") 2x);*/
}

div {
	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');
	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('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>');
}

div {
	a152: url(\\"img.png\\");
}

div {
	a153: url(\\"nested/img.png\\");
}

div {
	a154: url(\\"nested/other.png\\");
}

div {
	a155: url(\\"package/img.png\\");
}

div {
	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\\");
}

div {
	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>');
}

div {
	a158: src(\\"http://www.example.com/pinkish.gif\\");
	--foo-bar: \\"http://www.example.com/pinkish.gif\\";
	a159: src(var(--foo));
}

div {
	a160: url(\\"img.png\\" param(--color var(--primary-color)));
	a161: src(\\"img.png\\" param(--color var(--primary-color)));
}

div {
	a162: url('img\\\\
 i\\\\
mg.png\\\\
  ');

}

div {
	a163: url(\\"  img.png  \\");
}


div {
	a164: url( img.png bug);
}

div {
	a165: url(img\\\\n.png);
}

div {
	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>      ');
}

div {
	a167: url(http://example.com/image.jpg);
	a168: url(http://example.com/image.jpg);
}

div {
	a169: url('data:,');
	a170: url('data:,');
}

div {
	a171: image(ltr 'img.png#xywh=0,0,16,16', red);
	a172: cross-fade(20% url(img.png), url(img.png))
}

div {
	a172: image-set(
		linear-gradient(blue, white) 1x,
		linear-gradient(blue, green) 2x
	);
	a173: image-set(
		url(\\"img.png\\") type(\\"image/png\\"),
		url(\\"img.png\\") type(\\"image/png\\")
	);
	a174: image-set(
		\\"img.png\\" 1x,
		\\"img.png\\" 2x
	);
	a175: image-set(
		url(\\"img.png\\") 1x,
		url(\\"img.png\\") 2x,
		url(\\"img.png\\") 3x
	);
	a176: image-set(
		\\"img.png\\" type(\\"image/png\\"),
		\\"img.png\\" type(\\"image/png\\")
	) \\"img.png\\";
	a177: image-set(
		\\"img.png\\" 1x type(\\"image/png\\"),
		\\"img.png\\" 2x type(\\"image/png\\")
	);
	a178: image-set(
		\\"img.png\\" type(\\"image/png\\") 1x,
		\\"img.png\\" type(\\"image/png\\") 2x
	);
	a179: -webkit-image-set(
		\\"img.png\\" 1x
	);
	a180: -webkit-image-set(
		url(\\"img.png\\" var(--foo, \\"test.png\\")) 1x
	);
}

div {
	a181: src(\\"img.png\\");
	a181: src(   \\"img.png\\"   );
	a182: src('img.png');
	a183: src('img.png' var(--foo, \\"test.png\\"));
	a184: src(var(--foo, \\"test.png\\"));
	a185: src(\\"   img.png   \\");
}

div {
	a186: image-set(\\"img.png\\"1x,\\"img.png\\"2x,\\"img.png\\"3x);
	a187: image-set(\\"img.png\\"1x,url(\\"img.png\\")2x,\\"img.png\\"3x);
	a188: image-set(\\"img.png\\"1x,\\"img.png\\"2x,url(\\"img.png\\")3x);
	a189: image-set(url(\\"img.png\\")1x,\\"img.png\\"2x,\\"img.png\\"3x);
	a190: image-set(\\"img.png\\"1x);
	a191: image-set(\\"img.png\\"1x/* test*/,/* test*/\\"img.png\\"2x);
}

@supports (background-image: image-set(\\"unknown.png\\"1x,\\"unknown.png\\"2x,\\"unknown.png\\"3x)) {
	div {
		a192: url(\\"img.png\\");
		a193: image-set(\\"img.png\\"1x);
	}
}

@supports (background-image: url(\\"unknown.png\\" param(--test))) {
	div {
		a194: url(\\"img.png\\");
	}
}

@supports (background-image: url(\\"unknown.png\\")) {
	div {
		a195: url(\\"img.png\\");
	}
}

@supports (display: grid) {
	@media (min-width: 100px) {
		@layer special {
			div {
				a196: url(\\"img.png\\");
			}
		}
	}
}

div {
	a197: \\\\u\\\\r\\\\l(\\"img.png\\");
	a198: \\\\image-\\\\set(\\"img.png\\"1x,\\"img.png\\"2x,\\"img.png\\"3x);
	a199: \\\\-webk\\\\it-image-set(\\"img.png\\"1x);
	a200:-webkit-image-set(\\"img.png\\"1x);
}

div {
	a201: src(\\"http://www.example.com/pinkish.gif\\");
	--foo: \\"http://www.example.com/pinkish.gif\\";
	a202: src(var(--foo));
	a203: src(\\"./img.png\\");
	a204: src(\\"img.png\\");
}

div {
	a205: url(alias-url.png);
	a206: url(alias-url-1.png);
	a208: url(external-url.png);
	a208: url(external-url-2.png);
	a209: url(unresolved.png);
	a210: url(ignore.png);
	a211: url(\\"schema:test\\");
}

",
]
`;

exports[`ConfigTestCases css url-and-asset-module-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[`ConfigTestCases css url-and-asset-module-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[`ConfigTestCases css url-and-asset-module-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[`ConfigTestCases css url-and-asset-module-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[`ConfigTestCases css url-and-asset-module-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[`ConfigTestCases css url-and-asset-module-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[`ConfigTestCases css url-and-asset-module-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[`ConfigTestCases css url-and-asset-module-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[`ConfigTestCases css url-and-asset-module-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[`ConfigTestCases 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)
}

"
`;

exports[`ConfigTestCases library concatenate-modules-named-import-externals concatenate-modules-named-import-externals should compile 1`] = `
"import { HomeLayout as __WEBPACK_EXTERNAL_MODULE_externals0_HomeLayout__, a as __WEBPACK_EXTERNAL_MODULE_externals0_a__ } from \\"externals0\\";
import { HomeLayout as __WEBPACK_EXTERNAL_MODULE_externals1_HomeLayout__, a as __WEBPACK_EXTERNAL_MODULE_externals1_a__ } from \\"externals1\\";
import { default as __WEBPACK_EXTERNAL_MODULE_externals2_default__ } from \\"externals2\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals3__ from \\"externals3\\";
import \\"externals4\\";
/******/ // The require scope
/******/ var __webpack_require__ = {};
/******/ 
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ 	// define getter functions for harmony exports
/******/ 	__webpack_require__.d = (exports, definition) => {
/******/ 		for(var key in definition) {
/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ 			}
/******/ 		}
/******/ 	};
/******/ })();
/******/ 
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/ 
/************************************************************************/
var __webpack_exports__ = {};
/*!*****************************!*\\\\
  !*** ./test.js + 6 modules ***!
  \\\\*****************************/

;// external \\"externals0\\"

;// external \\"externals1\\"

;// external \\"externals2\\"

;// external \\"externals3\\"
const external_externals3_namespaceObject = __WEBPACK_EXTERNAL_MODULE_externals3__;
;// external \\"externals4\\"

;// ./lib.js


const { HomeLayout = 123 } = {};
console.log({ HomeLayout });
{
    const { HomeLayout = __WEBPACK_EXTERNAL_MODULE_externals0_HomeLayout__ } = {};
    console.log({ HomeLayout });
}
(() => {
    {
        const { HomeLayout = __WEBPACK_EXTERNAL_MODULE_externals0_HomeLayout__ } = {};
        console.log({ HomeLayout });
    }
})()

{
    const { external_externals3_namespaceObject = \\"111\\" } = {}
            console.log({ external_externals3_namespaceObject });
}


;// ./test.js
// re export


// named import
;


// default import


// namespace import


// side effect only import




{
    const HomeLayout_0 = 'HomeLayout_0';
    HomeLayout_0;
}
__WEBPACK_EXTERNAL_MODULE_externals1_HomeLayout__;
__WEBPACK_EXTERNAL_MODULE_externals0_a__;
__WEBPACK_EXTERNAL_MODULE_externals1_a__;
__WEBPACK_EXTERNAL_MODULE_externals2_default__;
external_externals3_namespaceObject;
export { HomeLayout, __WEBPACK_EXTERNAL_MODULE_externals0_a__ as a };
"
`;

exports[`ConfigTestCases library modern-module-named-import-externals modern-module-named-import-externals should compile 1`] = `
"import * as __WEBPACK_EXTERNAL_MODULE_externals0__ from \\"externals0\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals1__ from \\"externals1\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals2__ from \\"externals2\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals3__ from \\"externals3\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals4__ from \\"externals4\\";
/******/ var __webpack_modules__ = ([
/* 0 */,
/* 1 */,
/* 2 */
/*!*****************************!*\\\\
  !*** external \\"externals0\\" ***!
  \\\\*****************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

var x = (y) => {
	var x = {}; __webpack_require__.d(x, y); return x
} 
var y = (x) => (() => (x))
module.exports = x({ [\\"HomeLayout\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals0__.HomeLayout), [\\"a\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals0__.a) });

/***/ }),
/* 3 */
/*!*****************************!*\\\\
  !*** external \\"externals1\\" ***!
  \\\\*****************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

var x = (y) => {
	var x = {}; __webpack_require__.d(x, y); return x
} 
var y = (x) => (() => (x))
module.exports = x({ [\\"HomeLayout\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals1__.HomeLayout), [\\"a\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals1__.a) });

/***/ }),
/* 4 */
/*!*****************************!*\\\\
  !*** external \\"externals2\\" ***!
  \\\\*****************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

var x = (y) => {
	var x = {}; __webpack_require__.d(x, y); return x
} 
var y = (x) => (() => (x))
module.exports = x({ [\\"default\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals2__[\\"default\\"]) });

/***/ }),
/* 5 */
/*!*****************************!*\\\\
  !*** external \\"externals3\\" ***!
  \\\\*****************************/
/***/ ((module) => {

module.exports = __WEBPACK_EXTERNAL_MODULE_externals3__;

/***/ }),
/* 6 */
/*!*****************************!*\\\\
  !*** external \\"externals4\\" ***!
  \\\\*****************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

var x = (y) => {
	var x = {}; __webpack_require__.d(x, y); return x
} 
var y = (x) => (() => (x))
module.exports = x({  });

/***/ }),
/* 7 */
/*!****************!*\\\\
  !*** ./lib.js ***!
  \\\\****************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   HomeLayout: () => (/* binding */ HomeLayout)
/* harmony export */ });
/* harmony import */ var externals0__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! externals0 */ 2);


const { HomeLayout = externals0__WEBPACK_IMPORTED_MODULE_0__.HomeLayout } = {};
console.log({ HomeLayout });
{
    const { HomeLayout = externals0__WEBPACK_IMPORTED_MODULE_0__.HomeLayout } = {};
    console.log({ HomeLayout });
}
(() => {
    {
        const { HomeLayout = externals0__WEBPACK_IMPORTED_MODULE_0__.HomeLayout } = {};
        console.log({ HomeLayout });
    }
})()

{
    const { external_externals3_namespaceObject = \\"111\\" } = {}
            console.log({ external_externals3_namespaceObject });
}



/***/ })
/******/ ]);
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/ 
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ 	// Check if module is in cache
/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
/******/ 	if (cachedModule !== undefined) {
/******/ 		return cachedModule.exports;
/******/ 	}
/******/ 	// Create a new module (and put it into the cache)
/******/ 	var module = __webpack_module_cache__[moduleId] = {
/******/ 		// no module.id needed
/******/ 		// no module.loaded needed
/******/ 		exports: {}
/******/ 	};
/******/ 
/******/ 	// Execute the module function
/******/ 	__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/ 
/******/ 	// Return the exports of the module
/******/ 	return module.exports;
/******/ }
/******/ 
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ 	// define getter functions for harmony exports
/******/ 	__webpack_require__.d = (exports, definition) => {
/******/ 		for(var key in definition) {
/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ 			}
/******/ 		}
/******/ 	};
/******/ })();
/******/ 
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/ 
/************************************************************************/
var __webpack_exports__ = {};
// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
(() => {
/*!*****************!*\\\\
  !*** ./test.js ***!
  \\\\*****************/
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   HomeLayout: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_5__.HomeLayout),
/* harmony export */   a: () => (/* reexport safe */ externals0__WEBPACK_IMPORTED_MODULE_0__.a)
/* harmony export */ });
/* harmony import */ var externals0__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! externals0 */ 2);
/* harmony import */ var externals1__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! externals1 */ 3);
/* harmony import */ var externals2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! externals2 */ 4);
/* harmony import */ var externals3__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! externals3 */ 5);
/* harmony import */ var externals4__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! externals4 */ 6);
/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./lib */ 7);
// re export


// named import
;


// default import


// namespace import


// side effect only import




{
    const HomeLayout_0 = 'HomeLayout_0';
    HomeLayout_0;
}
externals1__WEBPACK_IMPORTED_MODULE_1__.HomeLayout;
externals0__WEBPACK_IMPORTED_MODULE_0__.a;
externals1__WEBPACK_IMPORTED_MODULE_1__.a;
externals2__WEBPACK_IMPORTED_MODULE_2__[\\"default\\"];
externals3__WEBPACK_IMPORTED_MODULE_3__;
})();

const __webpack_exports__HomeLayout = __webpack_exports__.HomeLayout;
const __webpack_exports__a = __webpack_exports__.a;
export { __webpack_exports__HomeLayout as HomeLayout, __webpack_exports__a as a };
"
`;

exports[`ConfigTestCases library render-order-issue render-order-issue should compile 1`] = `
"import { v as __WEBPACK_EXTERNAL_MODULE_externals0_v__ } from \\"externals0\\";
import { v as __WEBPACK_EXTERNAL_MODULE_externals1_v__ } from \\"externals1\\";
/******/ var __webpack_modules__ = ({

/***/ \\"./bar.js\\":
/*!****************************!*\\\\
  !*** ./bar.js + 1 modules ***!
  \\\\****************************/
/***/ (() => {


;// external \\"externals0\\"

;// ./bar.js

__WEBPACK_EXTERNAL_MODULE_externals0_v__;

/***/ }),

/***/ \\"./entry.js\\":
/*!******************!*\\\\
  !*** ./entry.js ***!
  \\\\******************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

module.exports.entry1 = __webpack_require__(/*! ./entry1.js */ \\"./entry1.js\\")
module.exports.entry2 = __webpack_require__(/*! ./entry2.js */ \\"./entry2.js\\")

/***/ }),

/***/ \\"./entry1.js\\":
/*!*******************!*\\\\
  !*** ./entry1.js ***!
  \\\\*******************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

module.exports = __webpack_require__(/*! ./foo */ \\"./foo.js\\")
module.exports.name = \\"entry1\\"

/***/ }),

/***/ \\"./entry2.js\\":
/*!*******************!*\\\\
  !*** ./entry2.js ***!
  \\\\*******************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

module.exports = __webpack_require__(/*! ./bar */ \\"./bar.js\\")
module.exports.name = \\"entry2\\"

/***/ }),

/***/ \\"./foo.js\\":
/*!****************************!*\\\\
  !*** ./foo.js + 1 modules ***!
  \\\\****************************/
/***/ (() => {


;// external \\"externals1\\"

;// ./foo.js

__WEBPACK_EXTERNAL_MODULE_externals1_v__;

/***/ })

/******/ });
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/ 
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ 	// Check if module is in cache
/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
/******/ 	if (cachedModule !== undefined) {
/******/ 		return cachedModule.exports;
/******/ 	}
/******/ 	// Create a new module (and put it into the cache)
/******/ 	var module = __webpack_module_cache__[moduleId] = {
/******/ 		// no module.id needed
/******/ 		// no module.loaded needed
/******/ 		exports: {}
/******/ 	};
/******/ 
/******/ 	// Execute the module function
/******/ 	__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/ 
/******/ 	// Return the exports of the module
/******/ 	return module.exports;
/******/ }
/******/ 
/************************************************************************/
/******/ 
/******/ // startup
/******/ // Load entry module and return exports
/******/ // This entry module used 'module' so it can't be inlined
/******/ var __webpack_exports__ = __webpack_require__(\\"./entry.js\\");
/******/ const __webpack_exports__entry1 = __webpack_exports__.entry1;
/******/ const __webpack_exports__entry2 = __webpack_exports__.entry2;
/******/ export { __webpack_exports__entry1 as entry1, __webpack_exports__entry2 as entry2, __webpack_exports__ as default };
/******/ 
"
`;

exports[`ConfigTestCases source-map extract-source-map exported tests should extract source map - 1 1`] = `
Array [
  "webpack:///./external-source-map.txt",
  "webpack:///external node-commonjs \\"fs\\"",
  "webpack:///external node-commonjs \\"path\\"",
  "webpack:///webpack/bootstrap",
  "webpack:///./extract2.js",
]
`;

exports[`ConfigTestCases source-map extract-source-map exported tests should extract source map - 2 1`] = `
Array [
  "webpack:///./external-source-map.txt",
  "webpack:///external node-commonjs \\"fs\\"",
  "webpack:///external node-commonjs \\"path\\"",
  "webpack:///webpack/bootstrap",
  "webpack:///./extract3.js",
]
`;

exports[`ConfigTestCases source-map extract-source-map exported tests should extract source map - 3 1`] = `
Array [
  "webpack:///./external-source-map.txt",
  "webpack:///external node-commonjs \\"fs\\"",
  "webpack:///external node-commonjs \\"path\\"",
  "webpack:///webpack/bootstrap",
  "webpack:///./extract3.js",
]
`;

exports[`ConfigTestCases source-map extract-source-map-css exported tests should compile 1`] = `
Array [
  "/*!*********************!*\\\\
  !*** css ./app.css ***!
  \\\\*********************/
* {
	box-sizing: border-box; }
  
  .row {
	display: flex;
	margin-right: -15px;
	margin-left: -15px; }
  
  .col-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	height: 50px;
	background: coral; }
  
  .col-s3 {
	flex: 0 1 25%;
	padding: 0 15px; }
  
  
  

/*# sourceMappingURL=bundle0.css.map*/",
]
`;
