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

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

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

head{--webpack-main:&https\\\\:\\\\/\\\\/raw\\\\.githubusercontent\\\\.com\\\\/webpack\\\\/webpack\\\\/refs\\\\/heads\\\\/main\\\\/test\\\\/configCases\\\\/css\\\\/import\\\\/print\\\\.css,&\\\\.\\\\/style\\\\.css;}",
]
`;

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

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

head{--webpack-use-style_js:red-v1:blue/red-i:blue/blue-v1:red/blue-i:red/a:\\\\\\"test-a\\\\\\"/b:\\\\\\"test-b\\\\\\"/--red:var\\\\(--color\\\\)/test-v1:blue/test-v2:blue/red-v2:blue/green-v2:yellow/red-v3:blue/red-v4:blue/&\\\\.\\\\/colors\\\\.module\\\\.css,my-red:blue/value-in-class:__at-rule-value_module_css-value-in-class/v-comment-broken:/v-comment-broken-v1:\\\\/\\\\*\\\\ comment\\\\ \\\\*\\\\//small:\\\\(max-width\\\\:\\\\ 599px\\\\)/blue-v1:red/foo:__at-rule-value_module_css-foo/blue-v3:red/bar:__at-rule-value_module_css-bar/blue-v4:red/test-t:_40px/test_q:_36px/colorValue:red/colorValue-v1:red/colorValue-v2:red/colorValue-v3:\\\\.red/export:__at-rule-value_module_css-export/colors:\\\\\\"\\\\.\\\\/colors\\\\.module\\\\.css\\\\\\"/aaa:red/bbb:red/class-a:__at-rule-value_module_css-class-a/base:_10px/large:calc\\\\(base\\\\ \\\\*\\\\ 2\\\\)/named:red/__3char:\\\\#0f0/__6char:\\\\#00ff00/rgba:rgba\\\\(34\\\\,\\\\ 12\\\\,\\\\ 64\\\\,\\\\ 0\\\\.3\\\\)/hsla:hsla\\\\(220\\\\,\\\\ 13\\\\.0\\\\%\\\\,\\\\ 18\\\\.0\\\\%\\\\,\\\\ 1\\\\)/coolShadow:_0\\\\ 11px\\\\ 15px\\\\ -7px\\\\ rgba\\\\(0\\\\,0\\\\,0\\\\,\\\\.2\\\\)\\\\,0\\\\ 24px\\\\ 38px\\\\ 3px\\\\ rgba\\\\(0\\\\,0\\\\,0\\\\,\\\\.14\\\\)/func:color\\\\(red\\\\ lightness\\\\(50\\\\%\\\\)\\\\)/v-color:red/color:__at-rule-value_module_css-color/v-empty:\\\\ /v-empty-v2:\\\\ \\\\ \\\\ /v-empty-v3:\\\\/\\\\*\\\\ comment\\\\ \\\\*\\\\//override:red/class:__at-rule-value_module_css-class/blue-v5:\\\\/\\\\*\\\\ test\\\\ \\\\*\\\\/red\\\\/\\\\*\\\\ test\\\\ \\\\*\\\\//blue-v6:\\\\/\\\\*\\\\ test\\\\ \\\\*\\\\/\\\\/\\\\*\\\\ test\\\\ \\\\*\\\\/red\\\\/\\\\*\\\\ test\\\\ \\\\*\\\\//coolShadow-v2:_0\\\\ 11px\\\\ 15px\\\\ -7px\\\\ rgba\\\\(0\\\\,0\\\\,0\\\\,\\\\.2\\\\)\\\\,0\\\\ 24px\\\\ 38px\\\\ 3px\\\\ rgba\\\\(0\\\\,0\\\\,0\\\\,\\\\.14\\\\)/coolShadow-v3:_0\\\\ 11px\\\\ 15px\\\\ -7px\\\\ rgba\\\\(0\\\\,0\\\\,0\\\\,\\\\.2\\\\)\\\\,0\\\\ 24px\\\\ 38px\\\\ 3px\\\\ rgba\\\\(0\\\\,0\\\\,0\\\\,\\\\.14\\\\)/coolShadow-v4:\\\\/\\\\*\\\\ test\\\\ \\\\*\\\\/\\\\ \\\\ \\\\ 0\\\\ 11px\\\\ 15px\\\\ -7px\\\\ rgba\\\\(0\\\\,0\\\\,0\\\\,\\\\.2\\\\)\\\\,0\\\\ 24px\\\\ 38px\\\\ 3px\\\\ rgba\\\\(0\\\\,0\\\\,0\\\\,\\\\.14\\\\)/coolShadow-v5:\\\\/\\\\*\\\\ test\\\\ \\\\*\\\\/0\\\\ 11px\\\\ 15px\\\\ -7px\\\\ rgba\\\\(0\\\\,0\\\\,0\\\\,\\\\.2\\\\)\\\\,0\\\\ 24px\\\\ 38px\\\\ 3px\\\\ rgba\\\\(0\\\\,0\\\\,0\\\\,\\\\.14\\\\)/coolShadow-v6:_0\\\\ 11px\\\\ 15px\\\\ -7px\\\\ rgba\\\\(0\\\\,0\\\\,0\\\\,\\\\.2\\\\)\\\\,0\\\\ 24px\\\\ 38px\\\\ 3px\\\\ rgba\\\\(0\\\\,0\\\\,0\\\\,\\\\.14\\\\)/coolShadow-v7:\\\\/\\\\*\\\\ test\\\\ \\\\*\\\\/0\\\\ 11px\\\\ 15px\\\\ -7px\\\\ rgba\\\\(0\\\\,0\\\\,0\\\\,\\\\.2\\\\)\\\\,0\\\\ 24px\\\\ 38px\\\\ 3px\\\\ rgba\\\\(0\\\\,0\\\\,0\\\\,\\\\.14\\\\)/test:/&\\\\.\\\\/at-rule-value\\\\.module\\\\.css,class:__style_module_css-class/local1:__style_module_css-local1/local2:__style_module_css-local2/local3:__style_module_css-local3/local4:__style_module_css-local4/local5:__style_module_css-local5/local6:__style_module_css-local6/local7:__style_module_css-local7/disabled:__style_module_css-disabled/mButtonDisabled:__style_module_css-mButtonDisabled/tipOnly:__style_module_css-tipOnly/local8:__style_module_css-local8/parent1:__style_module_css-parent1/child1:__style_module_css-child1/vertical-tiny:__style_module_css-vertical-tiny/vertical-small:__style_module_css-vertical-small/otherDiv:__style_module_css-otherDiv/horizontal-tiny:__style_module_css-horizontal-tiny/horizontal-small:__style_module_css-horizontal-small/description:__style_module_css-description/local9:__style_module_css-local9/local10:__style_module_css-local10/local11:__style_module_css-local11/local12:__style_module_css-local12/local13:__style_module_css-local13/local14:__style_module_css-local14/local15:__style_module_css-local15/local16:__style_module_css-local16/nested1:__style_module_css-nested1/nested3:__style_module_css-nested3/ident:__style_module_css-ident/localkeyframes:__style_module_css-localkeyframes/pos1x:--_style_module_css-pos1x/pos1y:--_style_module_css-pos1y/pos2x:--_style_module_css-pos2x/pos2y:--
`;

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

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

head{--webpack-my-app-226:red-v1:blue/ĀĂiĆĈĊćĉăąČ/Ēe-ĎĖa:\\\\\\"test-ağėĞĠĢĤbħ--Č:var\\\\(įcoloĵ)/ġģĔďĉĿīă2ŃĊČŇʼn/gĀenŌyelĻwċāă3ōŋv4ō&_220,myİāōijĐĚŒclass:Ũĥpp-744ăaŮiŰŲŴ/v-ĹmmőĬrokő:ƆƈoƊƌ-bƎƐŒĄĞ/\\\\*\\\\ ƉƋntƢƠ\\\\//smƀlĞ(Ʈx-width\\\\Ğ 599px\\\\ľĘłĖfooŶũaŹŻŽ-LjoėŮvŜĖbĴNjŸźżžǙrǔēş:ĖŀĤt:_40ǁŅģ_qǪ36ǮĹĻrVƀĉǥā/ǷļǺǕĕǾȀǹǻęvňĖȆȂǣŜ\\\\.ĖexpļǩŷǍǝǐȔȖrtǿĺļŵğȑƪȆsȑmoduleȑcŴħaȵǽdėbbȷǿƄsĥǛȚǏžűųȿaėųeǪ1ǭx/ŲrgɋcƀcĶǙsȰ Ʃ 2ǃ/naƋdȼ__3chǚ\\\\#0f0/ɧ6ɪɬɮɯɰɱɒǙǥgǙĶ34\\\\,Ƣ1ɟʄ 6ʂʈ0ȑ3ɠhsŲ:ʑŲĶŤʍʈ1ʏ.ʍ%ʃʅ8ȑʞʠ 1ɠĹĺSɫdowǪʍʦ1ǁʅ5ʴ ŻʷɻĦ(ʙʾʠ.ɟ)ʃʱ24ʷ38ˈʺɾʼʿ,ʙȑ1ʂľfunc:ȆĶČƢlightnĢȩ(5ʤ˃ľƇȆȼ˭șǎǞƔǸƓemptyƼ˵˷˹Ōƨɜ ˼˸ũǖƞɝƤƌƨơƫoverrƷɋȌȾɁ˱ǐɅƅDžv5̇ơ ǧ̋ƪ˝Ɵ̢̠ɜ̌Ǣȉ6̟Ƣ̨ƩƟ̦̯ị̄řdƪɝ̰̪ʩlʫaʭwŌ_ʱ1ʳǂʦʶ͈ʹ͈ʻĶˏˑˁǃ˄Ƣˆˈˊ͈3ˌɿʽ͔ːˀ˓ʨlj̾ʬʮśʰʅ͇ʵʷ͌Ƣ͎͟͝ͱȑ˂͔ɞˇ͙͘Ƣ͚͍ˍ͏͑͞͡ľ̽̿́ăŞ̵̹̩̹̌́Ƣ͉ͪͬͅ7͛ˎͿˀʹ͟Ͷ͗ˋͼ͐͜͠˔ȡʪ̡̝̮ͥ͂Ί̱Ώʷ1͊Ƣͭ ͯΟʄ͒˃Ι͖͸ΜͮͽͰˏ˒Ρ΃Τă̭̈́ͩάήʸΓΝΕͱ͑Θ˅ͷͺ͹ ͻλΞΖδ΁΢ͤ̀ͦv7Χ̻ƪΫ͈έΒΔ;ύΗ͓ηϑϔϓϕαμγοɠǧƒŢǞ,zg̗ź235-ϼ/HĎ˰ϿЁ-І/OBϾ-ЀЂЎ/VEАВ-ЖЍňЈБЊO2ЕjИЊVjЍHХГHЅ̞ОЙH5/aDzаЊеЕNЫКNЕMмVM/AOмхЅжnjǎбqЍŠзГ4ЅȻёЋbЍPмOPЅʯіHŘnѕыЉЂѣƟ$Qм\\\\ѪėDмbDѩȘѥПЂѭȠqĎįіѻ/xЏѽѶЙҁѩ̭҃ǜѷ-ѭ6ŎJ:҉ɂЙgJҀмɏlYмҚ/fмf/uzґ-іңдKмaKдϠіa7ҢҟҧҡsWмҷ/TZмҼдқҰY/IIмӅ/iФіӊ/zGмӏ/DkмӔ/XЗіәӄ0ҥіIɱwѵҊЙӣɡ˙і˘ӉҽӌZ/ZњҒьЊӱ/M̭іӸċXӟ҄ЊrX/dҸіԄǿѰіcѳMӞӳѦ-ԍЕӞіVɱCЇӿЂԘėҪіbҭYąіԢ/қԏҋӃt҈ҦԚ-ԫ/KRмԲ/FӕіԷ/prӾӥЊԼƬѰԨЙsѳgҤՄЊՈЕhсhƆɋՊЂ̏ėϽՓƘg/BҸ՘՜/Wӆ՘ա/CԽ՘զӉŜ՘i3ĿvԾғЊtv/ŢВ,ԸѶ6ռ-kն_ռ6,Ţ81փRҐԨ19ž։ӰLА֌žZLǿ̞֋֍ƈгŢ֓;}"
`;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	._style_module_css-class {
		color: red;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 6`] = `
Object {
  "btn--info_is-disabled_1": "./style.module.css?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[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 7`] = `
Object {
  "btn--info_is-disabled_1": "-_style_module_css_uniqueName-id-contenthash-b49b9b7fd945be4564a4",
  "btn-info_is-disabled": "-_style_module_css_uniqueName-id-contenthash-ec29062639f5c1130848",
  "color-red": "---_style_module_css_uniqueName-id-contenthash-f5073cf3e0954d246c7e",
  "foo": "bar",
  "foo_bar": "-_style_module_css_uniqueName-id-contenthash-d31d18648cccfa9d17d2",
  "my-btn-info_is-disabled": "value",
  "simple": "-_style_module_css_uniqueName-id-contenthash-c93d824ddb3eb05477b2",
}
`;

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

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

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

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

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

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

exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 14`] = `
Object {
  "btn--info_is-disabled_1": "./style.module.css?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[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 15`] = `
Object {
  "btn--info_is-disabled_1": "-_style_module_css_uniqueName-id-contenthash-b49b9b7fd945be4564a4",
  "btn-info_is-disabled": "-_style_module_css_uniqueName-id-contenthash-ec29062639f5c1130848",
  "color-red": "---_style_module_css_uniqueName-id-contenthash-f5073cf3e0954d246c7e",
  "foo": "bar",
  "foo_bar": "-_style_module_css_uniqueName-id-contenthash-d31d18648cccfa9d17d2",
  "my-btn-info_is-disabled": "value",
  "simple": "-_style_module_css_uniqueName-id-contenthash-c93d824ddb3eb05477b2",
}
`;

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

exports[`ConfigCacheTestCases css no-extra-runtime-in-js exported tests should compile 1`] = `
Array [
  "/*!***********************!*\\\\
  !*** css ./style.css ***!
  \\\\***********************/
.class {
	color: red;
	background:
		url(img.png),
		url(img.png),
		url(d4da020aedcd249a7a41.png);
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=),
		url(resource.png),
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=),
		url(7976064b7fcb4f6b3916.html),
		url(https://example.com/img.png);
}

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

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

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

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

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

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

head{--webpack-main:primary-color:red/&\\\\.\\\\/export\\\\.modules\\\\.css,a:red/_-b:red/--c:red/__d:red/&\\\\.\\\\/library\\\\.modules\\\\.css,somevalue:red/&\\\\.\\\\/after\\\\.modules\\\\.css,multile-values:red\\\\,\\\\ red\\\\,\\\\ func\\\\(\\\\)/&\\\\.\\\\/vars-1\\\\.modules\\\\.css,class:__style_modules_css-class/nest:__style_modules_css-nest/&\\\\.\\\\/style\\\\.modules\\\\.css;}",
]
`;

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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


		/*webpackIgnore:  true*/


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

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

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

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

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

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

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

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

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

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










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

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

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