diff --git a/README.md b/README.md index 5ac0ba9f..3406481c 100644 --- a/README.md +++ b/README.md @@ -657,12 +657,12 @@ module.exports = { Type: ```ts -type api = "legacy" | "modern"; +type api = "legacy" | "modern" | "modern-compiler"; ``` Default: `"legacy"` -Allows you to switch between `legacy` and `modern` API. You can find more information [here](https://sass-lang.com/documentation/js-api). +Allows you to switch between `legacy` and `modern` API. You can find more information [here](https://sass-lang.com/documentation/js-api). The `modern-compiler` option enables the modern API with support for [Shared Resources](https://github.com/sass/sass/blob/main/accepted/shared-resources.d.ts.md). > **Warning** > diff --git a/src/index.js b/src/index.js index e1fc3d7b..50017efc 100644 --- a/src/index.js +++ b/src/index.js @@ -47,7 +47,8 @@ async function loader(content) { : true; if (shouldUseWebpackImporter) { - const isModernAPI = options.api === "modern"; + const isModernAPI = + options.api === "modern" || options.api === "modern-compiler"; if (!isModernAPI) { const { includePaths } = sassOptions; @@ -65,7 +66,7 @@ async function loader(content) { let compile; try { - compile = getCompileFn(implementation, options); + compile = getCompileFn(this, implementation, options); } catch (error) { callback(error); return; @@ -74,7 +75,7 @@ async function loader(content) { let result; try { - result = await compile(sassOptions, options); + result = await compile(sassOptions); } catch (error) { // There are situations when the `file`/`span.url` property do not exist // Modern API diff --git a/src/options.json b/src/options.json index 7df6e3eb..ef919b4a 100644 --- a/src/options.json +++ b/src/options.json @@ -17,7 +17,7 @@ "api": { "description": "Switch between old and modern API for `sass` (`Dart Sass`) and `Sass Embedded` implementations.", "link": "https://github.com/webpack-contrib/sass-loader#sassoptions", - "enum": ["legacy", "modern"] + "enum": ["legacy", "modern", "modern-compiler"] }, "sassOptions": { "description": "Options for `node-sass` or `sass` (`Dart Sass`) implementation.", diff --git a/src/utils.js b/src/utils.js index e55576c1..9d744890 100644 --- a/src/utils.js +++ b/src/utils.js @@ -174,7 +174,8 @@ async function getSassOptions( }; } - const isModernAPI = loaderOptions.api === "modern"; + const isModernAPI = + loaderOptions.api === "modern" || loaderOptions.api === "modern-compiler"; const { resourcePath } = loaderContext; if (isModernAPI) { @@ -650,15 +651,17 @@ function getWebpackImporter(loaderContext, implementation, includePaths) { } let nodeSassJobQueue = null; +const sassModernCompilers = new WeakMap(); /** * Verifies that the implementation and version of Sass is supported by this loader. * + * @param {Object} loaderContext * @param {Object} implementation * @param {Object} options * @returns {Function} */ -function getCompileFn(implementation, options) { +function getCompileFn(loaderContext, implementation, options) { const isNewSass = implementation.info.includes("dart-sass") || implementation.info.includes("sass-embedded"); @@ -672,6 +675,37 @@ function getCompileFn(implementation, options) { }; } + if (options.api === "modern-compiler") { + return async (sassOptions) => { + // eslint-disable-next-line no-underscore-dangle + const webpackCompiler = loaderContext._compiler; + const { data, ...rest } = sassOptions; + + // Some people can run the loader in a multi-threading way; + // there is no webpack compiler object in such case. + if (webpackCompiler) { + if (!sassModernCompilers.has(implementation)) { + // Create a long-running compiler process that can be reused + // for compiling individual files. + const compiler = await implementation.initAsyncCompiler(); + // Check again because awaiting the initialization function + // introduces a race condition. + if (!sassModernCompilers.has(implementation)) { + sassModernCompilers.set(implementation, compiler); + webpackCompiler.hooks.shutdown.tap("sass-loader", () => { + compiler.dispose(); + }); + } + } + return sassModernCompilers + .get(implementation) + .compileStringAsync(data, rest); + } + + return implementation.compileStringAsync(data, rest); + }; + } + return (sassOptions) => new Promise((resolve, reject) => { implementation.render(sassOptions, (error, result) => { @@ -686,7 +720,7 @@ function getCompileFn(implementation, options) { }); } - if (options.api === "modern") { + if (options.api === "modern" || options.api === "modern-compiler") { throw new Error("Modern API is not supported for 'node-sass'"); } diff --git a/test/__snapshots__/additionalData-option.test.js.snap b/test/__snapshots__/additionalData-option.test.js.snap index e1815fda..22f8b4e1 100644 --- a/test/__snapshots__/additionalData-option.test.js.snap +++ b/test/__snapshots__/additionalData-option.test.js.snap @@ -56,6 +56,34 @@ exports[`additionalData option should use same EOL on all os ('dart-sass', 'mode exports[`additionalData option should use same EOL on all os ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`additionalData option should use same EOL on all os ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"a { + color: hotpink; +} + +body { + color: hotpink; +}" +`; + +exports[`additionalData option should use same EOL on all os ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`additionalData option should use same EOL on all os ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`additionalData option should use same EOL on all os ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +} + +body { + color: hotpink; +}" +`; + +exports[`additionalData option should use same EOL on all os ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`additionalData option should use same EOL on all os ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`additionalData option should use same EOL on all os ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "a { color: hotpink; } @@ -138,6 +166,34 @@ exports[`additionalData option should use same EOL on all os ('sass-embedded', ' exports[`additionalData option should use same EOL on all os ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`additionalData option should use same EOL on all os ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"a { + color: hotpink; +} + +body { + color: hotpink; +}" +`; + +exports[`additionalData option should use same EOL on all os ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`additionalData option should use same EOL on all os ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`additionalData option should use same EOL on all os ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +} + +body { + color: hotpink; +}" +`; + +exports[`additionalData option should use same EOL on all os ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`additionalData option should use same EOL on all os ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`additionalData option should work as a function ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "body { color: hotpink; @@ -178,6 +234,26 @@ exports[`additionalData option should work as a function ('dart-sass', 'modern' exports[`additionalData option should work as a function ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`additionalData option should work as a function ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"body { + color: hotpink; +}" +`; + +exports[`additionalData option should work as a function ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`additionalData option should work as a function ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`additionalData option should work as a function ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"body { + color: hotpink; +}" +`; + +exports[`additionalData option should work as a function ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`additionalData option should work as a function ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`additionalData option should work as a function ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "body { color: hotpink; } @@ -238,6 +314,26 @@ exports[`additionalData option should work as a function ('sass-embedded', 'mode exports[`additionalData option should work as a function ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`additionalData option should work as a function ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"body { + color: hotpink; +}" +`; + +exports[`additionalData option should work as a function ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`additionalData option should work as a function ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`additionalData option should work as a function ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"body { + color: hotpink; +}" +`; + +exports[`additionalData option should work as a function ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`additionalData option should work as a function ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`additionalData option should work as a string ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "body { color: hotpink; @@ -278,6 +374,26 @@ exports[`additionalData option should work as a string ('dart-sass', 'modern' AP exports[`additionalData option should work as a string ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`additionalData option should work as a string ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"body { + color: hotpink; +}" +`; + +exports[`additionalData option should work as a string ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`additionalData option should work as a string ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`additionalData option should work as a string ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"body { + color: hotpink; +}" +`; + +exports[`additionalData option should work as a string ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`additionalData option should work as a string ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`additionalData option should work as a string ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "body { color: hotpink; } @@ -338,6 +454,26 @@ exports[`additionalData option should work as a string ('sass-embedded', 'modern exports[`additionalData option should work as a string ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`additionalData option should work as a string ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"body { + color: hotpink; +}" +`; + +exports[`additionalData option should work as a string ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`additionalData option should work as a string ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`additionalData option should work as a string ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"body { + color: hotpink; +}" +`; + +exports[`additionalData option should work as a string ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`additionalData option should work as a string ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`additionalData option should work as an async function ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "body { color: hotpink; @@ -378,6 +514,26 @@ exports[`additionalData option should work as an async function ('dart-sass', 'm exports[`additionalData option should work as an async function ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`additionalData option should work as an async function ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"body { + color: hotpink; +}" +`; + +exports[`additionalData option should work as an async function ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`additionalData option should work as an async function ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`additionalData option should work as an async function ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"body { + color: hotpink; +}" +`; + +exports[`additionalData option should work as an async function ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`additionalData option should work as an async function ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`additionalData option should work as an async function ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "body { color: hotpink; } @@ -437,3 +593,23 @@ exports[`additionalData option should work as an async function ('sass-embedded' exports[`additionalData option should work as an async function ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; exports[`additionalData option should work as an async function ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`additionalData option should work as an async function ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"body { + color: hotpink; +}" +`; + +exports[`additionalData option should work as an async function ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`additionalData option should work as an async function ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`additionalData option should work as an async function ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"body { + color: hotpink; +}" +`; + +exports[`additionalData option should work as an async function ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`additionalData option should work as an async function ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; diff --git a/test/__snapshots__/implementation-option.test.js.snap b/test/__snapshots__/implementation-option.test.js.snap index 7f3c6062..97fc08b4 100644 --- a/test/__snapshots__/implementation-option.test.js.snap +++ b/test/__snapshots__/implementation-option.test.js.snap @@ -8,6 +8,10 @@ exports[`implementation option 'dart-sass', 'modern' API: errors 1`] = `[]`; exports[`implementation option 'dart-sass', 'modern' API: warnings 1`] = `[]`; +exports[`implementation option 'dart-sass', 'modern-compiler' API: errors 1`] = `[]`; + +exports[`implementation option 'dart-sass', 'modern-compiler' API: warnings 1`] = `[]`; + exports[`implementation option 'node-sass', 'legacy' API: errors 1`] = `[]`; exports[`implementation option 'node-sass', 'legacy' API: warnings 1`] = `[]`; @@ -24,6 +28,10 @@ exports[`implementation option 'sass-embedded', 'modern' API: errors 1`] = `[]`; exports[`implementation option 'sass-embedded', 'modern' API: warnings 1`] = `[]`; +exports[`implementation option 'sass-embedded', 'modern-compiler' API: errors 1`] = `[]`; + +exports[`implementation option 'sass-embedded', 'modern-compiler' API: warnings 1`] = `[]`; + exports[`implementation option not specify with legacy API: errors 1`] = `[]`; exports[`implementation option not specify with legacy API: warnings 1`] = `[]`; @@ -32,6 +40,10 @@ exports[`implementation option not specify with modern API: errors 1`] = `[]`; exports[`implementation option not specify with modern API: warnings 1`] = `[]`; +exports[`implementation option not specify with modern-compiler API: errors 1`] = `[]`; + +exports[`implementation option not specify with modern-compiler API: warnings 1`] = `[]`; + exports[`implementation option not specify: errors 1`] = `[]`; exports[`implementation option not specify: warnings 1`] = `[]`; @@ -45,6 +57,14 @@ Some error", exports[`implementation option should not swallow an error when trying to load a sass implementation: warnings 1`] = `[]`; +exports[`implementation option should support switching the implementation within the same process when using the modern-compiler API: errors 1`] = `[]`; + +exports[`implementation option should support switching the implementation within the same process when using the modern-compiler API: errors 2`] = `[]`; + +exports[`implementation option should support switching the implementation within the same process when using the modern-compiler API: warnings 1`] = `[]`; + +exports[`implementation option should support switching the implementation within the same process when using the modern-compiler API: warnings 2`] = `[]`; + exports[`implementation option should throw an error on an unknown sass implementation: errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): diff --git a/test/__snapshots__/loader.test.js.snap b/test/__snapshots__/loader.test.js.snap index 44cb366b..5f7f3404 100644 --- a/test/__snapshots__/loader.test.js.snap +++ b/test/__snapshots__/loader.test.js.snap @@ -92,6 +92,52 @@ exports[`loader should allow to use own logger ('dart-sass', 'modern' API, 'scss exports[`loader should allow to use own logger ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should allow to use own logger ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should allow to use own logger ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should allow to use own logger ('dart-sass', 'modern-compiler' API, 'sass' syntax): logs 1`] = ` +[ + { + "message": "My debug message", + "type": "debug", + }, + { + "message": "My warning message", + "type": "warn", + }, +] +`; + +exports[`loader should allow to use own logger ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should allow to use own logger ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should allow to use own logger ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should allow to use own logger ('dart-sass', 'modern-compiler' API, 'scss' syntax): logs 1`] = ` +[ + { + "message": "My debug message", + "type": "debug", + }, + { + "message": "My warning message", + "type": "warn", + }, +] +`; + +exports[`loader should allow to use own logger ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should allow to use own logger ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` "a { color: red; @@ -184,6 +230,52 @@ exports[`loader should allow to use own logger ('sass-embedded', 'modern' API, ' exports[`loader should allow to use own logger ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should allow to use own logger ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should allow to use own logger ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should allow to use own logger ('sass-embedded', 'modern-compiler' API, 'sass' syntax): logs 1`] = ` +[ + { + "message": "My debug message", + "type": "debug", + }, + { + "message": "My warning message", + "type": "warn", + }, +] +`; + +exports[`loader should allow to use own logger ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should allow to use own logger ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should allow to use own logger ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should allow to use own logger ('sass-embedded', 'modern-compiler' API, 'scss' syntax): logs 1`] = ` +[ + { + "message": "My debug message", + "type": "debug", + }, + { + "message": "My warning message", + "type": "warn", + }, +] +`; + +exports[`loader should allow to use own logger ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should import .import.sass files ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "a { display: block; @@ -204,6 +296,16 @@ exports[`loader should import .import.sass files ('dart-sass', 'modern' API, 'sa exports[`loader should import .import.sass files ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`loader should import .import.sass files ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should import .import.sass files ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should import .import.sass files ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + exports[`loader should import .import.sass files ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` "a { display: block; @@ -224,6 +326,16 @@ exports[`loader should import .import.sass files ('sass-embedded', 'modern' API, exports[`loader should import .import.sass files ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`loader should import .import.sass files ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should import .import.sass files ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should import .import.sass files ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + exports[`loader should import .import.sass files from a package ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "a { display: block; @@ -264,6 +376,16 @@ exports[`loader should import .import.scss files ('dart-sass', 'modern' API, 'sc exports[`loader should import .import.scss files ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should import .import.scss files ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should import .import.scss files ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should import .import.scss files ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should import .import.scss files ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` "a { display: block; @@ -284,6 +406,16 @@ exports[`loader should import .import.scss files ('sass-embedded', 'modern' API, exports[`loader should import .import.scss files ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should import .import.scss files ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should import .import.scss files ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should import .import.scss files ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should import .import.scss files from a package ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` "a { display: block; @@ -344,6 +476,26 @@ exports[`loader should load files with underscore in the name ('dart-sass', 'mod exports[`loader should load files with underscore in the name ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should load files with underscore in the name ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should load files with underscore in the name ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should load files with underscore in the name ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should load files with underscore in the name ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should load files with underscore in the name ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should load files with underscore in the name ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should load files with underscore in the name ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "a { color: red; } @@ -404,6 +556,26 @@ exports[`loader should load files with underscore in the name ('sass-embedded', exports[`loader should load files with underscore in the name ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should load files with underscore in the name ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should load files with underscore in the name ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should load files with underscore in the name ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should load files with underscore in the name ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should load files with underscore in the name ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should load files with underscore in the name ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should load only sass/scss files for the "mainFiles" ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "a { color: red; @@ -482,6 +654,15 @@ Can't find stylesheet to import.", exports[`loader should not use .import.sass files ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`loader should not use .import.sass files ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Can't find stylesheet to import.", +] +`; + +exports[`loader should not use .import.sass files ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + exports[`loader should not use .import.sass files ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -500,6 +681,15 @@ Error: Can't find stylesheet to import.", exports[`loader should not use .import.sass files ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`loader should not use .import.sass files ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: Can't find stylesheet to import.", +] +`; + +exports[`loader should not use .import.sass files ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + exports[`loader should not use .import.scss files ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -518,6 +708,15 @@ Can't find stylesheet to import.", exports[`loader should not use .import.scss files ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should not use .import.scss files ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Can't find stylesheet to import.", +] +`; + +exports[`loader should not use .import.scss files ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should not use .import.scss files ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -536,6 +735,15 @@ Error: Can't find stylesheet to import.", exports[`loader should not use .import.scss files ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should not use .import.scss files ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: Can't find stylesheet to import.", +] +`; + +exports[`loader should not use .import.scss files ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should output an understandable error ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -572,6 +780,24 @@ expected "{".", exports[`loader should output an understandable error ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should output an understandable error ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Expected newline.", +] +`; + +exports[`loader should output an understandable error ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should output an understandable error ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +expected "{".", +] +`; + +exports[`loader should output an understandable error ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should output an understandable error ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -626,6 +852,24 @@ Error: expected "{".", exports[`loader should output an understandable error ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should output an understandable error ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: Expected newline.", +] +`; + +exports[`loader should output an understandable error ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should output an understandable error ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: expected "{".", +] +`; + +exports[`loader should output an understandable error ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should output an understandable error when a file could not be found ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -662,6 +906,24 @@ Can't find stylesheet to import.", exports[`loader should output an understandable error when a file could not be found ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should output an understandable error when a file could not be found ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Can't find stylesheet to import.", +] +`; + +exports[`loader should output an understandable error when a file could not be found ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should output an understandable error when a file could not be found ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Can't find stylesheet to import.", +] +`; + +exports[`loader should output an understandable error when a file could not be found ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should output an understandable error when a file could not be found ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -716,6 +978,24 @@ Error: Can't find stylesheet to import.", exports[`loader should output an understandable error when a file could not be found ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should output an understandable error when a file could not be found ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: Can't find stylesheet to import.", +] +`; + +exports[`loader should output an understandable error when a file could not be found ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should output an understandable error when a file could not be found ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: Can't find stylesheet to import.", +] +`; + +exports[`loader should output an understandable error when a file could not be found ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should output an understandable error when a file could not be found using "@use" rule ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -752,6 +1032,24 @@ Can't find stylesheet to import.", exports[`loader should output an understandable error when a file could not be found using "@use" rule ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should output an understandable error when a file could not be found using "@use" rule ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Can't find stylesheet to import.", +] +`; + +exports[`loader should output an understandable error when a file could not be found using "@use" rule ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should output an understandable error when a file could not be found using "@use" rule ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Can't find stylesheet to import.", +] +`; + +exports[`loader should output an understandable error when a file could not be found using "@use" rule ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should output an understandable error when a file could not be found using "@use" rule ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -788,6 +1086,24 @@ Error: Can't find stylesheet to import.", exports[`loader should output an understandable error when a file could not be found using "@use" rule ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should output an understandable error when a file could not be found using "@use" rule ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: Can't find stylesheet to import.", +] +`; + +exports[`loader should output an understandable error when a file could not be found using "@use" rule ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should output an understandable error when a file could not be found using "@use" rule ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: Can't find stylesheet to import.", +] +`; + +exports[`loader should output an understandable error when a file could not be found using "@use" rule ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should output an understandable error when the problem in "@import" ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -824,6 +1140,24 @@ expected "{".", exports[`loader should output an understandable error when the problem in "@import" ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should output an understandable error when the problem in "@import" ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Expected newline.", +] +`; + +exports[`loader should output an understandable error when the problem in "@import" ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should output an understandable error when the problem in "@import" ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +expected "{".", +] +`; + +exports[`loader should output an understandable error when the problem in "@import" ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should output an understandable error when the problem in "@import" ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -878,6 +1212,24 @@ Error: expected "{".", exports[`loader should output an understandable error when the problem in "@import" ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should output an understandable error when the problem in "@import" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: Expected newline.", +] +`; + +exports[`loader should output an understandable error when the problem in "@import" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should output an understandable error when the problem in "@import" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: expected "{".", +] +`; + +exports[`loader should output an understandable error when the problem in "@import" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should output an understandable error with a problem in "@use" ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -914,6 +1266,24 @@ expected "{".", exports[`loader should output an understandable error with a problem in "@use" ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should output an understandable error with a problem in "@use" ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Expected newline.", +] +`; + +exports[`loader should output an understandable error with a problem in "@use" ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should output an understandable error with a problem in "@use" ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +expected "{".", +] +`; + +exports[`loader should output an understandable error with a problem in "@use" ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should output an understandable error with a problem in "@use" ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -950,6 +1320,24 @@ Error: expected "{".", exports[`loader should output an understandable error with a problem in "@use" ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should output an understandable error with a problem in "@use" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: Expected newline.", +] +`; + +exports[`loader should output an understandable error with a problem in "@use" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should output an understandable error with a problem in "@use" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: expected "{".", +] +`; + +exports[`loader should output an understandable error with a problem in "@use" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should prefer "mainFiles" over "mainFields" when the field contains "js" file ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "a { color: blue; @@ -1156,6 +1544,16 @@ exports[`loader should prefer "sass)" over CSS ('dart-sass', 'modern' API, 'sass exports[`loader should prefer "sass)" over CSS ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`loader should prefer "sass)" over CSS ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"a { + color: green; +}" +`; + +exports[`loader should prefer "sass)" over CSS ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should prefer "sass)" over CSS ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + exports[`loader should prefer "sass)" over CSS ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` "a { color: green; @@ -1176,6 +1574,16 @@ exports[`loader should prefer "sass)" over CSS ('sass-embedded', 'modern' API, ' exports[`loader should prefer "sass)" over CSS ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`loader should prefer "sass)" over CSS ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"a { + color: green; +}" +`; + +exports[`loader should prefer "sass)" over CSS ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should prefer "sass)" over CSS ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + exports[`loader should prefer "scss)" over CSS ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` "a { color: green; @@ -1196,6 +1604,16 @@ exports[`loader should prefer "scss)" over CSS ('dart-sass', 'modern' API, 'scss exports[`loader should prefer "scss)" over CSS ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should prefer "scss)" over CSS ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"a { + color: green; +}" +`; + +exports[`loader should prefer "scss)" over CSS ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should prefer "scss)" over CSS ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should prefer "scss)" over CSS ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` "a { color: green; @@ -1216,6 +1634,16 @@ exports[`loader should prefer "scss)" over CSS ('sass-embedded', 'modern' API, ' exports[`loader should prefer "scss)" over CSS ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should prefer "scss)" over CSS ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"a { + color: green; +}" +`; + +exports[`loader should prefer "scss)" over CSS ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should prefer "scss)" over CSS ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should prefer relative import ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` ".class { color: blue; @@ -2424,6 +2852,24 @@ It's not clear which file to import. Found:", exports[`loader should throw an error on ambiguous import (only on "dart-sass") ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should throw an error on ambiguous import (only on "dart-sass") ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +It's not clear which file to import. Found:", +] +`; + +exports[`loader should throw an error on ambiguous import (only on "dart-sass") ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should throw an error on ambiguous import (only on "dart-sass") ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +It's not clear which file to import. Found:", +] +`; + +exports[`loader should throw an error on ambiguous import (only on "dart-sass") ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should throw an error on ambiguous import (only on "dart-sass") ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; exports[`loader should throw an error on ambiguous import (only on "dart-sass") ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; @@ -2468,6 +2914,24 @@ Error: It's not clear which file to import. Found:", exports[`loader should throw an error on ambiguous import (only on "dart-sass") ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should throw an error on ambiguous import (only on "dart-sass") ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: It's not clear which file to import. Found:", +] +`; + +exports[`loader should throw an error on ambiguous import (only on "dart-sass") ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should throw an error on ambiguous import (only on "dart-sass") ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: It's not clear which file to import. Found:", +] +`; + +exports[`loader should throw an error on ambiguous import (only on "dart-sass") ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should throw an error on circular import ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -2504,6 +2968,24 @@ This file is already being loaded.", exports[`loader should throw an error on circular import ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should throw an error on circular import ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +This file is already being loaded.", +] +`; + +exports[`loader should throw an error on circular import ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should throw an error on circular import ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +This file is already being loaded.", +] +`; + +exports[`loader should throw an error on circular import ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should throw an error on circular import ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -2558,6 +3040,24 @@ Error: This file is already being loaded.", exports[`loader should throw an error on circular import ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should throw an error on circular import ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: This file is already being loaded.", +] +`; + +exports[`loader should throw an error on circular import ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should throw an error on circular import ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: This file is already being loaded.", +] +`; + +exports[`loader should throw an error on circular import ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should throw an error on circular use ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -2594,6 +3094,24 @@ This file is already being loaded.", exports[`loader should throw an error on circular use ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should throw an error on circular use ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Module loop: this module is already being loaded.", +] +`; + +exports[`loader should throw an error on circular use ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should throw an error on circular use ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +This file is already being loaded.", +] +`; + +exports[`loader should throw an error on circular use ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should throw an error on circular use ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -2630,6 +3148,24 @@ Error: This file is already being loaded.", exports[`loader should throw an error on circular use ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should throw an error on circular use ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: Module loop: this module is already being loaded.", +] +`; + +exports[`loader should throw an error on circular use ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should throw an error on circular use ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: This file is already being loaded.", +] +`; + +exports[`loader should throw an error on circular use ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should throw an error with a explicit file and a file does not exist ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -2666,6 +3202,24 @@ Can't find stylesheet to import.", exports[`loader should throw an error with a explicit file and a file does not exist ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should throw an error with a explicit file and a file does not exist ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Can't find stylesheet to import.", +] +`; + +exports[`loader should throw an error with a explicit file and a file does not exist ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should throw an error with a explicit file and a file does not exist ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Can't find stylesheet to import.", +] +`; + +exports[`loader should throw an error with a explicit file and a file does not exist ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should throw an error with a explicit file and a file does not exist ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -2720,6 +3274,24 @@ Error: Can't find stylesheet to import.", exports[`loader should throw an error with a explicit file and a file does not exist ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should throw an error with a explicit file and a file does not exist ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: Can't find stylesheet to import.", +] +`; + +exports[`loader should throw an error with a explicit file and a file does not exist ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should throw an error with a explicit file and a file does not exist ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: Can't find stylesheet to import.", +] +`; + +exports[`loader should throw an error with a explicit file and a file does not exist ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should throw an error with a explicit file and a file does not exist using "@use" rule ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -2756,6 +3328,24 @@ Can't find stylesheet to import.", exports[`loader should throw an error with a explicit file and a file does not exist using "@use" rule ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should throw an error with a explicit file and a file does not exist using "@use" rule ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Can't find stylesheet to import.", +] +`; + +exports[`loader should throw an error with a explicit file and a file does not exist using "@use" rule ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should throw an error with a explicit file and a file does not exist using "@use" rule ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Can't find stylesheet to import.", +] +`; + +exports[`loader should throw an error with a explicit file and a file does not exist using "@use" rule ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should throw an error with a explicit file and a file does not exist using "@use" rule ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = ` [ "ModuleBuildError: Module build failed (from ../src/cjs.js): @@ -2792,6 +3382,24 @@ Error: Can't find stylesheet to import.", exports[`loader should throw an error with a explicit file and a file does not exist using "@use" rule ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should throw an error with a explicit file and a file does not exist using "@use" rule ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: Can't find stylesheet to import.", +] +`; + +exports[`loader should throw an error with a explicit file and a file does not exist using "@use" rule ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should throw an error with a explicit file and a file does not exist using "@use" rule ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = ` +[ + "ModuleBuildError: Module build failed (from ../src/cjs.js): +Error: Can't find stylesheet to import.", +] +`; + +exports[`loader should throw an error with a explicit file and a file does not exist using "@use" rule ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should use webpack logger ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "a { color: red; @@ -2904,6 +3512,62 @@ My warning message", ] `; +exports[`loader should use webpack logger ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should use webpack logger ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should use webpack logger ('dart-sass', 'modern-compiler' API, 'sass' syntax): logs 1`] = ` +[ + [ + { + "args": [ + "[debug:0:0] My debug message", + ], + "type": "debug", + }, + ], +] +`; + +exports[`loader should use webpack logger ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = ` +[ + "ModuleWarning: Module Warning (from ../src/cjs.js): +My warning message", +] +`; + +exports[`loader should use webpack logger ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should use webpack logger ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should use webpack logger ('dart-sass', 'modern-compiler' API, 'scss' syntax): logs 1`] = ` +[ + [ + { + "args": [ + "[debug:0:0] My debug message", + ], + "type": "debug", + }, + ], +] +`; + +exports[`loader should use webpack logger ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = ` +[ + "ModuleWarning: Module Warning (from ../src/cjs.js): +My warning message", +] +`; + exports[`loader should use webpack logger ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` "a { color: red; @@ -3016,6 +3680,62 @@ My warning message", ] `; +exports[`loader should use webpack logger ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should use webpack logger ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should use webpack logger ('sass-embedded', 'modern-compiler' API, 'sass' syntax): logs 1`] = ` +[ + [ + { + "args": [ + "[debug:0:0] My debug message", + ], + "type": "debug", + }, + ], +] +`; + +exports[`loader should use webpack logger ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = ` +[ + "ModuleWarning: Module Warning (from ../src/cjs.js): +My warning message", +] +`; + +exports[`loader should use webpack logger ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should use webpack logger ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should use webpack logger ('sass-embedded', 'modern-compiler' API, 'scss' syntax): logs 1`] = ` +[ + [ + { + "args": [ + "[debug:0:0] My debug message", + ], + "type": "debug", + }, + ], +] +`; + +exports[`loader should use webpack logger ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = ` +[ + "ModuleWarning: Module Warning (from ../src/cjs.js): +My warning message", +] +`; + exports[`loader should watch firstly in the "includePaths" values ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` ".bar { color: red; @@ -3056,6 +3776,26 @@ exports[`loader should watch firstly in the "includePaths" values ('dart-sass', exports[`loader should watch firstly in the "includePaths" values ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should watch firstly in the "includePaths" values ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +".bar { + color: red; +}" +`; + +exports[`loader should watch firstly in the "includePaths" values ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should watch firstly in the "includePaths" values ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should watch firstly in the "includePaths" values ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +".bar { + color: red; +}" +`; + +exports[`loader should watch firstly in the "includePaths" values ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should watch firstly in the "includePaths" values ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should watch firstly in the "includePaths" values ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` ".bar { color: red; } @@ -3116,6 +3856,26 @@ exports[`loader should watch firstly in the "includePaths" values ('sass-embedde exports[`loader should watch firstly in the "includePaths" values ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should watch firstly in the "includePaths" values ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +".bar { + color: red; +}" +`; + +exports[`loader should watch firstly in the "includePaths" values ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should watch firstly in the "includePaths" values ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should watch firstly in the "includePaths" values ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +".bar { + color: red; +}" +`; + +exports[`loader should watch firstly in the "includePaths" values ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should watch firstly in the "includePaths" values ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should work ('dart-sass', 'legacy' API, 'sass' syntax) add "@charset "UTF-8";" for non ascii characters: css 1`] = ` "@charset "UTF-8"; p { @@ -4062,378 +4822,852 @@ exports[`loader should work ('dart-sass', 'modern' API, 'scss' syntax): errors 1 exports[`loader should work ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax) and don't modify sass options: css 1`] = ` +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax) add "@charset "UTF-8";" for non ascii characters: css 1`] = ` "@charset "UTF-8"; -@import url(./file.css); +p { + content: "é"; +}" +`; + +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax) add "@charset "UTF-8";" for non ascii characters: errors 1`] = `[]`; + +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax) add "@charset "UTF-8";" for non ascii characters: warnings 1`] = `[]`; + +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax) and don't modify sass options: css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; body { font: 100% Helvetica, sans-serif; - color: #333; } + color: #333; +} nav ul { margin: 0; padding: 0; - list-style: none; } - + list-style: none; +} nav li { - display: inline-block; } - + display: inline-block; +} nav a { display: block; padding: 6px 12px; - text-decoration: none; } + text-decoration: none; +} .box { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; - border-radius: 10px; } + border-radius: 10px; +} -.message, .success, .error, .warning { +.message, .warning, .error, .success { border: 1px solid #ccc; padding: 10px; - color: #333; } + color: #333; +} .success { - border-color: green; } + border-color: green; +} .error { - border-color: red; } + border-color: red; +} .warning { - border-color: yellow; } + border-color: yellow; +} .foo:before { - content: ""; } + content: "\\e0c6"; +} .bar:before { - content: "∑"; } -" + content: "∑"; +}" `; -exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax) and don't modify sass options: errors 1`] = `[]`; +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax) and don't modify sass options: errors 1`] = `[]`; -exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax) and don't modify sass options: warnings 1`] = `[]`; +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax) and don't modify sass options: warnings 1`] = `[]`; -exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax) with the "filesystem" cache: css 1`] = ` +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax) to disable "@charset "UTF-8";" generation: css 1`] = ` "@charset "UTF-8"; -@import url(./file.css); +p { + content: "é"; +}" +`; + +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax) to disable "@charset "UTF-8";" generation: errors 1`] = `[]`; + +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax) to disable "@charset "UTF-8";" generation: warnings 1`] = `[]`; + +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax) with "@charset "UTF-8";": css 1`] = ` +"@charset "UTF-8"; +p { + content: "é"; +}" +`; + +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax) with "@charset "UTF-8";": errors 1`] = `[]`; + +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax) with "@charset "UTF-8";": warnings 1`] = `[]`; + +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax) with the "filesystem" cache: css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; body { font: 100% Helvetica, sans-serif; - color: #333; } + color: #333; +} nav ul { margin: 0; padding: 0; - list-style: none; } - + list-style: none; +} nav li { - display: inline-block; } - + display: inline-block; +} nav a { display: block; padding: 6px 12px; - text-decoration: none; } + text-decoration: none; +} .box { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; - border-radius: 10px; } + border-radius: 10px; +} -.message, .success, .error, .warning { +.message, .warning, .error, .success { border: 1px solid #ccc; padding: 10px; - color: #333; } + color: #333; +} .success { - border-color: green; } + border-color: green; +} .error { - border-color: red; } + border-color: red; +} .warning { - border-color: yellow; } + border-color: yellow; +} .foo:before { - content: ""; } + content: "\\e0c6"; +} .bar:before { - content: "∑"; } -" + content: "∑"; +}" `; -exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax) with the "filesystem" cache: errors 1`] = `[]`; +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax) with the "filesystem" cache: errors 1`] = `[]`; -exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax) with the "filesystem" cache: warnings 1`] = `[]`; +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax) with the "filesystem" cache: warnings 1`] = `[]`; -exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax) with the "memory" cache: css 1`] = ` +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax) with the "memory" cache: css 1`] = ` "@charset "UTF-8"; -@import url(./file.css); +@import "./file.css"; body { font: 100% Helvetica, sans-serif; - color: #333; } + color: #333; +} nav ul { margin: 0; padding: 0; - list-style: none; } - + list-style: none; +} nav li { - display: inline-block; } - + display: inline-block; +} nav a { display: block; padding: 6px 12px; - text-decoration: none; } + text-decoration: none; +} .box { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; - border-radius: 10px; } + border-radius: 10px; +} -.message, .success, .error, .warning { +.message, .warning, .error, .success { border: 1px solid #ccc; padding: 10px; - color: #333; } + color: #333; +} .success { - border-color: green; } + border-color: green; +} .error { - border-color: red; } + border-color: red; +} .warning { - border-color: yellow; } + border-color: yellow; +} .foo:before { - content: ""; } + content: "\\e0c6"; +} .bar:before { - content: "∑"; } -" + content: "∑"; +}" `; -exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax) with the "memory" cache: errors 1`] = `[]`; +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax) with the "memory" cache: errors 1`] = `[]`; -exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax) with the "memory" cache: warnings 1`] = `[]`; +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax) with the "memory" cache: warnings 1`] = `[]`; -exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; -@import url(./file.css); +@import "./file.css"; body { font: 100% Helvetica, sans-serif; - color: #333; } + color: #333; +} nav ul { margin: 0; padding: 0; - list-style: none; } - + list-style: none; +} nav li { - display: inline-block; } - + display: inline-block; +} nav a { display: block; padding: 6px 12px; - text-decoration: none; } + text-decoration: none; +} .box { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; - border-radius: 10px; } + border-radius: 10px; +} -.message, .success, .error, .warning { +.message, .warning, .error, .success { border: 1px solid #ccc; padding: 10px; - color: #333; } + color: #333; +} .success { - border-color: green; } + border-color: green; +} .error { - border-color: red; } + border-color: red; +} .warning { - border-color: yellow; } + border-color: yellow; +} .foo:before { - content: ""; } + content: "\\e0c6"; +} .bar:before { - content: "∑"; } -" + content: "∑"; +}" `; -exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax) and don't modify sass options: css 1`] = ` +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax) add "@charset "UTF-8";" for non ascii characters: css 1`] = ` "@charset "UTF-8"; -@import url(./file.css); -body { - font: 100% Helvetica, sans-serif; - color: #333; } - -nav ul { - margin: 0; - padding: 0; - list-style: none; } - -nav li { - display: inline-block; } - -nav a { - display: block; - padding: 6px 12px; - text-decoration: none; } - -.box { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - border-radius: 10px; } - -.foo:before { - content: ""; } - -.bar:before { - content: "∑"; } -" +p { + content: "é"; +}" `; -exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax) and don't modify sass options: errors 1`] = `[]`; +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax) add "@charset "UTF-8";" for non ascii characters: errors 1`] = `[]`; -exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax) and don't modify sass options: warnings 1`] = `[]`; +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax) add "@charset "UTF-8";" for non ascii characters: warnings 1`] = `[]`; -exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax) with the "filesystem" cache: css 1`] = ` +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax) and don't modify sass options: css 1`] = ` "@charset "UTF-8"; -@import url(./file.css); +@import "./file.css"; body { font: 100% Helvetica, sans-serif; - color: #333; } + color: #333; +} nav ul { margin: 0; padding: 0; - list-style: none; } - + list-style: none; +} nav li { - display: inline-block; } - + display: inline-block; +} nav a { display: block; padding: 6px 12px; - text-decoration: none; } + text-decoration: none; +} .box { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; - border-radius: 10px; } + border-radius: 10px; +} .foo:before { - content: ""; } + content: "\\e0c6"; +} .bar:before { - content: "∑"; } -" + content: "∑"; +}" `; -exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax) with the "filesystem" cache: errors 1`] = `[]`; +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax) and don't modify sass options: errors 1`] = `[]`; -exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax) with the "filesystem" cache: warnings 1`] = `[]`; +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax) and don't modify sass options: warnings 1`] = `[]`; -exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax) with the "memory" cache: css 1`] = ` +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax) to disable "@charset "UTF-8";" generation: css 1`] = ` "@charset "UTF-8"; -@import url(./file.css); -body { - font: 100% Helvetica, sans-serif; - color: #333; } - -nav ul { - margin: 0; - padding: 0; - list-style: none; } - -nav li { - display: inline-block; } +p { + content: "é"; +}" +`; -nav a { - display: block; - padding: 6px 12px; - text-decoration: none; } +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax) to disable "@charset "UTF-8";" generation: errors 1`] = `[]`; -.box { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - border-radius: 10px; } +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax) to disable "@charset "UTF-8";" generation: warnings 1`] = `[]`; -.foo:before { - content: ""; } - -.bar:before { - content: "∑"; } -" +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax) with "@charset "UTF-8";": css 1`] = ` +"@charset "UTF-8"; +p { + content: "é"; +}" `; -exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax) with the "memory" cache: errors 1`] = `[]`; +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax) with "@charset "UTF-8";": errors 1`] = `[]`; -exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax) with the "memory" cache: warnings 1`] = `[]`; +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax) with "@charset "UTF-8";": warnings 1`] = `[]`; -exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax) with the "filesystem" cache: css 1`] = ` "@charset "UTF-8"; -@import url(./file.css); +@import "./file.css"; body { font: 100% Helvetica, sans-serif; - color: #333; } + color: #333; +} nav ul { margin: 0; padding: 0; - list-style: none; } - + list-style: none; +} nav li { - display: inline-block; } - + display: inline-block; +} nav a { display: block; padding: 6px 12px; - text-decoration: none; } + text-decoration: none; +} .box { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; - border-radius: 10px; } + border-radius: 10px; +} .foo:before { - content: ""; } + content: "\\e0c6"; +} .bar:before { - content: "∑"; } -" -`; - -exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; - -exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; - -exports[`loader should work ('sass-embedded', 'legacy' API, 'sass' syntax) add "@charset "UTF-8";" for non ascii characters: css 1`] = ` -"@charset "UTF-8"; -p { - content: "é"; + content: "∑"; }" `; -exports[`loader should work ('sass-embedded', 'legacy' API, 'sass' syntax) add "@charset "UTF-8";" for non ascii characters: errors 1`] = `[]`; +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax) with the "filesystem" cache: errors 1`] = `[]`; -exports[`loader should work ('sass-embedded', 'legacy' API, 'sass' syntax) add "@charset "UTF-8";" for non ascii characters: warnings 1`] = `[]`; +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax) with the "filesystem" cache: warnings 1`] = `[]`; -exports[`loader should work ('sass-embedded', 'legacy' API, 'sass' syntax) and don't modify sass options: css 1`] = ` +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax) with the "memory" cache: css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax) with the "memory" cache: errors 1`] = `[]`; + +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax) with the "memory" cache: warnings 1`] = `[]`; + +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax) and don't modify sass options: css 1`] = ` +"@charset "UTF-8"; +@import url(./file.css); +body { + font: 100% Helvetica, sans-serif; + color: #333; } + +nav ul { + margin: 0; + padding: 0; + list-style: none; } + +nav li { + display: inline-block; } + +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; } + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; } + +.message, .success, .error, .warning { + border: 1px solid #ccc; + padding: 10px; + color: #333; } + +.success { + border-color: green; } + +.error { + border-color: red; } + +.warning { + border-color: yellow; } + +.foo:before { + content: ""; } + +.bar:before { + content: "∑"; } +" +`; + +exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax) and don't modify sass options: errors 1`] = `[]`; + +exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax) and don't modify sass options: warnings 1`] = `[]`; + +exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax) with the "filesystem" cache: css 1`] = ` +"@charset "UTF-8"; +@import url(./file.css); +body { + font: 100% Helvetica, sans-serif; + color: #333; } + +nav ul { + margin: 0; + padding: 0; + list-style: none; } + +nav li { + display: inline-block; } + +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; } + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; } + +.message, .success, .error, .warning { + border: 1px solid #ccc; + padding: 10px; + color: #333; } + +.success { + border-color: green; } + +.error { + border-color: red; } + +.warning { + border-color: yellow; } + +.foo:before { + content: ""; } + +.bar:before { + content: "∑"; } +" +`; + +exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax) with the "filesystem" cache: errors 1`] = `[]`; + +exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax) with the "filesystem" cache: warnings 1`] = `[]`; + +exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax) with the "memory" cache: css 1`] = ` +"@charset "UTF-8"; +@import url(./file.css); +body { + font: 100% Helvetica, sans-serif; + color: #333; } + +nav ul { + margin: 0; + padding: 0; + list-style: none; } + +nav li { + display: inline-block; } + +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; } + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; } + +.message, .success, .error, .warning { + border: 1px solid #ccc; + padding: 10px; + color: #333; } + +.success { + border-color: green; } + +.error { + border-color: red; } + +.warning { + border-color: yellow; } + +.foo:before { + content: ""; } + +.bar:before { + content: "∑"; } +" +`; + +exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax) with the "memory" cache: errors 1`] = `[]`; + +exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax) with the "memory" cache: warnings 1`] = `[]`; + +exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import url(./file.css); +body { + font: 100% Helvetica, sans-serif; + color: #333; } + +nav ul { + margin: 0; + padding: 0; + list-style: none; } + +nav li { + display: inline-block; } + +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; } + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; } + +.message, .success, .error, .warning { + border: 1px solid #ccc; + padding: 10px; + color: #333; } + +.success { + border-color: green; } + +.error { + border-color: red; } + +.warning { + border-color: yellow; } + +.foo:before { + content: ""; } + +.bar:before { + content: "∑"; } +" +`; + +exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax) and don't modify sass options: css 1`] = ` +"@charset "UTF-8"; +@import url(./file.css); +body { + font: 100% Helvetica, sans-serif; + color: #333; } + +nav ul { + margin: 0; + padding: 0; + list-style: none; } + +nav li { + display: inline-block; } + +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; } + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; } + +.foo:before { + content: ""; } + +.bar:before { + content: "∑"; } +" +`; + +exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax) and don't modify sass options: errors 1`] = `[]`; + +exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax) and don't modify sass options: warnings 1`] = `[]`; + +exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax) with the "filesystem" cache: css 1`] = ` +"@charset "UTF-8"; +@import url(./file.css); +body { + font: 100% Helvetica, sans-serif; + color: #333; } + +nav ul { + margin: 0; + padding: 0; + list-style: none; } + +nav li { + display: inline-block; } + +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; } + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; } + +.foo:before { + content: ""; } + +.bar:before { + content: "∑"; } +" +`; + +exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax) with the "filesystem" cache: errors 1`] = `[]`; + +exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax) with the "filesystem" cache: warnings 1`] = `[]`; + +exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax) with the "memory" cache: css 1`] = ` +"@charset "UTF-8"; +@import url(./file.css); +body { + font: 100% Helvetica, sans-serif; + color: #333; } + +nav ul { + margin: 0; + padding: 0; + list-style: none; } + +nav li { + display: inline-block; } + +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; } + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; } + +.foo:before { + content: ""; } + +.bar:before { + content: "∑"; } +" +`; + +exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax) with the "memory" cache: errors 1`] = `[]`; + +exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax) with the "memory" cache: warnings 1`] = `[]`; + +exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import url(./file.css); +body { + font: 100% Helvetica, sans-serif; + color: #333; } + +nav ul { + margin: 0; + padding: 0; + list-style: none; } + +nav li { + display: inline-block; } + +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; } + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; } + +.foo:before { + content: ""; } + +.bar:before { + content: "∑"; } +" +`; + +exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work ('node-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'legacy' API, 'sass' syntax) add "@charset "UTF-8";" for non ascii characters: css 1`] = ` +"@charset "UTF-8"; +p { + content: "é"; +}" +`; + +exports[`loader should work ('sass-embedded', 'legacy' API, 'sass' syntax) add "@charset "UTF-8";" for non ascii characters: errors 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'legacy' API, 'sass' syntax) add "@charset "UTF-8";" for non ascii characters: warnings 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'legacy' API, 'sass' syntax) and don't modify sass options: css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -5368,6 +6602,480 @@ exports[`loader should work ('sass-embedded', 'modern' API, 'scss' syntax): erro exports[`loader should work ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax) add "@charset "UTF-8";" for non ascii characters: css 1`] = ` +"@charset "UTF-8"; +p { + content: "é"; +}" +`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax) add "@charset "UTF-8";" for non ascii characters: errors 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax) add "@charset "UTF-8";" for non ascii characters: warnings 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax) and don't modify sass options: css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax) and don't modify sass options: errors 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax) and don't modify sass options: warnings 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax) to disable "@charset "UTF-8";" generation: css 1`] = ` +"@charset "UTF-8"; +p { + content: "é"; +}" +`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax) to disable "@charset "UTF-8";" generation: errors 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax) to disable "@charset "UTF-8";" generation: warnings 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax) with "@charset "UTF-8";": css 1`] = ` +"@charset "UTF-8"; +p { + content: "é"; +}" +`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax) with "@charset "UTF-8";": errors 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax) with "@charset "UTF-8";": warnings 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax) with the "filesystem" cache: css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax) with the "filesystem" cache: errors 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax) with the "filesystem" cache: warnings 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax) with the "memory" cache: css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax) with the "memory" cache: errors 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax) with the "memory" cache: warnings 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax) add "@charset "UTF-8";" for non ascii characters: css 1`] = ` +"@charset "UTF-8"; +p { + content: "é"; +}" +`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax) add "@charset "UTF-8";" for non ascii characters: errors 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax) add "@charset "UTF-8";" for non ascii characters: warnings 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax) and don't modify sass options: css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax) and don't modify sass options: errors 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax) and don't modify sass options: warnings 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax) to disable "@charset "UTF-8";" generation: css 1`] = ` +"@charset "UTF-8"; +p { + content: "é"; +}" +`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax) to disable "@charset "UTF-8";" generation: errors 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax) to disable "@charset "UTF-8";" generation: warnings 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax) with "@charset "UTF-8";": css 1`] = ` +"@charset "UTF-8"; +p { + content: "é"; +}" +`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax) with "@charset "UTF-8";": errors 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax) with "@charset "UTF-8";": warnings 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax) with the "filesystem" cache: css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax) with the "filesystem" cache: errors 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax) with the "filesystem" cache: warnings 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax) with the "memory" cache: css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax) with the "memory" cache: errors 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax) with the "memory" cache: warnings 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should work and ignore all css "@import" at-rules ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@import "~css/some-css-module.css"; @import "./does/not/exist.css"; @@ -5488,6 +7196,18 @@ exports[`loader should work and output deprecation message (dart-sass): css 4`] }" `; +exports[`loader should work and output deprecation message (dart-sass): css 5`] = ` +"a:hover { + color: hsla(0, 0%, 0%, 0.025); +}" +`; + +exports[`loader should work and output deprecation message (dart-sass): css 6`] = ` +"a:hover { + color: hsla(0, 0%, 0%, 0.025); +}" +`; + exports[`loader should work and output deprecation message (dart-sass): errors 1`] = `[]`; exports[`loader should work and output deprecation message (dart-sass): errors 2`] = `[]`; @@ -5496,6 +7216,10 @@ exports[`loader should work and output deprecation message (dart-sass): errors 3 exports[`loader should work and output deprecation message (dart-sass): errors 4`] = `[]`; +exports[`loader should work and output deprecation message (dart-sass): errors 5`] = `[]`; + +exports[`loader should work and output deprecation message (dart-sass): errors 6`] = `[]`; + exports[`loader should work and output deprecation message (dart-sass): warnings 1`] = ` [ "ModuleWarning: Module Warning (from ../src/cjs.js): @@ -5563,6 +7287,42 @@ More info: https://sass-lang.com/d/function-units 0 | $side-nav-link-bg-hover: hsla(0, 0, 0%, 0.025) !default +test/sass/deprecation.sass 1:26 root stylesheet +", +] +`; + +exports[`loader should work and output deprecation message (dart-sass): warnings 5`] = ` +[ + "ModuleWarning: Module Warning (from ../src/cjs.js): +Deprecation Warning on line 0, column 25 of file:///test/scss/deprecation.scss:0:25: +$saturation: Passing a number without unit % (0) is deprecated. + +To preserve current behavior: $saturation * 1% + +More info: https://sass-lang.com/d/function-units + +0 | $side-nav-link-bg-hover: hsla(0, 0, 0%, 0.025) !default; + + +test/scss/deprecation.scss 1:26 root stylesheet +", +] +`; + +exports[`loader should work and output deprecation message (dart-sass): warnings 6`] = ` +[ + "ModuleWarning: Module Warning (from ../src/cjs.js): +Deprecation Warning on line 0, column 25 of file:///test/sass/deprecation.sass:0:25: +$saturation: Passing a number without unit % (0) is deprecated. + +To preserve current behavior: $saturation * 1% + +More info: https://sass-lang.com/d/function-units + +0 | $side-nav-link-bg-hover: hsla(0, 0, 0%, 0.025) !default + + test/sass/deprecation.sass 1:26 root stylesheet ", ] @@ -5592,6 +7352,18 @@ exports[`loader should work and output deprecation message (sass-embedded): css }" `; +exports[`loader should work and output deprecation message (sass-embedded): css 5`] = ` +"a:hover { + color: hsla(0, 0%, 0%, 0.025); +}" +`; + +exports[`loader should work and output deprecation message (sass-embedded): css 6`] = ` +"a:hover { + color: hsla(0, 0%, 0%, 0.025); +}" +`; + exports[`loader should work and output deprecation message (sass-embedded): errors 1`] = `[]`; exports[`loader should work and output deprecation message (sass-embedded): errors 2`] = `[]`; @@ -5600,6 +7372,10 @@ exports[`loader should work and output deprecation message (sass-embedded): erro exports[`loader should work and output deprecation message (sass-embedded): errors 4`] = `[]`; +exports[`loader should work and output deprecation message (sass-embedded): errors 5`] = `[]`; + +exports[`loader should work and output deprecation message (sass-embedded): errors 6`] = `[]`; + exports[`loader should work and output deprecation message (sass-embedded): warnings 1`] = ` [ "ModuleWarning: Module Warning (from ../src/cjs.js): @@ -5667,6 +7443,42 @@ More info: https://sass-lang.com/d/function-units 0 | $side-nav-link-bg-hover: hsla(0, 0, 0%, 0.025) !default +../../../../test/sass/deprecation.sass 1:26 root stylesheet +", +] +`; + +exports[`loader should work and output deprecation message (sass-embedded): warnings 5`] = ` +[ + "ModuleWarning: Module Warning (from ../src/cjs.js): +Deprecation Warning on line 0, column 25 of file:///test/scss/deprecation.scss:0:25: +$saturation: Passing a number without unit % (0) is deprecated. + +To preserve current behavior: $saturation * 1% + +More info: https://sass-lang.com/d/function-units + +0 | $side-nav-link-bg-hover: hsla(0, 0, 0%, 0.025) !default; + + +../../../../test/scss/deprecation.scss 1:26 root stylesheet +", +] +`; + +exports[`loader should work and output deprecation message (sass-embedded): warnings 6`] = ` +[ + "ModuleWarning: Module Warning (from ../src/cjs.js): +Deprecation Warning on line 0, column 25 of file:///test/sass/deprecation.sass:0:25: +$saturation: Passing a number without unit % (0) is deprecated. + +To preserve current behavior: $saturation * 1% + +More info: https://sass-lang.com/d/function-units + +0 | $side-nav-link-bg-hover: hsla(0, 0, 0%, 0.025) !default + + ../../../../test/sass/deprecation.sass 1:26 root stylesheet ", ] @@ -5696,6 +7508,18 @@ exports[`loader should work and output the "compressed" outputStyle when "mode" exports[`loader should work and output the "compressed" outputStyle when "mode" is production ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work and output the "compressed" outputStyle when "mode" is production ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.message,.warning,.error,.success{border:1px solid #ccc;padding:10px;color:#333}.success{border-color:green}.error{border-color:red}.warning{border-color:#ff0}.foo:before{content:""}.bar:before{content:"∑"}"`; + +exports[`loader should work and output the "compressed" outputStyle when "mode" is production ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work and output the "compressed" outputStyle when "mode" is production ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work and output the "compressed" outputStyle when "mode" is production ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.foo:before{content:""}.bar:before{content:"∑"}"`; + +exports[`loader should work and output the "compressed" outputStyle when "mode" is production ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work and output the "compressed" outputStyle when "mode" is production ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should work and output the "compressed" outputStyle when "mode" is production ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@import url(./file.css);body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.message,.success,.error,.warning{border:1px solid #ccc;padding:10px;color:#333}.success{border-color:green}.error{border-color:red}.warning{border-color:yellow}.foo:before{content:""}.bar:before{content:"∑"} " @@ -5738,6 +7562,18 @@ exports[`loader should work and output the "compressed" outputStyle when "mode" exports[`loader should work and output the "compressed" outputStyle when "mode" is production ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work and output the "compressed" outputStyle when "mode" is production ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.message,.warning,.error,.success{border:1px solid #ccc;padding:10px;color:#333}.success{border-color:green}.error{border-color:red}.warning{border-color:#ff0}.foo:before{content:""}.bar:before{content:"∑"}"`; + +exports[`loader should work and output the "compressed" outputStyle when "mode" is production ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work and output the "compressed" outputStyle when "mode" is production ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work and output the "compressed" outputStyle when "mode" is production ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.foo:before{content:""}.bar:before{content:"∑"}"`; + +exports[`loader should work and output the "compressed" outputStyle when "mode" is production ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work and output the "compressed" outputStyle when "mode" is production ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should work and use the "_index" file in package ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "a { color: red; @@ -8126,6 +9962,842 @@ exports[`loader should work when "@import" at-rules starting with "_" ('dart-sas exports[`loader should work when "@import" at-rules starting with "_" ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work when "@import" at-rules starting with "_" ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +".underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-5-index { + color: magenta; +} + +.underscore-dir-5-index { + color: magenta; +} + +.underscore-dir-5-index { + color: magenta; +} + +.underscore-dir-5-index { + color: magenta; +} + +.underscore-dir-5-index { + color: magenta; +} + +.underscore-dir-5-index { + color: magenta; +}" +`; + +exports[`loader should work when "@import" at-rules starting with "_" ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@import" at-rules starting with "_" ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@import" at-rules starting with "_" ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +".underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-5-index { + color: magenta; +} + +.underscore-dir-5-index { + color: magenta; +} + +.underscore-dir-5-index { + color: magenta; +} + +.underscore-dir-5-index { + color: magenta; +} + +.underscore-dir-5-index { + color: magenta; +} + +.underscore-dir-5-index { + color: magenta; +}" +`; + +exports[`loader should work when "@import" at-rules starting with "_" ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@import" at-rules starting with "_" ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should work when "@import" at-rules starting with "_" ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` ".underscore { color: greenyellow; } @@ -10430,6 +13102,842 @@ exports[`loader should work when "@import" at-rules starting with "_" ('sass-emb exports[`loader should work when "@import" at-rules starting with "_" ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work when "@import" at-rules starting with "_" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +".underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-5-index { + color: magenta; +} + +.underscore-dir-5-index { + color: magenta; +} + +.underscore-dir-5-index { + color: magenta; +} + +.underscore-dir-5-index { + color: magenta; +} + +.underscore-dir-5-index { + color: magenta; +} + +.underscore-dir-5-index { + color: magenta; +}" +`; + +exports[`loader should work when "@import" at-rules starting with "_" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@import" at-rules starting with "_" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@import" at-rules starting with "_" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +".underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore { + color: greenyellow; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-2 { + color: azure; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-5-index { + color: magenta; +} + +.underscore-dir-5-index { + color: magenta; +} + +.underscore-dir-5-index { + color: magenta; +} + +.underscore-dir-5-index { + color: magenta; +} + +.underscore-dir-5-index { + color: magenta; +} + +.underscore-dir-5-index { + color: magenta; +}" +`; + +exports[`loader should work when "@import" at-rules starting with "_" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@import" at-rules starting with "_" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should work when "@import" at-rules with extensions ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` ".example { color: red; @@ -10646,6 +14154,114 @@ exports[`loader should work when "@import" at-rules with extensions ('dart-sass' exports[`loader should work when "@import" at-rules with extensions ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work when "@import" at-rules with extensions ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +".example { + color: red; +} + +.example { + color: red; +} + +.example { + color: red; +} + +.example-2 { + color: blue; +} + +.example-2 { + color: blue; +} + +.example-2 { + color: blue; +} + +.example-4 { + color: greenyellow; +} + +.example-4 { + color: greenyellow; +} + +.example-4 { + color: greenyellow; +} + +.example-5 { + color: aquamarine; +} + +.example-5 { + color: aquamarine; +} + +.example-5 { + color: aquamarine; +}" +`; + +exports[`loader should work when "@import" at-rules with extensions ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@import" at-rules with extensions ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@import" at-rules with extensions ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +".example { + color: red; +} + +.example { + color: red; +} + +.example { + color: red; +} + +.example-2 { + color: blue; +} + +.example-2 { + color: blue; +} + +.example-2 { + color: blue; +} + +.example-4 { + color: greenyellow; +} + +.example-4 { + color: greenyellow; +} + +.example-4 { + color: greenyellow; +} + +.example-5 { + color: aquamarine; +} + +.example-5 { + color: aquamarine; +} + +.example-5 { + color: aquamarine; +}" +`; + +exports[`loader should work when "@import" at-rules with extensions ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@import" at-rules with extensions ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should work when "@import" at-rules with extensions ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` ".example { color: red; } @@ -10948,101 +14564,209 @@ exports[`loader should work when "@import" at-rules with extensions ('sass-embed exports[`loader should work when "@import" at-rules with extensions ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` -".word { +exports[`loader should work when "@import" at-rules with extensions ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +".example { color: red; } -.word { +.example { color: red; } -.word { +.example { color: red; } -.word-1 { - color: black; +.example-2 { + color: blue; } -.word-1 { - color: black; +.example-2 { + color: blue; } -.word-1 { - color: black; +.example-2 { + color: blue; } -.word-2 { - color: aquamarine; +.example-4 { + color: greenyellow; } -.word-2 { - color: aquamarine; +.example-4 { + color: greenyellow; } -.word-2 { - color: aquamarine; +.example-4 { + color: greenyellow; } -.word-3 { - color: #000088; +.example-5 { + color: aquamarine; } -.word-3 { - color: #000088; +.example-5 { + color: aquamarine; } -.word-3 { - color: #000088; -} +.example-5 { + color: aquamarine; +}" +`; -.word-4 { - color: #aaaaaa; -} +exports[`loader should work when "@import" at-rules with extensions ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -.word-4 { - color: #aaaaaa; -} +exports[`loader should work when "@import" at-rules with extensions ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -.word-4 { - color: #aaaaaa; +exports[`loader should work when "@import" at-rules with extensions ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +".example { + color: red; } -.word-5 { - color: fuchsia; +.example { + color: red; } -.word-5 { - color: fuchsia; +.example { + color: red; } -.word-5 { - color: fuchsia; +.example-2 { + color: blue; } -.word-6 { - color: azure; +.example-2 { + color: blue; } -.word-6 { - color: azure; +.example-2 { + color: blue; } -.word-6 { - color: azure; +.example-4 { + color: greenyellow; } -.word-7 { - color: red; +.example-4 { + color: greenyellow; } -.word-7 { - color: red; +.example-4 { + color: greenyellow; } -.word-7 { - color: red; +.example-5 { + color: aquamarine; +} + +.example-5 { + color: aquamarine; +} + +.example-5 { + color: aquamarine; +}" +`; + +exports[`loader should work when "@import" at-rules with extensions ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@import" at-rules with extensions ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +".word { + color: red; +} + +.word { + color: red; +} + +.word { + color: red; +} + +.word-1 { + color: black; +} + +.word-1 { + color: black; +} + +.word-1 { + color: black; +} + +.word-2 { + color: aquamarine; +} + +.word-2 { + color: aquamarine; +} + +.word-2 { + color: aquamarine; +} + +.word-3 { + color: #000088; +} + +.word-3 { + color: #000088; +} + +.word-3 { + color: #000088; +} + +.word-4 { + color: #aaaaaa; +} + +.word-4 { + color: #aaaaaa; +} + +.word-4 { + color: #aaaaaa; +} + +.word-5 { + color: fuchsia; +} + +.word-5 { + color: fuchsia; +} + +.word-5 { + color: fuchsia; +} + +.word-6 { + color: azure; +} + +.word-6 { + color: azure; +} + +.word-6 { + color: azure; +} + +.word-7 { + color: red; +} + +.word-7 { + color: red; +} + +.word-7 { + color: red; } .word-8 { @@ -12124,453 +15848,301 @@ exports[`loader should work when "@import" at-rules without extensions and do no exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` -".word { - color: red; } - -.word { - color: red; } - -.word { - color: red; } - -.word-1 { - color: black; } - -.word-1 { - color: black; } - -.word-1 { - color: black; } - -.word-2 { - color: aquamarine; } - -.word-2 { - color: aquamarine; } - -.word-2 { - color: aquamarine; } - -.word-3 { - color: #000088; } - -.word-3 { - color: #000088; } - -.word-3 { - color: #000088; } - -.word-4 { - color: #aaaaaa; } - -.word-4 { - color: #aaaaaa; } - -.word-4 { - color: #aaaaaa; } - -.word-5 { - color: fuchsia; } - -.word-5 { - color: fuchsia; } - -.word-5 { - color: fuchsia; } - -.word-6 { - color: azure; } - -.word-6 { - color: azure; } - -.word-6 { - color: azure; } - -.word-7 { - color: red; } - -.word-7 { - color: red; } - -.word-7 { - color: red; } - -.word-8 { - color: moccasin; } - -.word-8 { - color: moccasin; } - -.word-8 { - color: moccasin; } - -.word-9 { - color: darkcyan; } - -.word-9 { - color: darkcyan; } - -.word-9 { - color: darkcyan; } - -.word-10 { - color: #fff4c2; } - -.word-10 { - color: #fff4c2; } - -.word-10 { - color: #fff4c2; } - -.word-11 { - color: #008800; } - -.word-11 { - color: #008800; } - -.word-11 { - color: #008800; } - -.directory-file { - color: #000066; } - -.directory-file { - color: #000066; } - -.directory-file { - color: #000066; } - -.directory-1-file { - color: #000066; } - -.directory-1-file { - color: #000066; } - -.directory-1-file { - color: #000066; } - -.directory-2-file { - color: #7f7f7f; } - -.directory-2-file { - color: #7f7f7f; } - -.directory-2-file { - color: #7f7f7f; } - -.directory-3-file { - color: #7ff; } - -.directory-3-file { - color: #7ff; } - -.directory-3-file { - color: #7ff; } - -.directory-4-file { - color: #77ffff; } - -.directory-4-file { - color: #77ffff; } - -.directory-4-file { - color: #77ffff; } - -.directory-4-file { - color: #777; } - -.directory-4-file { - color: #777; } - -.directory-4-file { - color: #777; } - -.directory-6-file { - color: #faf; } - -.directory-6-file { - color: #faf; } - -.directory-6-file { - color: #faf; } - -.directory-7-file { - color: #afa; } - -.directory-7-file { - color: #afa; } - -.directory-7-file { - color: #afa; } - -.directory-8-file { - color: #aaf; } - -.directory-8-file { - color: #aaf; } - -.directory-8-file { - color: #aaf; } - -.directory-9-file { - color: #ffa; } - -.directory-9-file { - color: #ffa; } - -.directory-9-file { - color: #ffa; } - -.directory-10-file { - color: #bbb; } - -.directory-10-file { - color: #bbb; } - -.directory-10-file { - color: #bbb; } - -.directory-10-file { - color: #ccb; } - -.directory-10-file { - color: #ccb; } - -.directory-10-file { - color: #ccb; } -" -`; - -exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; - -exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; - -exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('node-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` ".word { - color: red; } + color: red; +} .word { - color: red; } + color: red; +} .word { - color: red; } + color: red; +} .word-1 { - color: black; } + color: black; +} .word-1 { - color: black; } + color: black; +} .word-1 { - color: black; } + color: black; +} .word-2 { - color: aquamarine; } + color: aquamarine; +} .word-2 { - color: aquamarine; } + color: aquamarine; +} .word-2 { - color: aquamarine; } + color: aquamarine; +} .word-3 { - color: #000088; } + color: #000088; +} .word-3 { - color: #000088; } + color: #000088; +} .word-3 { - color: #000088; } + color: #000088; +} .word-4 { - color: #aaaaaa; } + color: #aaaaaa; +} .word-4 { - color: #aaaaaa; } + color: #aaaaaa; +} .word-4 { - color: #aaaaaa; } + color: #aaaaaa; +} .word-5 { - color: fuchsia; } + color: fuchsia; +} .word-5 { - color: fuchsia; } + color: fuchsia; +} .word-5 { - color: fuchsia; } + color: fuchsia; +} .word-6 { - color: azure; } + color: azure; +} .word-6 { - color: azure; } + color: azure; +} .word-6 { - color: azure; } + color: azure; +} .word-7 { - color: red; } + color: red; +} .word-7 { - color: red; } + color: red; +} .word-7 { - color: red; } + color: red; +} .word-8 { - color: moccasin; } + color: moccasin; +} .word-8 { - color: moccasin; } + color: moccasin; +} .word-8 { - color: moccasin; } + color: moccasin; +} .word-9 { - color: darkcyan; } + color: darkcyan; +} .word-9 { - color: darkcyan; } + color: darkcyan; +} .word-9 { - color: darkcyan; } + color: darkcyan; +} .word-10 { - color: #fff4c2; } + color: #fff4c2; +} .word-10 { - color: #fff4c2; } + color: #fff4c2; +} .word-10 { - color: #fff4c2; } + color: #fff4c2; +} .word-11 { - color: #008800; } + color: #008800; +} .word-11 { - color: #008800; } + color: #008800; +} .word-11 { - color: #008800; } + color: #008800; +} .directory-file { - color: #000066; } + color: #000066; +} .directory-file { - color: #000066; } + color: #000066; +} .directory-file { - color: #000066; } + color: #000066; +} .directory-1-file { - color: #000066; } + color: #000066; +} .directory-1-file { - color: #000066; } + color: #000066; +} .directory-1-file { - color: #000066; } + color: #000066; +} .directory-2-file { - color: #7f7f7f; } + color: #7f7f7f; +} .directory-2-file { - color: #7f7f7f; } + color: #7f7f7f; +} .directory-2-file { - color: #7f7f7f; } + color: #7f7f7f; +} .directory-3-file { - color: #7ff; } + color: #7ff; +} .directory-3-file { - color: #7ff; } + color: #7ff; +} .directory-3-file { - color: #7ff; } + color: #7ff; +} .directory-4-file { - color: #77ffff; } + color: #77ffff; +} .directory-4-file { - color: #77ffff; } + color: #77ffff; +} .directory-4-file { - color: #77ffff; } + color: #77ffff; +} .directory-4-file { - color: #777; } + color: #777; +} .directory-4-file { - color: #777; } + color: #777; +} .directory-4-file { - color: #777; } + color: #777; +} .directory-6-file { - color: #faf; } + color: #faf; +} .directory-6-file { - color: #faf; } + color: #faf; +} .directory-6-file { - color: #faf; } + color: #faf; +} .directory-7-file { - color: #afa; } + color: #afa; +} .directory-7-file { - color: #afa; } + color: #afa; +} .directory-7-file { - color: #afa; } + color: #afa; +} .directory-8-file { - color: #aaf; } + color: #aaf; +} .directory-8-file { - color: #aaf; } + color: #aaf; +} .directory-8-file { - color: #aaf; } + color: #aaf; +} .directory-9-file { - color: #ffa; } + color: #ffa; +} .directory-9-file { - color: #ffa; } + color: #ffa; +} .directory-9-file { - color: #ffa; } + color: #ffa; +} .directory-10-file { - color: #bbb; } + color: #bbb; +} .directory-10-file { - color: #bbb; } + color: #bbb; +} .directory-10-file { - color: #bbb; } + color: #bbb; +} .directory-10-file { - color: #ccb; } + color: #ccb; +} .directory-10-file { - color: #ccb; } + color: #ccb; +} .directory-10-file { - color: #ccb; } -" + color: #ccb; +}" `; -exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('node-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('node-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` ".word { color: red; } @@ -12860,11 +16432,457 @@ exports[`loader should work when "@import" at-rules without extensions and do no }" `; -exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; -exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +".word { + color: red; } + +.word { + color: red; } + +.word { + color: red; } + +.word-1 { + color: black; } + +.word-1 { + color: black; } + +.word-1 { + color: black; } + +.word-2 { + color: aquamarine; } + +.word-2 { + color: aquamarine; } + +.word-2 { + color: aquamarine; } + +.word-3 { + color: #000088; } + +.word-3 { + color: #000088; } + +.word-3 { + color: #000088; } + +.word-4 { + color: #aaaaaa; } + +.word-4 { + color: #aaaaaa; } + +.word-4 { + color: #aaaaaa; } + +.word-5 { + color: fuchsia; } + +.word-5 { + color: fuchsia; } + +.word-5 { + color: fuchsia; } + +.word-6 { + color: azure; } + +.word-6 { + color: azure; } + +.word-6 { + color: azure; } + +.word-7 { + color: red; } + +.word-7 { + color: red; } + +.word-7 { + color: red; } + +.word-8 { + color: moccasin; } + +.word-8 { + color: moccasin; } + +.word-8 { + color: moccasin; } + +.word-9 { + color: darkcyan; } + +.word-9 { + color: darkcyan; } + +.word-9 { + color: darkcyan; } + +.word-10 { + color: #fff4c2; } + +.word-10 { + color: #fff4c2; } + +.word-10 { + color: #fff4c2; } + +.word-11 { + color: #008800; } + +.word-11 { + color: #008800; } + +.word-11 { + color: #008800; } + +.directory-file { + color: #000066; } + +.directory-file { + color: #000066; } + +.directory-file { + color: #000066; } + +.directory-1-file { + color: #000066; } + +.directory-1-file { + color: #000066; } + +.directory-1-file { + color: #000066; } + +.directory-2-file { + color: #7f7f7f; } + +.directory-2-file { + color: #7f7f7f; } + +.directory-2-file { + color: #7f7f7f; } + +.directory-3-file { + color: #7ff; } + +.directory-3-file { + color: #7ff; } + +.directory-3-file { + color: #7ff; } + +.directory-4-file { + color: #77ffff; } + +.directory-4-file { + color: #77ffff; } + +.directory-4-file { + color: #77ffff; } + +.directory-4-file { + color: #777; } + +.directory-4-file { + color: #777; } + +.directory-4-file { + color: #777; } + +.directory-6-file { + color: #faf; } + +.directory-6-file { + color: #faf; } + +.directory-6-file { + color: #faf; } + +.directory-7-file { + color: #afa; } + +.directory-7-file { + color: #afa; } + +.directory-7-file { + color: #afa; } + +.directory-8-file { + color: #aaf; } + +.directory-8-file { + color: #aaf; } + +.directory-8-file { + color: #aaf; } + +.directory-9-file { + color: #ffa; } + +.directory-9-file { + color: #ffa; } + +.directory-9-file { + color: #ffa; } + +.directory-10-file { + color: #bbb; } + +.directory-10-file { + color: #bbb; } + +.directory-10-file { + color: #bbb; } + +.directory-10-file { + color: #ccb; } + +.directory-10-file { + color: #ccb; } + +.directory-10-file { + color: #ccb; } +" +`; + +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('node-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +".word { + color: red; } + +.word { + color: red; } + +.word { + color: red; } + +.word-1 { + color: black; } + +.word-1 { + color: black; } + +.word-1 { + color: black; } + +.word-2 { + color: aquamarine; } + +.word-2 { + color: aquamarine; } + +.word-2 { + color: aquamarine; } + +.word-3 { + color: #000088; } + +.word-3 { + color: #000088; } + +.word-3 { + color: #000088; } + +.word-4 { + color: #aaaaaa; } + +.word-4 { + color: #aaaaaa; } + +.word-4 { + color: #aaaaaa; } + +.word-5 { + color: fuchsia; } + +.word-5 { + color: fuchsia; } + +.word-5 { + color: fuchsia; } + +.word-6 { + color: azure; } + +.word-6 { + color: azure; } + +.word-6 { + color: azure; } + +.word-7 { + color: red; } + +.word-7 { + color: red; } + +.word-7 { + color: red; } + +.word-8 { + color: moccasin; } + +.word-8 { + color: moccasin; } + +.word-8 { + color: moccasin; } + +.word-9 { + color: darkcyan; } + +.word-9 { + color: darkcyan; } + +.word-9 { + color: darkcyan; } + +.word-10 { + color: #fff4c2; } + +.word-10 { + color: #fff4c2; } + +.word-10 { + color: #fff4c2; } + +.word-11 { + color: #008800; } + +.word-11 { + color: #008800; } + +.word-11 { + color: #008800; } + +.directory-file { + color: #000066; } + +.directory-file { + color: #000066; } + +.directory-file { + color: #000066; } + +.directory-1-file { + color: #000066; } + +.directory-1-file { + color: #000066; } + +.directory-1-file { + color: #000066; } + +.directory-2-file { + color: #7f7f7f; } + +.directory-2-file { + color: #7f7f7f; } + +.directory-2-file { + color: #7f7f7f; } + +.directory-3-file { + color: #7ff; } + +.directory-3-file { + color: #7ff; } + +.directory-3-file { + color: #7ff; } + +.directory-4-file { + color: #77ffff; } + +.directory-4-file { + color: #77ffff; } + +.directory-4-file { + color: #77ffff; } + +.directory-4-file { + color: #777; } + +.directory-4-file { + color: #777; } + +.directory-4-file { + color: #777; } + +.directory-6-file { + color: #faf; } + +.directory-6-file { + color: #faf; } + +.directory-6-file { + color: #faf; } + +.directory-7-file { + color: #afa; } + +.directory-7-file { + color: #afa; } + +.directory-7-file { + color: #afa; } + +.directory-8-file { + color: #aaf; } + +.directory-8-file { + color: #aaf; } + +.directory-8-file { + color: #aaf; } + +.directory-9-file { + color: #ffa; } + +.directory-9-file { + color: #ffa; } + +.directory-9-file { + color: #ffa; } + +.directory-10-file { + color: #bbb; } + +.directory-10-file { + color: #bbb; } + +.directory-10-file { + color: #bbb; } + +.directory-10-file { + color: #ccb; } + +.directory-10-file { + color: #ccb; } + +.directory-10-file { + color: #ccb; } +" +`; + +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('node-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('node-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` ".word { color: red; } @@ -13154,11 +17172,11 @@ exports[`loader should work when "@import" at-rules without extensions and do no }" `; -exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; -exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` ".word { color: red; } @@ -13448,11 +17466,11 @@ exports[`loader should work when "@import" at-rules without extensions and do no }" `; -exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; -exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = ` +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` ".word { color: red; } @@ -13742,367 +17760,1249 @@ exports[`loader should work when "@import" at-rules without extensions and do no }" `; -exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; -exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`loader should work when "@use" and use the "_index" file in package ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` -"a { +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = ` +".word { color: red; -}" -`; - -exports[`loader should work when "@use" and use the "_index" file in package ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +} -exports[`loader should work when "@use" and use the "_index" file in package ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +.word { + color: red; +} -exports[`loader should work when "@use" and use the "_index" file in package ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` -"a { +.word { color: red; -}" -`; +} -exports[`loader should work when "@use" and use the "_index" file in package ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +.word-1 { + color: black; +} -exports[`loader should work when "@use" and use the "_index" file in package ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +.word-1 { + color: black; +} -exports[`loader should work when "@use" and use the "_index" file in package ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` -"a { - color: red; -}" -`; +.word-1 { + color: black; +} -exports[`loader should work when "@use" and use the "_index" file in package ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +.word-2 { + color: aquamarine; +} -exports[`loader should work when "@use" and use the "_index" file in package ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +.word-2 { + color: aquamarine; +} -exports[`loader should work when "@use" and use the "_index" file in package ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` -"a { - color: red; -}" -`; +.word-2 { + color: aquamarine; +} -exports[`loader should work when "@use" and use the "_index" file in package ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +.word-3 { + color: #000088; +} -exports[`loader should work when "@use" and use the "_index" file in package ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +.word-3 { + color: #000088; +} -exports[`loader should work when "@use" and use the "custom-sass" field ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` -"a { - display: block; -}" -`; +.word-3 { + color: #000088; +} -exports[`loader should work when "@use" and use the "custom-sass" field ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +.word-4 { + color: #aaaaaa; +} -exports[`loader should work when "@use" and use the "custom-sass" field ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +.word-4 { + color: #aaaaaa; +} -exports[`loader should work when "@use" and use the "custom-sass" field ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` -"a { - display: block; -}" -`; +.word-4 { + color: #aaaaaa; +} -exports[`loader should work when "@use" and use the "custom-sass" field ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +.word-5 { + color: fuchsia; +} -exports[`loader should work when "@use" and use the "custom-sass" field ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +.word-5 { + color: fuchsia; +} -exports[`loader should work when "@use" and use the "custom-sass" field ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` -"a { - display: block; -}" -`; +.word-5 { + color: fuchsia; +} -exports[`loader should work when "@use" and use the "custom-sass" field ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +.word-6 { + color: azure; +} -exports[`loader should work when "@use" and use the "custom-sass" field ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +.word-6 { + color: azure; +} -exports[`loader should work when "@use" and use the "custom-sass" field ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` -"a { - display: block; -}" -`; +.word-6 { + color: azure; +} -exports[`loader should work when "@use" and use the "custom-sass" field ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +.word-7 { + color: red; +} -exports[`loader should work when "@use" and use the "custom-sass" field ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +.word-7 { + color: red; +} -exports[`loader should work when "@use" and use the "index" file in package ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` -"a { +.word-7 { color: red; -}" -`; +} -exports[`loader should work when "@use" and use the "index" file in package ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +.word-8 { + color: moccasin; +} -exports[`loader should work when "@use" and use the "index" file in package ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +.word-8 { + color: moccasin; +} -exports[`loader should work when "@use" and use the "index" file in package ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` -"a { - color: red; -}" -`; +.word-8 { + color: moccasin; +} -exports[`loader should work when "@use" and use the "index" file in package ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +.word-9 { + color: darkcyan; +} -exports[`loader should work when "@use" and use the "index" file in package ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +.word-9 { + color: darkcyan; +} -exports[`loader should work when "@use" and use the "index" file in package ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` -"a { - color: red; -}" -`; +.word-9 { + color: darkcyan; +} -exports[`loader should work when "@use" and use the "index" file in package ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +.word-10 { + color: #fff4c2; +} -exports[`loader should work when "@use" and use the "index" file in package ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +.word-10 { + color: #fff4c2; +} -exports[`loader should work when "@use" and use the "index" file in package ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` -"a { - color: red; -}" -`; +.word-10 { + color: #fff4c2; +} -exports[`loader should work when "@use" and use the "index" file in package ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +.word-11 { + color: #008800; +} -exports[`loader should work when "@use" and use the "index" file in package ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +.word-11 { + color: #008800; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` -"a { - color: red; -}" -`; +.word-11 { + color: #008800; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +.directory-file { + color: #000066; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +.directory-file { + color: #000066; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` -"a { - color: red; -}" -`; +.directory-file { + color: #000066; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +.directory-1-file { + color: #000066; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +.directory-1-file { + color: #000066; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` -"a { - color: red; -}" -`; +.directory-1-file { + color: #000066; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +.directory-2-file { + color: #7f7f7f; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +.directory-2-file { + color: #7f7f7f; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` -"a { - color: red; -}" -`; +.directory-2-file { + color: #7f7f7f; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +.directory-3-file { + color: #7ff; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +.directory-3-file { + color: #7ff; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` -"a { - color: red; -}" -`; +.directory-3-file { + color: #7ff; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +.directory-4-file { + color: #77ffff; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +.directory-4-file { + color: #77ffff; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` -"a { - color: red; -}" -`; +.directory-4-file { + color: #77ffff; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +.directory-4-file { + color: #777; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +.directory-4-file { + color: #777; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` -"a { - color: red; -}" -`; +.directory-4-file { + color: #777; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +.directory-6-file { + color: #faf; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +.directory-6-file { + color: #faf; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` -"a { - color: red; -}" -`; +.directory-6-file { + color: #faf; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +.directory-7-file { + color: #afa; +} -exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +.directory-7-file { + color: #afa; +} -exports[`loader should work when "@use" and use the "main" field ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` -"a { - display: block; -}" -`; +.directory-7-file { + color: #afa; +} -exports[`loader should work when "@use" and use the "main" field ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +.directory-8-file { + color: #aaf; +} -exports[`loader should work when "@use" and use the "main" field ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +.directory-8-file { + color: #aaf; +} -exports[`loader should work when "@use" and use the "main" field ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` -"a { - display: block; -}" -`; +.directory-8-file { + color: #aaf; +} -exports[`loader should work when "@use" and use the "main" field ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +.directory-9-file { + color: #ffa; +} -exports[`loader should work when "@use" and use the "main" field ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +.directory-9-file { + color: #ffa; +} -exports[`loader should work when "@use" and use the "main" field ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` -"a { - display: block; -}" -`; +.directory-9-file { + color: #ffa; +} -exports[`loader should work when "@use" and use the "main" field ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +.directory-10-file { + color: #bbb; +} -exports[`loader should work when "@use" and use the "main" field ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +.directory-10-file { + color: #bbb; +} -exports[`loader should work when "@use" and use the "main" field ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` -"a { - display: block; -}" -`; +.directory-10-file { + color: #bbb; +} -exports[`loader should work when "@use" and use the "main" field ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +.directory-10-file { + color: #ccb; +} -exports[`loader should work when "@use" and use the "main" field ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +.directory-10-file { + color: #ccb; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` -"a { - display: block; +.directory-10-file { + color: #ccb; }" `; -exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; -exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` -"a { - display: block; -}" -`; +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +".word { + color: red; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +.word { + color: red; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +.word { + color: red; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` -"a { - display: block; -}" -`; +.word-1 { + color: black; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +.word-1 { + color: black; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +.word-1 { + color: black; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` -"a { - display: block; -}" -`; +.word-2 { + color: aquamarine; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +.word-2 { + color: aquamarine; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +.word-2 { + color: aquamarine; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` -"a { - display: block; -}" -`; +.word-3 { + color: #000088; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +.word-3 { + color: #000088; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +.word-3 { + color: #000088; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` -"a { - display: block; -}" -`; +.word-4 { + color: #aaaaaa; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +.word-4 { + color: #aaaaaa; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +.word-4 { + color: #aaaaaa; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` -"a { - display: block; -}" -`; +.word-5 { + color: fuchsia; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +.word-5 { + color: fuchsia; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +.word-5 { + color: fuchsia; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` -"a { - display: block; -}" -`; +.word-6 { + color: azure; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +.word-6 { + color: azure; +} -exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +.word-6 { + color: azure; +} -exports[`loader should work when "@use" and use the "sass" field ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` -"a { - display: block; -}" -`; +.word-7 { + color: red; +} -exports[`loader should work when "@use" and use the "sass" field ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +.word-7 { + color: red; +} -exports[`loader should work when "@use" and use the "sass" field ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +.word-7 { + color: red; +} -exports[`loader should work when "@use" and use the "sass" field ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` -"a { - display: block; -}" -`; +.word-8 { + color: moccasin; +} -exports[`loader should work when "@use" and use the "sass" field ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +.word-8 { + color: moccasin; +} -exports[`loader should work when "@use" and use the "sass" field ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +.word-8 { + color: moccasin; +} -exports[`loader should work when "@use" and use the "sass" field ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` -"a { - display: block; -}" -`; +.word-9 { + color: darkcyan; +} -exports[`loader should work when "@use" and use the "sass" field ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +.word-9 { + color: darkcyan; +} -exports[`loader should work when "@use" and use the "sass" field ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +.word-9 { + color: darkcyan; +} -exports[`loader should work when "@use" and use the "sass" field ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` -"a { - display: block; -}" -`; +.word-10 { + color: #fff4c2; +} -exports[`loader should work when "@use" and use the "sass" field ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +.word-10 { + color: #fff4c2; +} + +.word-10 { + color: #fff4c2; +} + +.word-11 { + color: #008800; +} + +.word-11 { + color: #008800; +} + +.word-11 { + color: #008800; +} + +.directory-file { + color: #000066; +} + +.directory-file { + color: #000066; +} + +.directory-file { + color: #000066; +} + +.directory-1-file { + color: #000066; +} + +.directory-1-file { + color: #000066; +} + +.directory-1-file { + color: #000066; +} + +.directory-2-file { + color: #7f7f7f; +} + +.directory-2-file { + color: #7f7f7f; +} + +.directory-2-file { + color: #7f7f7f; +} + +.directory-3-file { + color: #7ff; +} + +.directory-3-file { + color: #7ff; +} + +.directory-3-file { + color: #7ff; +} + +.directory-4-file { + color: #77ffff; +} + +.directory-4-file { + color: #77ffff; +} + +.directory-4-file { + color: #77ffff; +} + +.directory-4-file { + color: #777; +} + +.directory-4-file { + color: #777; +} + +.directory-4-file { + color: #777; +} + +.directory-6-file { + color: #faf; +} + +.directory-6-file { + color: #faf; +} + +.directory-6-file { + color: #faf; +} + +.directory-7-file { + color: #afa; +} + +.directory-7-file { + color: #afa; +} + +.directory-7-file { + color: #afa; +} + +.directory-8-file { + color: #aaf; +} + +.directory-8-file { + color: #aaf; +} + +.directory-8-file { + color: #aaf; +} + +.directory-9-file { + color: #ffa; +} + +.directory-9-file { + color: #ffa; +} + +.directory-9-file { + color: #ffa; +} + +.directory-10-file { + color: #bbb; +} + +.directory-10-file { + color: #bbb; +} + +.directory-10-file { + color: #bbb; +} + +.directory-10-file { + color: #ccb; +} + +.directory-10-file { + color: #ccb; +} + +.directory-10-file { + color: #ccb; +}" +`; + +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +".word { + color: red; +} + +.word { + color: red; +} + +.word { + color: red; +} + +.word-1 { + color: black; +} + +.word-1 { + color: black; +} + +.word-1 { + color: black; +} + +.word-2 { + color: aquamarine; +} + +.word-2 { + color: aquamarine; +} + +.word-2 { + color: aquamarine; +} + +.word-3 { + color: #000088; +} + +.word-3 { + color: #000088; +} + +.word-3 { + color: #000088; +} + +.word-4 { + color: #aaaaaa; +} + +.word-4 { + color: #aaaaaa; +} + +.word-4 { + color: #aaaaaa; +} + +.word-5 { + color: fuchsia; +} + +.word-5 { + color: fuchsia; +} + +.word-5 { + color: fuchsia; +} + +.word-6 { + color: azure; +} + +.word-6 { + color: azure; +} + +.word-6 { + color: azure; +} + +.word-7 { + color: red; +} + +.word-7 { + color: red; +} + +.word-7 { + color: red; +} + +.word-8 { + color: moccasin; +} + +.word-8 { + color: moccasin; +} + +.word-8 { + color: moccasin; +} + +.word-9 { + color: darkcyan; +} + +.word-9 { + color: darkcyan; +} + +.word-9 { + color: darkcyan; +} + +.word-10 { + color: #fff4c2; +} + +.word-10 { + color: #fff4c2; +} + +.word-10 { + color: #fff4c2; +} + +.word-11 { + color: #008800; +} + +.word-11 { + color: #008800; +} + +.word-11 { + color: #008800; +} + +.directory-file { + color: #000066; +} + +.directory-file { + color: #000066; +} + +.directory-file { + color: #000066; +} + +.directory-1-file { + color: #000066; +} + +.directory-1-file { + color: #000066; +} + +.directory-1-file { + color: #000066; +} + +.directory-2-file { + color: #7f7f7f; +} + +.directory-2-file { + color: #7f7f7f; +} + +.directory-2-file { + color: #7f7f7f; +} + +.directory-3-file { + color: #7ff; +} + +.directory-3-file { + color: #7ff; +} + +.directory-3-file { + color: #7ff; +} + +.directory-4-file { + color: #77ffff; +} + +.directory-4-file { + color: #77ffff; +} + +.directory-4-file { + color: #77ffff; +} + +.directory-4-file { + color: #777; +} + +.directory-4-file { + color: #777; +} + +.directory-4-file { + color: #777; +} + +.directory-6-file { + color: #faf; +} + +.directory-6-file { + color: #faf; +} + +.directory-6-file { + color: #faf; +} + +.directory-7-file { + color: #afa; +} + +.directory-7-file { + color: #afa; +} + +.directory-7-file { + color: #afa; +} + +.directory-8-file { + color: #aaf; +} + +.directory-8-file { + color: #aaf; +} + +.directory-8-file { + color: #aaf; +} + +.directory-9-file { + color: #ffa; +} + +.directory-9-file { + color: #ffa; +} + +.directory-9-file { + color: #ffa; +} + +.directory-10-file { + color: #bbb; +} + +.directory-10-file { + color: #bbb; +} + +.directory-10-file { + color: #bbb; +} + +.directory-10-file { + color: #ccb; +} + +.directory-10-file { + color: #ccb; +} + +.directory-10-file { + color: #ccb; +}" +`; + +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@import" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "_index" file in package ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should work when "@use" and use the "_index" file in package ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "_index" file in package ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "_index" file in package ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should work when "@use" and use the "_index" file in package ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "_index" file in package ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "_index" file in package ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should work when "@use" and use the "_index" file in package ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "_index" file in package ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "_index" file in package ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should work when "@use" and use the "_index" file in package ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "_index" file in package ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "custom-sass" field ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should work when "@use" and use the "custom-sass" field ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "custom-sass" field ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "custom-sass" field ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should work when "@use" and use the "custom-sass" field ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "custom-sass" field ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "custom-sass" field ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should work when "@use" and use the "custom-sass" field ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "custom-sass" field ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "custom-sass" field ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should work when "@use" and use the "custom-sass" field ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "custom-sass" field ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should work when "@use" and use the "index" file in package ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should work when "@use" and use the "index" file in package ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should work when "@use" and use the "index" file in package ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should work when "@use" and use the "index" file in package ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value already in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "index" file in package when the "index" value is not in the "mainFiles" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should work when "@use" and use the "main" field ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should work when "@use" and use the "main" field ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should work when "@use" and use the "main" field ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should work when "@use" and use the "main" field ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value already in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "main" field when the "main" value is not in the "mainFields" resolve option ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "sass" field ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should work when "@use" and use the "sass" field ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "sass" field ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "sass" field ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should work when "@use" and use the "sass" field ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "sass" field ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "sass" field ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should work when "@use" and use the "sass" field ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" and use the "sass" field ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" and use the "sass" field ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +"a { + display: block; +}" +`; + +exports[`loader should work when "@use" and use the "sass" field ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; exports[`loader should work when "@use" and use the "sass" field ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; @@ -14538,6 +19438,162 @@ exports[`loader should work when "@use" at-rules starting with "_" ('dart-sass', exports[`loader should work when "@use" at-rules starting with "_" ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work when "@use" at-rules starting with "_" ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +".underscore { + color: greenyellow; +} + +.underscore-1 { + color: cadetblue; +} + +.underscore-2 { + color: azure; +} + +.underscore-3 { + color: chocolate; +} + +.underscore-dir-index { + color: goldenrod; +} + +.underscore-dir-1-index { + color: goldenrod; +} + +.underscore-dir-2-index { + color: mediumpurple; +} + +.underscore-dir-3-index { + color: bisque; +} + +.underscore-dir-4-index { + color: maroon; +} + +.underscore-dir-5-index { + color: magenta; +}" +`; + +exports[`loader should work when "@use" at-rules starting with "_" ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" at-rules starting with "_" ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" at-rules starting with "_" ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@import "_underscore-file" as module1; +@import "underscore-file" as module2; +@import "./_underscore-file" as module3; +@import "./underscore-file" as module4; +@import "../scss/_underscore-file" as module5; +@import "../scss/underscore-file" as module6; +@import "_underscore-file.scss" as module7; +@import "./_underscore-file.scss" as module8; +@import "../scss/_underscore-file.scss" as module9; +@import "../scss/underscore-file.scss" as module10; +@import "_underscore-file-1" as module11; +@import "underscore-file-1" as module12; +@import "./_underscore-file-1" as module13; +@import "./underscore-file-1" as module14; +@import "../scss/_underscore-file-1" as module15; +@import "../scss/underscore-file-1" as module16; +@import "_underscore-file-1.scss" as module17; +@import "underscore-file-1.scss" as module18; +@import "./_underscore-file-1.scss" as module19; +@import "./underscore-file-1.scss" as module20; +@import "../scss/_underscore-file-1.scss" as module21; +@import "../scss/underscore-file-1.scss" as module22; +@import "_underscore-file-2" as module23; +@import "underscore-file-2" as module24; +@import "./_underscore-file-2" as module25; +@import "./underscore-file-2" as module26; +@import "../scss/_underscore-file-2" as module27; +@import "../scss/underscore-file-2" as module28; +@import "_underscore-file-2.sass" as module29; +@import "underscore-file-2.sass" as module30; +@import "./_underscore-file-2.sass" as module31; +@import "./underscore-file-2.sass" as module32; +@import "../scss/_underscore-file-2.sass" as module33; +@import "../scss/underscore-file-2.sass" as module34; +@import "_underscore-file-3" as module35; +@import "underscore-file-3" as module36; +@import "./_underscore-file-3" as module37; +@import "./underscore-file-3" as module38; +@import "../scss/_underscore-file-3" as module39; +@import "../scss/underscore-file-3" as module40; +@import "_underscore-dir" as module41; +@import "./_underscore-dir" as module42; +@import "../scss/_underscore-dir" as module43; +@import "_underscore-dir/_index" as module44; +@import "./_underscore-dir/_index" as module45; +@import "../scss/_underscore-dir/_index" as module46; +@import "_underscore-dir/_index.scss" as module47; +@import "./_underscore-dir/_index.scss" as module48; +@import "../scss/_underscore-dir/_index.scss" as module49; +@import "_underscore-dir/index" as module50; +@import "./_underscore-dir/index" as module51; +@import "../scss/_underscore-dir/index" as module52; +@import "_underscore-dir/index.scss" as module53; +@import "./_underscore-dir/index.scss" as module54; +@import "../scss/_underscore-dir/index.scss" as module55; +@import "_underscore-dir-1" as module56; +@import "./_underscore-dir-1" as module57; +@import "../scss/_underscore-dir-1" as module58; +@import "_underscore-dir-1/index" as module59; +@import "./_underscore-dir-1/index" as module60; +@import "../scss/_underscore-dir-1/index" as module61; +@import "_underscore-dir-1/index.scss" as module62; +@import "./_underscore-dir-1/index.scss" as module63; +@import "../scss/_underscore-dir-1/index.scss" as module64; +@import "_underscore-dir-2" as module65; +@import "./_underscore-dir-2" as module66; +@import "../scss/_underscore-dir-2" as module67; +@import "_underscore-dir-2/_index" as module68; +@import "./_underscore-dir-2/_index" as module69; +@import "../scss/_underscore-dir-2/_index" as module70; +@import "_underscore-dir-2/_index.sass" as module71; +@import "./_underscore-dir-2/_index.sass" as module72; +@import "../scss/_underscore-dir-2/_index.sass" as module73; +@import "_underscore-dir-2/index" as module74; +@import "./_underscore-dir-2/index" as module75; +@import "../scss/_underscore-dir-2/index" as module76; +@import "_underscore-dir-2/index.sass" as module77; +@import "./_underscore-dir-2/index.sass" as module78; +@import "../scss/_underscore-dir-2/index.sass" as module79; +@import "_underscore-dir-3" as module80; +@import "./_underscore-dir-3" as module81; +@import "../scss/_underscore-dir-3" as module82; +@import "_underscore-dir-3/index" as module83; +@import "./_underscore-dir-3/index" as module84; +@import "../scss/_underscore-dir-3/index" as module85; +@import "_underscore-dir-3/index.sass" as module86; +@import "./_underscore-dir-3/index.sass" as module87; +@import "../scss/_underscore-dir-3/index.sass" as module88; +@import "_underscore-dir-4" as module89; +@import "./_underscore-dir-4" as module90; +@import "../scss/_underscore-dir-4" as module91; +@import "_underscore-dir-4/_index" as module92; +@import "./_underscore-dir-4/_index" as module93; +@import "../scss/_underscore-dir-4/_index" as module94; +@import "_underscore-dir-4/index" as module95; +@import "./_underscore-dir-4/index" as module96; +@import "../scss/_underscore-dir-4/index" as module97; +@import "_underscore-dir-5" as module98; +@import "./_underscore-dir-5" as module99; +@import "../scss/_underscore-dir-5" as module100; +@import "_underscore-dir-5/index" as module101; +@import "./_underscore-dir-5/index" as module102; +@import "../scss/_underscore-dir-5/index" as module103;" +`; + +exports[`loader should work when "@use" at-rules starting with "_" ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" at-rules starting with "_" ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should work when "@use" at-rules starting with "_" ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` ".underscore { color: greenyellow; @@ -14850,69 +19906,225 @@ exports[`loader should work when "@use" at-rules starting with "_" ('sass-embedd exports[`loader should work when "@use" at-rules starting with "_" ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` -".example { - color: red; +exports[`loader should work when "@use" at-rules starting with "_" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +".underscore { + color: greenyellow; } -.example-2 { - color: blue; +.underscore-1 { + color: cadetblue; } -.example-4 { - color: greenyellow; +.underscore-2 { + color: azure; } -.example-5 { - color: aquamarine; -}" -`; - -exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; - -exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; - -exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` -".example { - color: red; +.underscore-3 { + color: chocolate; } -.example-2 { - color: blue; +.underscore-dir-index { + color: goldenrod; } -.example-4 { - color: greenyellow; +.underscore-dir-1-index { + color: goldenrod; } -.example-5 { - color: aquamarine; -}" -`; - -exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; - -exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; - -exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'modern' API, 'sass' syntax): css 1`] = ` -".example { - color: red; +.underscore-dir-2-index { + color: mediumpurple; } -.example-2 { - color: blue; +.underscore-dir-3-index { + color: bisque; } -.example-4 { - color: greenyellow; +.underscore-dir-4-index { + color: maroon; } -.example-5 { - color: aquamarine; +.underscore-dir-5-index { + color: magenta; }" `; -exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; +exports[`loader should work when "@use" at-rules starting with "_" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" at-rules starting with "_" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" at-rules starting with "_" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@import "_underscore-file" as module1; +@import "underscore-file" as module2; +@import "./_underscore-file" as module3; +@import "./underscore-file" as module4; +@import "../scss/_underscore-file" as module5; +@import "../scss/underscore-file" as module6; +@import "_underscore-file.scss" as module7; +@import "./_underscore-file.scss" as module8; +@import "../scss/_underscore-file.scss" as module9; +@import "../scss/underscore-file.scss" as module10; +@import "_underscore-file-1" as module11; +@import "underscore-file-1" as module12; +@import "./_underscore-file-1" as module13; +@import "./underscore-file-1" as module14; +@import "../scss/_underscore-file-1" as module15; +@import "../scss/underscore-file-1" as module16; +@import "_underscore-file-1.scss" as module17; +@import "underscore-file-1.scss" as module18; +@import "./_underscore-file-1.scss" as module19; +@import "./underscore-file-1.scss" as module20; +@import "../scss/_underscore-file-1.scss" as module21; +@import "../scss/underscore-file-1.scss" as module22; +@import "_underscore-file-2" as module23; +@import "underscore-file-2" as module24; +@import "./_underscore-file-2" as module25; +@import "./underscore-file-2" as module26; +@import "../scss/_underscore-file-2" as module27; +@import "../scss/underscore-file-2" as module28; +@import "_underscore-file-2.sass" as module29; +@import "underscore-file-2.sass" as module30; +@import "./_underscore-file-2.sass" as module31; +@import "./underscore-file-2.sass" as module32; +@import "../scss/_underscore-file-2.sass" as module33; +@import "../scss/underscore-file-2.sass" as module34; +@import "_underscore-file-3" as module35; +@import "underscore-file-3" as module36; +@import "./_underscore-file-3" as module37; +@import "./underscore-file-3" as module38; +@import "../scss/_underscore-file-3" as module39; +@import "../scss/underscore-file-3" as module40; +@import "_underscore-dir" as module41; +@import "./_underscore-dir" as module42; +@import "../scss/_underscore-dir" as module43; +@import "_underscore-dir/_index" as module44; +@import "./_underscore-dir/_index" as module45; +@import "../scss/_underscore-dir/_index" as module46; +@import "_underscore-dir/_index.scss" as module47; +@import "./_underscore-dir/_index.scss" as module48; +@import "../scss/_underscore-dir/_index.scss" as module49; +@import "_underscore-dir/index" as module50; +@import "./_underscore-dir/index" as module51; +@import "../scss/_underscore-dir/index" as module52; +@import "_underscore-dir/index.scss" as module53; +@import "./_underscore-dir/index.scss" as module54; +@import "../scss/_underscore-dir/index.scss" as module55; +@import "_underscore-dir-1" as module56; +@import "./_underscore-dir-1" as module57; +@import "../scss/_underscore-dir-1" as module58; +@import "_underscore-dir-1/index" as module59; +@import "./_underscore-dir-1/index" as module60; +@import "../scss/_underscore-dir-1/index" as module61; +@import "_underscore-dir-1/index.scss" as module62; +@import "./_underscore-dir-1/index.scss" as module63; +@import "../scss/_underscore-dir-1/index.scss" as module64; +@import "_underscore-dir-2" as module65; +@import "./_underscore-dir-2" as module66; +@import "../scss/_underscore-dir-2" as module67; +@import "_underscore-dir-2/_index" as module68; +@import "./_underscore-dir-2/_index" as module69; +@import "../scss/_underscore-dir-2/_index" as module70; +@import "_underscore-dir-2/_index.sass" as module71; +@import "./_underscore-dir-2/_index.sass" as module72; +@import "../scss/_underscore-dir-2/_index.sass" as module73; +@import "_underscore-dir-2/index" as module74; +@import "./_underscore-dir-2/index" as module75; +@import "../scss/_underscore-dir-2/index" as module76; +@import "_underscore-dir-2/index.sass" as module77; +@import "./_underscore-dir-2/index.sass" as module78; +@import "../scss/_underscore-dir-2/index.sass" as module79; +@import "_underscore-dir-3" as module80; +@import "./_underscore-dir-3" as module81; +@import "../scss/_underscore-dir-3" as module82; +@import "_underscore-dir-3/index" as module83; +@import "./_underscore-dir-3/index" as module84; +@import "../scss/_underscore-dir-3/index" as module85; +@import "_underscore-dir-3/index.sass" as module86; +@import "./_underscore-dir-3/index.sass" as module87; +@import "../scss/_underscore-dir-3/index.sass" as module88; +@import "_underscore-dir-4" as module89; +@import "./_underscore-dir-4" as module90; +@import "../scss/_underscore-dir-4" as module91; +@import "_underscore-dir-4/_index" as module92; +@import "./_underscore-dir-4/_index" as module93; +@import "../scss/_underscore-dir-4/_index" as module94; +@import "_underscore-dir-4/index" as module95; +@import "./_underscore-dir-4/index" as module96; +@import "../scss/_underscore-dir-4/index" as module97; +@import "_underscore-dir-5" as module98; +@import "./_underscore-dir-5" as module99; +@import "../scss/_underscore-dir-5" as module100; +@import "_underscore-dir-5/index" as module101; +@import "./_underscore-dir-5/index" as module102; +@import "../scss/_underscore-dir-5/index" as module103;" +`; + +exports[`loader should work when "@use" at-rules starting with "_" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" at-rules starting with "_" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +".example { + color: red; +} + +.example-2 { + color: blue; +} + +.example-4 { + color: greenyellow; +} + +.example-5 { + color: aquamarine; +}" +`; + +exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +".example { + color: red; +} + +.example-2 { + color: blue; +} + +.example-4 { + color: greenyellow; +} + +.example-5 { + color: aquamarine; +}" +`; + +exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'modern' API, 'sass' syntax): css 1`] = ` +".example { + color: red; +} + +.example-2 { + color: blue; +} + +.example-4 { + color: greenyellow; +} + +.example-5 { + color: aquamarine; +}" +`; + +exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; @@ -14938,6 +20150,50 @@ exports[`loader should work when "@use" at-rules with extensions ('dart-sass', ' exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +".example { + color: red; +} + +.example-2 { + color: blue; +} + +.example-4 { + color: greenyellow; +} + +.example-5 { + color: aquamarine; +}" +`; + +exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +".example { + color: red; +} + +.example-2 { + color: blue; +} + +.example-4 { + color: greenyellow; +} + +.example-5 { + color: aquamarine; +}" +`; + +exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" at-rules with extensions ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should work when "@use" at-rules with extensions ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` ".example { color: red; @@ -15026,6 +20282,50 @@ exports[`loader should work when "@use" at-rules with extensions ('sass-embedded exports[`loader should work when "@use" at-rules with extensions ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work when "@use" at-rules with extensions ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +".example { + color: red; +} + +.example-2 { + color: blue; +} + +.example-4 { + color: greenyellow; +} + +.example-5 { + color: aquamarine; +}" +`; + +exports[`loader should work when "@use" at-rules with extensions ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" at-rules with extensions ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" at-rules with extensions ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +".example { + color: red; +} + +.example-2 { + color: blue; +} + +.example-4 { + color: greenyellow; +} + +.example-5 { + color: aquamarine; +}" +`; + +exports[`loader should work when "@use" at-rules with extensions ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" at-rules with extensions ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@import "word" as module1; @import "./word" as module2; @@ -15388,7 +20688,7 @@ exports[`loader should work when "@use" at-rules without extensions and do not s exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@import "word" as module1; @import "./word" as module2; @import "../sass/word" as module3; @@ -15463,11 +20763,11 @@ exports[`loader should work when "@use" at-rules without extensions and do not s @import '../sass/directory-11/file' as module72;" `; -exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` ".word { color: red; } @@ -15565,11 +20865,11 @@ exports[`loader should work when "@use" at-rules without extensions and do not s }" `; -exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; -exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` "@import "word" as module1; @import "./word" as module2; @import "../sass/word" as module3; @@ -15644,11 +20944,192 @@ exports[`loader should work when "@use" at-rules without extensions and do not s @import '../sass/directory-11/file' as module72;" `; -exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; -exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = ` +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +".word { + color: red; +} + +.word-1 { + color: black; +} + +.word-2 { + color: aquamarine; +} + +.word-3 { + color: #000088; +} + +.word-4 { + color: #aaaaaa; +} + +.word-5 { + color: fuchsia; +} + +.word-6 { + color: azure; +} + +.word-7 { + color: red; +} + +.word-8 { + color: moccasin; +} + +.word-9 { + color: darkcyan; +} + +.word-10 { + color: #fff4c2; +} + +.word-11 { + color: #008800; +} + +.directory-file { + color: #000066; +} + +.directory-1-file { + color: #000066; +} + +.directory-2-file { + color: #7f7f7f; +} + +.directory-3-file { + color: #7ff; +} + +.directory-4-file { + color: #77ffff; +} + +.directory-4-file { + color: #777; +} + +.directory-6-file { + color: #faf; +} + +.directory-7-file { + color: #afa; +} + +.directory-8-file { + color: #aaf; +} + +.directory-9-file { + color: #ffa; +} + +.directory-10-file { + color: #bbb; +} + +.directory-10-file { + color: #ccb; +}" +`; + +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` +"@import "word" as module1; +@import "./word" as module2; +@import "../sass/word" as module3; +@import "word-1" as module4; +@import "./word-1" as module5; +@import "../sass/word-1" as module6; +@import "word-2" as module7; +@import "./word-2" as module8; +@import "../sass/word-2" as module9; +@import "word-3" as module10; +@import "./word-3" as module11; +@import "../sass/word-3" as module12; +@import "word-4" as module13; +@import "./word-4" as module14; +@import "../sass/word-4" as module15; +@import "word-5" as module16; +@import "./word-5" as module17; +@import "../sass/word-5" as module18; +@import "word-6" as module19; +@import "./word-6" as module20; +@import "../sass/word-6" as module21; +@import "word-7" as module22; +@import "./word-7" as module23; +@import "../sass/word-7" as module24; +@import "word-8" as module25; +@import "./word-8" as module26; +@import "../sass/word-8" as module27; +@import "word-9" as module28; +@import "./word-9" as module29; +@import "../sass/word-9" as module30; +@import "word-10" as module31; +@import "./word-10" as module32; +@import "../sass/word-10" as module33; +@import "word-11" as module34; +@import "./word-11" as module35; +@import "../sass/word-11" as module36; +@import 'directory/file' as module37; +@import './directory/file' as module38; +@import '../sass/directory/file' as module39; +@import 'directory-1/file' as module40; +@import './directory-1/file' as module41; +@import '../sass/directory-1/file' as module42; +@import 'directory-2/file' as module43; +@import './directory-2/file' as module44; +@import '../sass/directory-2/file' as module45; +@import 'directory-3/file' as module46; +@import './directory-3/file' as module47; +@import '../sass/directory-3/file' as module48; +@import 'directory-4/file' as module49; +@import './directory-4/file' as module50; +@import '../sass/directory-4/file' as module51; +@import 'directory-5/file' as module52; +@import './directory-5/file' as module53; +@import '../sass/directory-5/file' as module54; +@import 'directory-6/file' as module55; +@import './directory-6/file' as module56; +@import '../sass/directory-6/file' as module57; +@import 'directory-7/file' as module58; +@import './directory-7/file' as module59; +@import '../sass/directory-7/file' as module60; +@import 'directory-8/file' as module61; +@import './directory-8/file' as module62; +@import '../sass/directory-8/file' as module63; +@import 'directory-9/file' as module64; +@import './directory-9/file' as module65; +@import '../sass/directory-9/file' as module66; +@import 'directory-10/file' as module67; +@import './directory-10/file' as module68; +@import '../sass/directory-10/file' as module69; +@import 'directory-11/file' as module70; +@import './directory-11/file' as module71; +@import '../sass/directory-11/file' as module72;" +`; + +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = ` ".word { color: red; } @@ -15750,6 +21231,187 @@ exports[`loader should work when "@use" at-rules without extensions and do not s exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"@import "word" as module1; +@import "./word" as module2; +@import "../sass/word" as module3; +@import "word-1" as module4; +@import "./word-1" as module5; +@import "../sass/word-1" as module6; +@import "word-2" as module7; +@import "./word-2" as module8; +@import "../sass/word-2" as module9; +@import "word-3" as module10; +@import "./word-3" as module11; +@import "../sass/word-3" as module12; +@import "word-4" as module13; +@import "./word-4" as module14; +@import "../sass/word-4" as module15; +@import "word-5" as module16; +@import "./word-5" as module17; +@import "../sass/word-5" as module18; +@import "word-6" as module19; +@import "./word-6" as module20; +@import "../sass/word-6" as module21; +@import "word-7" as module22; +@import "./word-7" as module23; +@import "../sass/word-7" as module24; +@import "word-8" as module25; +@import "./word-8" as module26; +@import "../sass/word-8" as module27; +@import "word-9" as module28; +@import "./word-9" as module29; +@import "../sass/word-9" as module30; +@import "word-10" as module31; +@import "./word-10" as module32; +@import "../sass/word-10" as module33; +@import "word-11" as module34; +@import "./word-11" as module35; +@import "../sass/word-11" as module36; +@import 'directory/file' as module37; +@import './directory/file' as module38; +@import '../sass/directory/file' as module39; +@import 'directory-1/file' as module40; +@import './directory-1/file' as module41; +@import '../sass/directory-1/file' as module42; +@import 'directory-2/file' as module43; +@import './directory-2/file' as module44; +@import '../sass/directory-2/file' as module45; +@import 'directory-3/file' as module46; +@import './directory-3/file' as module47; +@import '../sass/directory-3/file' as module48; +@import 'directory-4/file' as module49; +@import './directory-4/file' as module50; +@import '../sass/directory-4/file' as module51; +@import 'directory-5/file' as module52; +@import './directory-5/file' as module53; +@import '../sass/directory-5/file' as module54; +@import 'directory-6/file' as module55; +@import './directory-6/file' as module56; +@import '../sass/directory-6/file' as module57; +@import 'directory-7/file' as module58; +@import './directory-7/file' as module59; +@import '../sass/directory-7/file' as module60; +@import 'directory-8/file' as module61; +@import './directory-8/file' as module62; +@import '../sass/directory-8/file' as module63; +@import 'directory-9/file' as module64; +@import './directory-9/file' as module65; +@import '../sass/directory-9/file' as module66; +@import 'directory-10/file' as module67; +@import './directory-10/file' as module68; +@import '../sass/directory-10/file' as module69; +@import 'directory-11/file' as module70; +@import './directory-11/file' as module71; +@import '../sass/directory-11/file' as module72;" +`; + +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +".word { + color: red; +} + +.word-1 { + color: black; +} + +.word-2 { + color: aquamarine; +} + +.word-3 { + color: #000088; +} + +.word-4 { + color: #aaaaaa; +} + +.word-5 { + color: fuchsia; +} + +.word-6 { + color: azure; +} + +.word-7 { + color: red; +} + +.word-8 { + color: moccasin; +} + +.word-9 { + color: darkcyan; +} + +.word-10 { + color: #fff4c2; +} + +.word-11 { + color: #008800; +} + +.directory-file { + color: #000066; +} + +.directory-1-file { + color: #000066; +} + +.directory-2-file { + color: #7f7f7f; +} + +.directory-3-file { + color: #7ff; +} + +.directory-4-file { + color: #77ffff; +} + +.directory-4-file { + color: #777; +} + +.directory-6-file { + color: #faf; +} + +.directory-7-file { + color: #afa; +} + +.directory-8-file { + color: #aaf; +} + +.directory-9-file { + color: #ffa; +} + +.directory-10-file { + color: #bbb; +} + +.directory-10-file { + color: #ccb; +}" +`; + +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work when "@use" at-rules without extensions and do not start with "_" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should work when "@use" with "bootstrap" package v4 without tilde, import as a package ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; /*! @@ -241526,6 +247188,38 @@ exports[`loader should work with "@import" at-rules from other language style (' exports[`loader should work with "@import" at-rules from other language style ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work with "@import" at-rules from other language style ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"/* Importing a scss module does not require to set the extension explicitly... */ +.another-scss-module { + background: hotpink; +} + +/* ...but it is allowed */ +.another-scss-module { + background: hotpink; +}" +`; + +exports[`loader should work with "@import" at-rules from other language style ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work with "@import" at-rules from other language style ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work with "@import" at-rules from other language style ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"/* Importing a sass module does not require to set the extension explicitly... */ +.another-sass-module { + background: hotpink; +} + +/* ...but it is allowed */ +.another-sass-module { + background: hotpink; +}" +`; + +exports[`loader should work with "@import" at-rules from other language style ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work with "@import" at-rules from other language style ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should work with "@import" at-rules from other language style ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "/* Importing a scss module does not require to set the extension explicitly... */ .another-scss-module { @@ -241620,6 +247314,38 @@ exports[`loader should work with "@import" at-rules from other language style (' exports[`loader should work with "@import" at-rules from other language style ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work with "@import" at-rules from other language style ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"/* Importing a scss module does not require to set the extension explicitly... */ +.another-scss-module { + background: hotpink; +} + +/* ...but it is allowed */ +.another-scss-module { + background: hotpink; +}" +`; + +exports[`loader should work with "@import" at-rules from other language style ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work with "@import" at-rules from other language style ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work with "@import" at-rules from other language style ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"/* Importing a sass module does not require to set the extension explicitly... */ +.another-sass-module { + background: hotpink; +} + +/* ...but it is allowed */ +.another-sass-module { + background: hotpink; +}" +`; + +exports[`loader should work with "@import" at-rules from other language style ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work with "@import" at-rules from other language style ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should work with "@use" at-rules from other language style ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "/* Importing a scss module does not require to set the extension explicitly... */ .another-scss-module { @@ -241676,6 +247402,34 @@ exports[`loader should work with "@use" at-rules from other language style ('dar exports[`loader should work with "@use" at-rules from other language style ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work with "@use" at-rules from other language style ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"/* Importing a scss module does not require to set the extension explicitly... */ +.another-scss-module { + background: hotpink; +} + +/* Importing a scss module does not require to set the extension explicitly... */ +/* ...but it is allowed */" +`; + +exports[`loader should work with "@use" at-rules from other language style ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work with "@use" at-rules from other language style ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work with "@use" at-rules from other language style ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"/* Importing a sass module does not require to set the extension explicitly... */ +.another-sass-module { + background: hotpink; +} + +/* Importing a sass module does not require to set the extension explicitly... */ +/* ...but it is allowed */" +`; + +exports[`loader should work with "@use" at-rules from other language style ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work with "@use" at-rules from other language style ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should work with "@use" at-rules from other language style ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` "/* Importing a scss module does not require to set the extension explicitly... */ .another-scss-module { @@ -241732,6 +247486,34 @@ exports[`loader should work with "@use" at-rules from other language style ('sas exports[`loader should work with "@use" at-rules from other language style ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work with "@use" at-rules from other language style ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"/* Importing a scss module does not require to set the extension explicitly... */ +.another-scss-module { + background: hotpink; +} + +/* Importing a scss module does not require to set the extension explicitly... */ +/* ...but it is allowed */" +`; + +exports[`loader should work with "@use" at-rules from other language style ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work with "@use" at-rules from other language style ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work with "@use" at-rules from other language style ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"/* Importing a sass module does not require to set the extension explicitly... */ +.another-sass-module { + background: hotpink; +} + +/* Importing a sass module does not require to set the extension explicitly... */ +/* ...but it is allowed */" +`; + +exports[`loader should work with "@use" at-rules from other language style ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work with "@use" at-rules from other language style ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should work with "bootstrap" and custom imports ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; exports[`loader should work with "bootstrap" and custom imports ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; @@ -359584,6 +365366,18 @@ exports[`loader should work with an empty file ('dart-sass', 'modern' API, 'scss exports[`loader should work with an empty file ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work with an empty file ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = `""`; + +exports[`loader should work with an empty file ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work with an empty file ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work with an empty file ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = `""`; + +exports[`loader should work with an empty file ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work with an empty file ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should work with an empty file ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = `""`; exports[`loader should work with an empty file ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; @@ -359620,6 +365414,18 @@ exports[`loader should work with an empty file ('sass-embedded', 'modern' API, ' exports[`loader should work with an empty file ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work with an empty file ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = `""`; + +exports[`loader should work with an empty file ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work with an empty file ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work with an empty file ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = `""`; + +exports[`loader should work with an empty file ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work with an empty file ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should work with difference "@import" at-rules ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; /* @import another/module */ @@ -360577,227 +366383,345 @@ exports[`loader should work with multiple "@import" at-rules ('dart-sass', 'mode exports[`loader should work with multiple "@import" at-rules ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`loader should work with multiple "@import" at-rules ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`loader should work with multiple "@import" at-rules ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; -@import url(./file.css); +@import "./file.css"; body { font: 100% Helvetica, sans-serif; - color: #333; } + color: #333; +} nav ul { margin: 0; padding: 0; - list-style: none; } - + list-style: none; +} nav li { - display: inline-block; } - + display: inline-block; +} nav a { display: block; padding: 6px 12px; - text-decoration: none; } + text-decoration: none; +} .box { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; - border-radius: 10px; } + border-radius: 10px; +} -.message, .success, .error, .warning { +.message, .warning, .error, .success { border: 1px solid #ccc; padding: 10px; - color: #333; } + color: #333; +} .success { - border-color: green; } + border-color: green; +} .error { - border-color: red; } + border-color: red; +} .warning { - border-color: yellow; } + border-color: yellow; +} .foo:before { - content: ""; } + content: "\\e0c6"; +} .bar:before { - content: "∑"; } + content: "∑"; +} .another-sass-module { - background: hotpink; } + background: hotpink; +} body { - background: lightgrey; } -" + background: lightgrey; +}" `; -exports[`loader should work with multiple "@import" at-rules ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`loader should work with multiple "@import" at-rules ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -exports[`loader should work with multiple "@import" at-rules ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`loader should work with multiple "@import" at-rules ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`loader should work with multiple "@import" at-rules ('node-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`loader should work with multiple "@import" at-rules ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; -@import url(./file.css); +@import "./file.css"; body { font: 100% Helvetica, sans-serif; - color: #333; } + color: #333; +} nav ul { margin: 0; padding: 0; - list-style: none; } - + list-style: none; +} nav li { - display: inline-block; } - + display: inline-block; +} nav a { display: block; padding: 6px 12px; - text-decoration: none; } + text-decoration: none; +} .box { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; - border-radius: 10px; } + border-radius: 10px; +} .foo:before { - content: ""; } + content: "\\e0c6"; +} .bar:before { - content: "∑"; } + content: "∑"; +} .another-scss-module { - background: hotpink; } + background: hotpink; +} body { - background: lightgrey; } -" + background: lightgrey; +}" `; -exports[`loader should work with multiple "@import" at-rules ('node-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`loader should work with multiple "@import" at-rules ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; -exports[`loader should work with multiple "@import" at-rules ('node-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work with multiple "@import" at-rules ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`loader should work with multiple "@import" at-rules ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; -@import "./file.css"; +@import url(./file.css); body { font: 100% Helvetica, sans-serif; - color: #333; -} + color: #333; } nav ul { margin: 0; padding: 0; - list-style: none; -} + list-style: none; } + nav li { - display: inline-block; -} + display: inline-block; } + nav a { display: block; padding: 6px 12px; - text-decoration: none; -} + text-decoration: none; } .box { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; - border-radius: 10px; -} + border-radius: 10px; } -.message, .warning, .error, .success { +.message, .success, .error, .warning { border: 1px solid #ccc; padding: 10px; - color: #333; -} + color: #333; } .success { - border-color: green; -} + border-color: green; } .error { - border-color: red; -} + border-color: red; } .warning { - border-color: yellow; -} + border-color: yellow; } .foo:before { - content: "\\e0c6"; -} + content: ""; } .bar:before { - content: "∑"; -} + content: "∑"; } .another-sass-module { - background: hotpink; -} + background: hotpink; } body { - background: lightgrey; -}" + background: lightgrey; } +" `; -exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`loader should work with multiple "@import" at-rules ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; -exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`loader should work with multiple "@import" at-rules ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`loader should work with multiple "@import" at-rules ('node-sass', 'legacy' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; -@import "./file.css"; +@import url(./file.css); body { font: 100% Helvetica, sans-serif; - color: #333; -} + color: #333; } nav ul { margin: 0; padding: 0; - list-style: none; -} + list-style: none; } + nav li { - display: inline-block; -} + display: inline-block; } + nav a { display: block; padding: 6px 12px; - text-decoration: none; -} + text-decoration: none; } .box { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; - border-radius: 10px; -} + border-radius: 10px; } .foo:before { - content: "\\e0c6"; -} + content: ""; } .bar:before { - content: "∑"; -} + content: "∑"; } .another-scss-module { - background: hotpink; -} + background: hotpink; } body { - background: lightgrey; -}" + background: lightgrey; } +" `; -exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`loader should work with multiple "@import" at-rules ('node-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; -exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work with multiple "@import" at-rules ('node-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` +exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +} + +.another-sass-module { + background: hotpink; +} + +body { + background: lightgrey; +}" +`; + +exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +} + +.another-scss-module { + background: hotpink; +} + +body { + background: lightgrey; +}" +`; + +exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -360915,6 +366839,124 @@ exports[`loader should work with multiple "@import" at-rules ('sass-embedded', ' exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +} + +.another-sass-module { + background: hotpink; +} + +body { + background: lightgrey; +}" +`; + +exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +} + +.another-scss-module { + background: hotpink; +} + +body { + background: lightgrey; +}" +`; + +exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work with multiple "@import" at-rules ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should work with multiple "@import" at-rules without quotes ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` ".example { color: red; @@ -417569,563 +423611,24963 @@ button.close { border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); } -.popover.bottom > .arrow:after { - top: 1px; - margin-left: -10px; - content: " "; - border-top-width: 0; - border-bottom-color: #fff; +.popover.bottom > .arrow:after { + top: 1px; + margin-left: -10px; + content: " "; + border-top-width: 0; + border-bottom-color: #fff; +} +.popover.left > .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999999; + border-left-color: rgba(0, 0, 0, 0.25); +} +.popover.left > .arrow:after { + right: 1px; + bottom: -10px; + content: " "; + border-right-width: 0; + border-left-color: #fff; +} + +.popover-title { + padding: 8px 14px; + margin: 0; + font-size: 14px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; +} + +.popover-content { + padding: 9px 14px; +} + +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner > .item { + position: relative; + display: none; + -webkit-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + display: block; + max-width: 100%; + height: auto; + line-height: 1; +} +@media all and (transform-3d), (-webkit-transform-3d) { + .carousel-inner > .item { + -webkit-transition: -webkit-transform 0.6s ease-in-out; + -moz-transition: -moz-transform 0.6s ease-in-out; + -o-transition: -o-transform 0.6s ease-in-out; + transition: transform 0.6s ease-in-out; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-perspective: 1000px; + -moz-perspective: 1000px; + perspective: 1000px; + } + .carousel-inner > .item.next, .carousel-inner > .item.active.right { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + left: 0; + } + .carousel-inner > .item.prev, .carousel-inner > .item.active.left { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + left: 0; + } + .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + left: 0; + } +} +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} +.carousel-inner > .active { + left: 0; +} +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} +.carousel-inner > .next { + left: 100%; +} +.carousel-inner > .prev { + left: -100%; +} +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} +.carousel-inner > .active.left { + left: -100%; +} +.carousel-inner > .active.right { + left: 100%; +} + +.carousel-control { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 15%; + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + background-color: rgba(0, 0, 0, 0); + filter: alpha(opacity=50); + opacity: 0.5; +} +.carousel-control.left { + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1); + background-repeat: repeat-x; +} +.carousel-control.right { + right: 0; + left: auto; + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1); + background-repeat: repeat-x; +} +.carousel-control:hover, .carousel-control:focus { + color: #fff; + text-decoration: none; + outline: 0; + filter: alpha(opacity=90); + opacity: 0.9; +} +.carousel-control .icon-prev, +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-left, +.carousel-control .glyphicon-chevron-right { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; + margin-top: -10px; +} +.carousel-control .icon-prev, +.carousel-control .glyphicon-chevron-left { + left: 50%; + margin-left: -10px; +} +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-right { + right: 50%; + margin-right: -10px; +} +.carousel-control .icon-prev, +.carousel-control .icon-next { + width: 20px; + height: 20px; + font-family: serif; + line-height: 1; +} +.carousel-control .icon-prev:before { + content: "‹"; +} +.carousel-control .icon-next:before { + content: "›"; +} + +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + padding-left: 0; + margin-left: -30%; + text-align: center; + list-style: none; +} +.carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + cursor: pointer; + background-color: #000 \\9 ; + background-color: rgba(0, 0, 0, 0); + border: 1px solid #fff; + border-radius: 10px; +} +.carousel-indicators .active { + width: 12px; + height: 12px; + margin: 0; + background-color: #fff; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-caption .btn { + text-shadow: none; +} + +@media screen and (min-width: 768px) { + .carousel-control .glyphicon-chevron-left, + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -10px; + font-size: 30px; + } + .carousel-control .glyphicon-chevron-left, + .carousel-control .icon-prev { + margin-left: -10px; + } + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-next { + margin-right: -10px; + } + .carousel-caption { + right: 20%; + left: 20%; + padding-bottom: 30px; + } + .carousel-indicators { + bottom: 20px; + } +} +.clearfix:before, .clearfix:after { + display: table; + content: " "; +} +.clearfix:after { + clear: both; +} + +.center-block { + display: block; + margin-right: auto; + margin-left: auto; +} + +.pull-right { + float: right !important; +} + +.pull-left { + float: left !important; +} + +.hide { + display: none !important; +} + +.show { + display: block !important; +} + +.invisible { + visibility: hidden; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.hidden { + display: none !important; +} + +.affix { + position: fixed; +} + +@-ms-viewport { + width: device-width; +} +.visible-xs { + display: none !important; +} + +.visible-sm { + display: none !important; +} + +.visible-md { + display: none !important; +} + +.visible-lg { + display: none !important; +} + +.visible-xs-block, +.visible-xs-inline, +.visible-xs-inline-block, +.visible-sm-block, +.visible-sm-inline, +.visible-sm-inline-block, +.visible-md-block, +.visible-md-inline, +.visible-md-inline-block, +.visible-lg-block, +.visible-lg-inline, +.visible-lg-inline-block { + display: none !important; +} + +@media (max-width: 767px) { + .visible-xs { + display: block !important; + } + table.visible-xs { + display: table !important; + } + tr.visible-xs { + display: table-row !important; + } + th.visible-xs, + td.visible-xs { + display: table-cell !important; + } +} +@media (max-width: 767px) { + .visible-xs-block { + display: block !important; + } +} + +@media (max-width: 767px) { + .visible-xs-inline { + display: inline !important; + } +} + +@media (max-width: 767px) { + .visible-xs-inline-block { + display: inline-block !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; + } + table.visible-sm { + display: table !important; + } + tr.visible-sm { + display: table-row !important; + } + th.visible-sm, + td.visible-sm { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-block { + display: block !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline { + display: inline !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline-block { + display: inline-block !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; + } + table.visible-md { + display: table !important; + } + tr.visible-md { + display: table-row !important; + } + th.visible-md, + td.visible-md { + display: table-cell !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-block { + display: block !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline { + display: inline !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline-block { + display: inline-block !important; + } +} + +@media (min-width: 1200px) { + .visible-lg { + display: block !important; + } + table.visible-lg { + display: table !important; + } + tr.visible-lg { + display: table-row !important; + } + th.visible-lg, + td.visible-lg { + display: table-cell !important; + } +} +@media (min-width: 1200px) { + .visible-lg-block { + display: block !important; + } +} + +@media (min-width: 1200px) { + .visible-lg-inline { + display: inline !important; + } +} + +@media (min-width: 1200px) { + .visible-lg-inline-block { + display: inline-block !important; + } +} + +@media (max-width: 767px) { + .hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-lg { + display: none !important; + } +} +.visible-print { + display: none !important; +} + +@media print { + .visible-print { + display: block !important; + } + table.visible-print { + display: table !important; + } + tr.visible-print { + display: table-row !important; + } + th.visible-print, + td.visible-print { + display: table-cell !important; + } +} +.visible-print-block { + display: none !important; +} +@media print { + .visible-print-block { + display: block !important; + } +} + +.visible-print-inline { + display: none !important; +} +@media print { + .visible-print-inline { + display: inline !important; + } +} + +.visible-print-inline-block { + display: none !important; +} +@media print { + .visible-print-inline-block { + display: inline-block !important; + } +} + +@media print { + .hidden-print { + display: none !important; + } +}" +`; + +exports[`loader should work with the "bootstrap-sass" package, import as a package ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work with the "bootstrap-sass" package, import as a package ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +/** + * Foundation for Sites + * Version 6.8.1 + * https://get.foundation + * Licensed under MIT Open Source + */ +@media print, screen and (min-width: 40em) { + .reveal.large, .reveal.small, .reveal.tiny, .reveal { + right: auto; + left: auto; + margin: 0 auto; + } +} +/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ +html { + line-height: 1.15; + -webkit-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +pre { + font-family: monospace, monospace; + font-size: 1em; +} + +a { + background-color: transparent; +} + +abbr[title] { + border-bottom: 0; + text-decoration: underline dotted; +} + +b, +strong { + font-weight: bolder; +} + +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +img { + border-style: none; +} + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + font-size: 100%; + line-height: 1.15; + margin: 0; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +button:-moz-focusring, +[type=button]:-moz-focusring, +[type=reset]:-moz-focusring, +[type=submit]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +legend { + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +textarea { + overflow: auto; +} + +[type=checkbox], +[type=radio] { + box-sizing: border-box; + padding: 0; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +details { + display: block; +} + +summary { + display: list-item; +} + +template { + display: none; +} + +[hidden] { + display: none; +} + +[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus, +[data-whatintent=touch] *, +[data-whatintent=touch] *:focus, +[data-whatinput=mouse] *, +[data-whatinput=mouse] *:focus, +[data-whatinput=touch] *, +[data-whatinput=touch] *:focus { + outline: none; +} + +[draggable=false] { + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.foundation-mq { + font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; +} + +html { + box-sizing: border-box; + font-size: 100%; +} + +*, +*::before, +*::after { + box-sizing: inherit; +} + +body { + margin: 0; + padding: 0; + background: #fefefe; + font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; + font-weight: normal; + line-height: 1.5; + color: #0a0a0a; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +img { + display: inline-block; + vertical-align: middle; + max-width: 100%; + height: auto; + -ms-interpolation-mode: bicubic; +} + +textarea { + height: auto; + min-height: 50px; + border-radius: 0; +} + +select { + box-sizing: border-box; + width: 100%; + border-radius: 0; +} + +.map_canvas img, +.map_canvas embed, +.map_canvas object, +.mqa-display img, +.mqa-display embed, +.mqa-display object { + max-width: none !important; +} + +button { + padding: 0; + appearance: none; + border: 0; + border-radius: 0; + background: transparent; + line-height: 1; + cursor: auto; +} +[data-whatinput=mouse] button { + outline: 0; +} + +pre { + overflow: auto; + -webkit-overflow-scrolling: touch; +} + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; +} + +.is-visible { + display: block !important; +} + +.is-hidden { + display: none !important; +} + +[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], +textarea { + display: block; + box-sizing: border-box; + width: 100%; + height: 2.4375rem; + margin: 0 0 1rem; + padding: 0.5rem; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + font-family: inherit; + font-size: 1rem; + font-weight: normal; + line-height: 1.5; + color: #0a0a0a; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; + appearance: none; +} +[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, +textarea:focus { + outline: none; + border: 1px solid #8a8a8a; + background-color: #fefefe; + box-shadow: 0 0 5px #cacaca; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; +} + +textarea { + max-width: 100%; +} +textarea[rows] { + height: auto; +} + +input:disabled, input[readonly], +textarea:disabled, +textarea[readonly] { + background-color: #e6e6e6; + cursor: not-allowed; +} + +[type=submit], +[type=button] { + appearance: none; + border-radius: 0; +} + +input[type=search] { + box-sizing: border-box; +} + +::placeholder { + color: #cacaca; +} + +[type=file], +[type=checkbox], +[type=radio] { + margin: 0 0 1rem; +} + +[type=checkbox] + label, +[type=radio] + label { + display: inline-block; + vertical-align: baseline; + margin-left: 0.5rem; + margin-right: 1rem; + margin-bottom: 0; +} +[type=checkbox] + label[for], +[type=radio] + label[for] { + cursor: pointer; +} + +label > [type=checkbox], +label > [type=radio] { + margin-right: 0.5rem; +} + +[type=file] { + width: 100%; +} + +label { + display: block; + margin: 0; + font-size: 0.875rem; + font-weight: normal; + line-height: 1.8; + color: #0a0a0a; +} +label.middle { + margin: 0 0 1rem; + line-height: 1.5; + padding: 0.5625rem 0; +} + +.help-text { + margin-top: -0.5rem; + font-size: 0.8125rem; + font-style: italic; + color: #0a0a0a; +} + +.input-group { + display: flex; + width: 100%; + margin-bottom: 1rem; + align-items: stretch; +} +.input-group > :first-child, .input-group > :first-child.input-group-button > * { + border-radius: 0 0 0 0; +} +.input-group > :last-child, .input-group > :last-child.input-group-button > * { + border-radius: 0 0 0 0; +} + +.input-group-button a, +.input-group-button input, +.input-group-button button, +.input-group-button label, .input-group-button, .input-group-field, .input-group-label { + margin: 0; + white-space: nowrap; +} + +.input-group-label { + padding: 0 1rem; + border: 1px solid #cacaca; + background: #e6e6e6; + color: #0a0a0a; + text-align: center; + white-space: nowrap; + display: flex; + flex: 0 0 auto; + align-items: center; +} +.input-group-label:first-child { + border-right: 0; +} +.input-group-label:last-child { + border-left: 0; +} + +.input-group-field { + border-radius: 0; + flex: 1 1 0px; + min-width: 0; +} + +.input-group-button { + padding-top: 0; + padding-bottom: 0; + text-align: center; + display: flex; + flex: 0 0 auto; +} +.input-group-button a, +.input-group-button input, +.input-group-button button, +.input-group-button label { + align-self: stretch; + height: auto; + padding-top: 0; + padding-bottom: 0; + font-size: 1rem; +} + +fieldset { + margin: 0; + padding: 0; + border: 0; +} + +legend { + max-width: 100%; + margin-bottom: 0.5rem; +} + +.fieldset { + margin: 1.125rem 0; + padding: 1.25rem; + border: 1px solid #cacaca; +} +.fieldset legend { + margin: 0; + margin-left: -0.1875rem; + padding: 0 0.1875rem; +} + +select { + height: 2.4375rem; + margin: 0 0 1rem; + padding: 0.5rem; + appearance: none; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + font-family: inherit; + font-size: 1rem; + font-weight: normal; + line-height: 1.5; + color: #0a0a0a; + background-image: url('data:image/svg+xml;utf8,'); + background-origin: content-box; + background-position: right -1rem center; + background-repeat: no-repeat; + background-size: 9px 6px; + padding-right: 1.5rem; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; +} +@media screen and (min-width: 0\\0 ) { + select { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); + } +} +select:focus { + outline: none; + border: 1px solid #8a8a8a; + background-color: #fefefe; + box-shadow: 0 0 5px #cacaca; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; +} +select:disabled { + background-color: #e6e6e6; + cursor: not-allowed; +} +select::-ms-expand { + display: none; +} +select[multiple] { + height: auto; + background-image: none; +} +select:not([multiple]) { + padding-top: 0; + padding-bottom: 0; +} + +.is-invalid-input:not(:focus) { + border-color: #cc4b37; + background-color: #f9ecea; +} +.is-invalid-input:not(:focus)::placeholder { + color: #cc4b37; +} + +.is-invalid-label { + color: #cc4b37; +} + +.form-error { + display: none; + margin-top: -0.5rem; + margin-bottom: 1rem; + font-size: 0.75rem; + font-weight: bold; + color: #cc4b37; +} +.form-error.is-visible { + display: block; +} + +div, +dl, +dt, +dd, +ul, +ol, +li, +h1, +h2, +h3, +h4, +h5, +h6, +pre, +form, +p, +blockquote, +th, +td { + margin: 0; + padding: 0; +} + +p { + margin-bottom: 1rem; + font-size: inherit; + line-height: 1.6; + text-rendering: optimizeLegibility; +} + +em, +i { + font-style: italic; + line-height: inherit; +} + +strong, +b { + font-weight: bold; + line-height: inherit; +} + +small { + font-size: 80%; + line-height: inherit; +} + +h1, .h1, +h2, .h2, +h3, .h3, +h4, .h4, +h5, .h5, +h6, .h6 { + font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; + font-style: normal; + font-weight: normal; + color: inherit; + text-rendering: optimizeLegibility; +} +h1 small, .h1 small, +h2 small, .h2 small, +h3 small, .h3 small, +h4 small, .h4 small, +h5 small, .h5 small, +h6 small, .h6 small { + line-height: 0; + color: #cacaca; +} + +h1, .h1 { + font-size: 1.5rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h2, .h2 { + font-size: 1.25rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h3, .h3 { + font-size: 1.1875rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h4, .h4 { + font-size: 1.125rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h5, .h5 { + font-size: 1.0625rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h6, .h6 { + font-size: 1rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +@media print, screen and (min-width: 40em) { + h1, .h1 { + font-size: 3rem; + } + h2, .h2 { + font-size: 2.5rem; + } + h3, .h3 { + font-size: 1.9375rem; + } + h4, .h4 { + font-size: 1.5625rem; + } + h5, .h5 { + font-size: 1.25rem; + } + h6, .h6 { + font-size: 1rem; + } +} +a { + line-height: inherit; + color: #1779ba; + text-decoration: none; + cursor: pointer; +} +a:hover, a:focus { + color: #1468a0; +} +a img { + border: 0; +} + +hr { + clear: both; + max-width: 75rem; + height: 0; + margin: 1.25rem auto; + border-top: 0; + border-right: 0; + border-bottom: 1px solid #cacaca; + border-left: 0; +} + +ul, +ol, +dl { + margin-bottom: 1rem; + list-style-position: outside; + line-height: 1.6; +} + +li { + font-size: inherit; +} + +ul { + margin-left: 1.25rem; + list-style-type: disc; +} + +ol { + margin-left: 1.25rem; +} + +ul ul, ul ol, ol ul, ol ol { + margin-left: 1.25rem; + margin-bottom: 0; +} + +dl { + margin-bottom: 1rem; +} +dl dt { + margin-bottom: 0.3rem; + font-weight: bold; +} + +blockquote { + margin: 0 0 1rem; + padding: 0.5625rem 1.25rem 0 1.1875rem; + border-left: 1px solid #cacaca; +} +blockquote, blockquote p { + line-height: 1.6; + color: #8a8a8a; +} + +abbr, abbr[title] { + border-bottom: 1px dotted #0a0a0a; + cursor: help; + text-decoration: none; +} + +figure { + margin: 0; +} + +kbd { + margin: 0; + padding: 0.125rem 0.25rem 0; + background-color: #e6e6e6; + font-family: Consolas, "Liberation Mono", Courier, monospace; + color: #0a0a0a; +} + +.subheader { + margin-top: 0.2rem; + margin-bottom: 0.5rem; + font-weight: normal; + line-height: 1.4; + color: #8a8a8a; +} + +.lead { + font-size: 125%; + line-height: 1.6; +} + +.stat { + font-size: 2.5rem; + line-height: 1; +} +p + .stat { + margin-top: -1rem; +} + +ul.no-bullet, ol.no-bullet { + margin-left: 0; + list-style: none; +} + +.cite-block, cite { + display: block; + color: #8a8a8a; + font-size: 0.8125rem; +} +.cite-block:before, cite:before { + content: "— "; +} + +.code-inline, code { + border: 1px solid #cacaca; + background-color: #e6e6e6; + font-family: Consolas, "Liberation Mono", Courier, monospace; + font-weight: normal; + color: #0a0a0a; + display: inline; + max-width: 100%; + word-wrap: break-word; + padding: 0.125rem 0.3125rem 0.0625rem; +} + +.code-block { + border: 1px solid #cacaca; + background-color: #e6e6e6; + font-family: Consolas, "Liberation Mono", Courier, monospace; + font-weight: normal; + color: #0a0a0a; + display: block; + overflow: auto; + white-space: pre; + padding: 1rem; + margin-bottom: 1.5rem; +} + +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + +.text-justify { + text-align: justify; +} + +@media print, screen and (min-width: 40em) { + .medium-text-left { + text-align: left; + } + .medium-text-right { + text-align: right; + } + .medium-text-center { + text-align: center; + } + .medium-text-justify { + text-align: justify; + } +} +@media print, screen and (min-width: 64em) { + .large-text-left { + text-align: left; + } + .large-text-right { + text-align: right; + } + .large-text-center { + text-align: center; + } + .large-text-justify { + text-align: justify; + } +} +.show-for-print { + display: none !important; +} + +@media print { + * { + background: transparent !important; + color: black !important; + print-color-adjust: economy; + box-shadow: none !important; + text-shadow: none !important; + } + .show-for-print { + display: block !important; + } + .hide-for-print { + display: none !important; + } + table.show-for-print { + display: table !important; + } + thead.show-for-print { + display: table-header-group !important; + } + tbody.show-for-print { + display: table-row-group !important; + } + tr.show-for-print { + display: table-row !important; + } + td.show-for-print { + display: table-cell !important; + } + th.show-for-print { + display: table-cell !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + pre, + blockquote { + border: 1px solid #8a8a8a; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + .print-break-inside { + page-break-inside: auto; + } +} +.grid-container { + padding-right: 0.625rem; + padding-left: 0.625rem; + max-width: 75rem; + margin-left: auto; + margin-right: auto; +} +@media print, screen and (min-width: 40em) { + .grid-container { + padding-right: 0.9375rem; + padding-left: 0.9375rem; + } +} +.grid-container.fluid { + padding-right: 0.625rem; + padding-left: 0.625rem; + max-width: 100%; + margin-left: auto; + margin-right: auto; +} +@media print, screen and (min-width: 40em) { + .grid-container.fluid { + padding-right: 0.9375rem; + padding-left: 0.9375rem; + } +} +.grid-container.full { + padding-right: 0; + padding-left: 0; + max-width: 100%; + margin-left: auto; + margin-right: auto; +} + +.grid-x { + display: flex; + flex-flow: row wrap; +} + +.cell { + flex: 0 0 auto; + min-height: 0; + min-width: 0; + width: 100%; +} +.cell.auto { + flex: 1 1 0; +} +.cell.shrink { + flex: 0 0 auto; +} + +.grid-x > .auto { + width: auto; +} +.grid-x > .shrink { + width: auto; +} + +.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { + flex-basis: auto; +} + +@media print, screen and (min-width: 40em) { + .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { + flex-basis: auto; + } +} +@media print, screen and (min-width: 64em) { + .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { + flex-basis: auto; + } +} +.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 { + flex: 0 0 auto; +} + +.grid-x > .small-1 { + width: 8.3333333333%; +} + +.grid-x > .small-2 { + width: 16.6666666667%; +} + +.grid-x > .small-3 { + width: 25%; +} + +.grid-x > .small-4 { + width: 33.3333333333%; +} + +.grid-x > .small-5 { + width: 41.6666666667%; +} + +.grid-x > .small-6 { + width: 50%; +} + +.grid-x > .small-7 { + width: 58.3333333333%; +} + +.grid-x > .small-8 { + width: 66.6666666667%; +} + +.grid-x > .small-9 { + width: 75%; +} + +.grid-x > .small-10 { + width: 83.3333333333%; +} + +.grid-x > .small-11 { + width: 91.6666666667%; +} + +.grid-x > .small-12 { + width: 100%; +} + +@media print, screen and (min-width: 40em) { + .grid-x > .medium-auto { + flex: 1 1 0; + width: auto; + } + .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink { + flex: 0 0 auto; + } + .grid-x > .medium-shrink { + width: auto; + } + .grid-x > .medium-1 { + width: 8.3333333333%; + } + .grid-x > .medium-2 { + width: 16.6666666667%; + } + .grid-x > .medium-3 { + width: 25%; + } + .grid-x > .medium-4 { + width: 33.3333333333%; + } + .grid-x > .medium-5 { + width: 41.6666666667%; + } + .grid-x > .medium-6 { + width: 50%; + } + .grid-x > .medium-7 { + width: 58.3333333333%; + } + .grid-x > .medium-8 { + width: 66.6666666667%; + } + .grid-x > .medium-9 { + width: 75%; + } + .grid-x > .medium-10 { + width: 83.3333333333%; + } + .grid-x > .medium-11 { + width: 91.6666666667%; + } + .grid-x > .medium-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .grid-x > .large-auto { + flex: 1 1 0; + width: auto; + } + .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink { + flex: 0 0 auto; + } + .grid-x > .large-shrink { + width: auto; + } + .grid-x > .large-1 { + width: 8.3333333333%; + } + .grid-x > .large-2 { + width: 16.6666666667%; + } + .grid-x > .large-3 { + width: 25%; + } + .grid-x > .large-4 { + width: 33.3333333333%; + } + .grid-x > .large-5 { + width: 41.6666666667%; + } + .grid-x > .large-6 { + width: 50%; + } + .grid-x > .large-7 { + width: 58.3333333333%; + } + .grid-x > .large-8 { + width: 66.6666666667%; + } + .grid-x > .large-9 { + width: 75%; + } + .grid-x > .large-10 { + width: 83.3333333333%; + } + .grid-x > .large-11 { + width: 91.6666666667%; + } + .grid-x > .large-12 { + width: 100%; + } +} +.grid-margin-x:not(.grid-x) > .cell { + width: auto; +} + +.grid-margin-y:not(.grid-y) > .cell { + height: auto; +} + +.grid-margin-x { + margin-left: -0.625rem; + margin-right: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-x { + margin-left: -0.9375rem; + margin-right: -0.9375rem; + } +} +.grid-margin-x > .cell { + width: calc(100% - 1.25rem); + margin-left: 0.625rem; + margin-right: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-x > .cell { + width: calc(100% - 1.875rem); + margin-left: 0.9375rem; + margin-right: 0.9375rem; + } +} +.grid-margin-x > .auto { + width: auto; +} +.grid-margin-x > .shrink { + width: auto; +} +.grid-margin-x > .small-1 { + width: calc(8.3333333333% - 1.25rem); +} +.grid-margin-x > .small-2 { + width: calc(16.6666666667% - 1.25rem); +} +.grid-margin-x > .small-3 { + width: calc(25% - 1.25rem); +} +.grid-margin-x > .small-4 { + width: calc(33.3333333333% - 1.25rem); +} +.grid-margin-x > .small-5 { + width: calc(41.6666666667% - 1.25rem); +} +.grid-margin-x > .small-6 { + width: calc(50% - 1.25rem); +} +.grid-margin-x > .small-7 { + width: calc(58.3333333333% - 1.25rem); +} +.grid-margin-x > .small-8 { + width: calc(66.6666666667% - 1.25rem); +} +.grid-margin-x > .small-9 { + width: calc(75% - 1.25rem); +} +.grid-margin-x > .small-10 { + width: calc(83.3333333333% - 1.25rem); +} +.grid-margin-x > .small-11 { + width: calc(91.6666666667% - 1.25rem); +} +.grid-margin-x > .small-12 { + width: calc(100% - 1.25rem); +} +@media print, screen and (min-width: 40em) { + .grid-margin-x > .auto { + width: auto; + } + .grid-margin-x > .shrink { + width: auto; + } + .grid-margin-x > .small-1 { + width: calc(8.3333333333% - 1.875rem); + } + .grid-margin-x > .small-2 { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x > .small-3 { + width: calc(25% - 1.875rem); + } + .grid-margin-x > .small-4 { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x > .small-5 { + width: calc(41.6666666667% - 1.875rem); + } + .grid-margin-x > .small-6 { + width: calc(50% - 1.875rem); + } + .grid-margin-x > .small-7 { + width: calc(58.3333333333% - 1.875rem); + } + .grid-margin-x > .small-8 { + width: calc(66.6666666667% - 1.875rem); + } + .grid-margin-x > .small-9 { + width: calc(75% - 1.875rem); + } + .grid-margin-x > .small-10 { + width: calc(83.3333333333% - 1.875rem); + } + .grid-margin-x > .small-11 { + width: calc(91.6666666667% - 1.875rem); + } + .grid-margin-x > .small-12 { + width: calc(100% - 1.875rem); + } + .grid-margin-x > .medium-auto { + width: auto; + } + .grid-margin-x > .medium-shrink { + width: auto; + } + .grid-margin-x > .medium-1 { + width: calc(8.3333333333% - 1.875rem); + } + .grid-margin-x > .medium-2 { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x > .medium-3 { + width: calc(25% - 1.875rem); + } + .grid-margin-x > .medium-4 { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x > .medium-5 { + width: calc(41.6666666667% - 1.875rem); + } + .grid-margin-x > .medium-6 { + width: calc(50% - 1.875rem); + } + .grid-margin-x > .medium-7 { + width: calc(58.3333333333% - 1.875rem); + } + .grid-margin-x > .medium-8 { + width: calc(66.6666666667% - 1.875rem); + } + .grid-margin-x > .medium-9 { + width: calc(75% - 1.875rem); + } + .grid-margin-x > .medium-10 { + width: calc(83.3333333333% - 1.875rem); + } + .grid-margin-x > .medium-11 { + width: calc(91.6666666667% - 1.875rem); + } + .grid-margin-x > .medium-12 { + width: calc(100% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-x > .large-auto { + width: auto; + } + .grid-margin-x > .large-shrink { + width: auto; + } + .grid-margin-x > .large-1 { + width: calc(8.3333333333% - 1.875rem); + } + .grid-margin-x > .large-2 { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x > .large-3 { + width: calc(25% - 1.875rem); + } + .grid-margin-x > .large-4 { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x > .large-5 { + width: calc(41.6666666667% - 1.875rem); + } + .grid-margin-x > .large-6 { + width: calc(50% - 1.875rem); + } + .grid-margin-x > .large-7 { + width: calc(58.3333333333% - 1.875rem); + } + .grid-margin-x > .large-8 { + width: calc(66.6666666667% - 1.875rem); + } + .grid-margin-x > .large-9 { + width: calc(75% - 1.875rem); + } + .grid-margin-x > .large-10 { + width: calc(83.3333333333% - 1.875rem); + } + .grid-margin-x > .large-11 { + width: calc(91.6666666667% - 1.875rem); + } + .grid-margin-x > .large-12 { + width: calc(100% - 1.875rem); + } +} + +.grid-padding-x .grid-padding-x { + margin-right: -0.625rem; + margin-left: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-x .grid-padding-x { + margin-right: -0.9375rem; + margin-left: -0.9375rem; + } +} +.grid-container:not(.full) > .grid-padding-x { + margin-right: -0.625rem; + margin-left: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-container:not(.full) > .grid-padding-x { + margin-right: -0.9375rem; + margin-left: -0.9375rem; + } +} +.grid-padding-x > .cell { + padding-right: 0.625rem; + padding-left: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-x > .cell { + padding-right: 0.9375rem; + padding-left: 0.9375rem; + } +} + +.small-up-1 > .cell { + width: 100%; +} + +.small-up-2 > .cell { + width: 50%; +} + +.small-up-3 > .cell { + width: 33.3333333333%; +} + +.small-up-4 > .cell { + width: 25%; +} + +.small-up-5 > .cell { + width: 20%; +} + +.small-up-6 > .cell { + width: 16.6666666667%; +} + +.small-up-7 > .cell { + width: 14.2857142857%; +} + +.small-up-8 > .cell { + width: 12.5%; +} + +@media print, screen and (min-width: 40em) { + .medium-up-1 > .cell { + width: 100%; + } + .medium-up-2 > .cell { + width: 50%; + } + .medium-up-3 > .cell { + width: 33.3333333333%; + } + .medium-up-4 > .cell { + width: 25%; + } + .medium-up-5 > .cell { + width: 20%; + } + .medium-up-6 > .cell { + width: 16.6666666667%; + } + .medium-up-7 > .cell { + width: 14.2857142857%; + } + .medium-up-8 > .cell { + width: 12.5%; + } +} +@media print, screen and (min-width: 64em) { + .large-up-1 > .cell { + width: 100%; + } + .large-up-2 > .cell { + width: 50%; + } + .large-up-3 > .cell { + width: 33.3333333333%; + } + .large-up-4 > .cell { + width: 25%; + } + .large-up-5 > .cell { + width: 20%; + } + .large-up-6 > .cell { + width: 16.6666666667%; + } + .large-up-7 > .cell { + width: 14.2857142857%; + } + .large-up-8 > .cell { + width: 12.5%; + } +} +.grid-margin-x.small-up-1 > .cell { + width: calc(100% - 1.25rem); +} + +.grid-margin-x.small-up-2 > .cell { + width: calc(50% - 1.25rem); +} + +.grid-margin-x.small-up-3 > .cell { + width: calc(33.3333333333% - 1.25rem); +} + +.grid-margin-x.small-up-4 > .cell { + width: calc(25% - 1.25rem); +} + +.grid-margin-x.small-up-5 > .cell { + width: calc(20% - 1.25rem); +} + +.grid-margin-x.small-up-6 > .cell { + width: calc(16.6666666667% - 1.25rem); +} + +.grid-margin-x.small-up-7 > .cell { + width: calc(14.2857142857% - 1.25rem); +} + +.grid-margin-x.small-up-8 > .cell { + width: calc(12.5% - 1.25rem); +} + +@media print, screen and (min-width: 40em) { + .grid-margin-x.small-up-1 > .cell { + width: calc(100% - 1.875rem); + } + .grid-margin-x.small-up-2 > .cell { + width: calc(50% - 1.875rem); + } + .grid-margin-x.small-up-3 > .cell { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x.small-up-4 > .cell { + width: calc(25% - 1.875rem); + } + .grid-margin-x.small-up-5 > .cell { + width: calc(20% - 1.875rem); + } + .grid-margin-x.small-up-6 > .cell { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x.small-up-7 > .cell { + width: calc(14.2857142857% - 1.875rem); + } + .grid-margin-x.small-up-8 > .cell { + width: calc(12.5% - 1.875rem); + } + .grid-margin-x.medium-up-1 > .cell { + width: calc(100% - 1.875rem); + } + .grid-margin-x.medium-up-2 > .cell { + width: calc(50% - 1.875rem); + } + .grid-margin-x.medium-up-3 > .cell { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x.medium-up-4 > .cell { + width: calc(25% - 1.875rem); + } + .grid-margin-x.medium-up-5 > .cell { + width: calc(20% - 1.875rem); + } + .grid-margin-x.medium-up-6 > .cell { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x.medium-up-7 > .cell { + width: calc(14.2857142857% - 1.875rem); + } + .grid-margin-x.medium-up-8 > .cell { + width: calc(12.5% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-x.large-up-1 > .cell { + width: calc(100% - 1.875rem); + } + .grid-margin-x.large-up-2 > .cell { + width: calc(50% - 1.875rem); + } + .grid-margin-x.large-up-3 > .cell { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x.large-up-4 > .cell { + width: calc(25% - 1.875rem); + } + .grid-margin-x.large-up-5 > .cell { + width: calc(20% - 1.875rem); + } + .grid-margin-x.large-up-6 > .cell { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x.large-up-7 > .cell { + width: calc(14.2857142857% - 1.875rem); + } + .grid-margin-x.large-up-8 > .cell { + width: calc(12.5% - 1.875rem); + } +} +.small-margin-collapse { + margin-right: 0; + margin-left: 0; +} +.small-margin-collapse > .cell { + margin-right: 0; + margin-left: 0; +} +.small-margin-collapse > .small-1 { + width: 8.3333333333%; +} +.small-margin-collapse > .small-2 { + width: 16.6666666667%; +} +.small-margin-collapse > .small-3 { + width: 25%; +} +.small-margin-collapse > .small-4 { + width: 33.3333333333%; +} +.small-margin-collapse > .small-5 { + width: 41.6666666667%; +} +.small-margin-collapse > .small-6 { + width: 50%; +} +.small-margin-collapse > .small-7 { + width: 58.3333333333%; +} +.small-margin-collapse > .small-8 { + width: 66.6666666667%; +} +.small-margin-collapse > .small-9 { + width: 75%; +} +.small-margin-collapse > .small-10 { + width: 83.3333333333%; +} +.small-margin-collapse > .small-11 { + width: 91.6666666667%; +} +.small-margin-collapse > .small-12 { + width: 100%; +} +@media print, screen and (min-width: 40em) { + .small-margin-collapse > .medium-1 { + width: 8.3333333333%; + } + .small-margin-collapse > .medium-2 { + width: 16.6666666667%; + } + .small-margin-collapse > .medium-3 { + width: 25%; + } + .small-margin-collapse > .medium-4 { + width: 33.3333333333%; + } + .small-margin-collapse > .medium-5 { + width: 41.6666666667%; + } + .small-margin-collapse > .medium-6 { + width: 50%; + } + .small-margin-collapse > .medium-7 { + width: 58.3333333333%; + } + .small-margin-collapse > .medium-8 { + width: 66.6666666667%; + } + .small-margin-collapse > .medium-9 { + width: 75%; + } + .small-margin-collapse > .medium-10 { + width: 83.3333333333%; + } + .small-margin-collapse > .medium-11 { + width: 91.6666666667%; + } + .small-margin-collapse > .medium-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .small-margin-collapse > .large-1 { + width: 8.3333333333%; + } + .small-margin-collapse > .large-2 { + width: 16.6666666667%; + } + .small-margin-collapse > .large-3 { + width: 25%; + } + .small-margin-collapse > .large-4 { + width: 33.3333333333%; + } + .small-margin-collapse > .large-5 { + width: 41.6666666667%; + } + .small-margin-collapse > .large-6 { + width: 50%; + } + .small-margin-collapse > .large-7 { + width: 58.3333333333%; + } + .small-margin-collapse > .large-8 { + width: 66.6666666667%; + } + .small-margin-collapse > .large-9 { + width: 75%; + } + .small-margin-collapse > .large-10 { + width: 83.3333333333%; + } + .small-margin-collapse > .large-11 { + width: 91.6666666667%; + } + .small-margin-collapse > .large-12 { + width: 100%; + } +} + +.small-padding-collapse { + margin-right: 0; + margin-left: 0; +} +.small-padding-collapse > .cell { + padding-right: 0; + padding-left: 0; +} + +@media print, screen and (min-width: 40em) { + .medium-margin-collapse { + margin-right: 0; + margin-left: 0; + } + .medium-margin-collapse > .cell { + margin-right: 0; + margin-left: 0; + } +} +@media print, screen and (min-width: 40em) { + .medium-margin-collapse > .small-1 { + width: 8.3333333333%; + } + .medium-margin-collapse > .small-2 { + width: 16.6666666667%; + } + .medium-margin-collapse > .small-3 { + width: 25%; + } + .medium-margin-collapse > .small-4 { + width: 33.3333333333%; + } + .medium-margin-collapse > .small-5 { + width: 41.6666666667%; + } + .medium-margin-collapse > .small-6 { + width: 50%; + } + .medium-margin-collapse > .small-7 { + width: 58.3333333333%; + } + .medium-margin-collapse > .small-8 { + width: 66.6666666667%; + } + .medium-margin-collapse > .small-9 { + width: 75%; + } + .medium-margin-collapse > .small-10 { + width: 83.3333333333%; + } + .medium-margin-collapse > .small-11 { + width: 91.6666666667%; + } + .medium-margin-collapse > .small-12 { + width: 100%; + } +} +@media print, screen and (min-width: 40em) { + .medium-margin-collapse > .medium-1 { + width: 8.3333333333%; + } + .medium-margin-collapse > .medium-2 { + width: 16.6666666667%; + } + .medium-margin-collapse > .medium-3 { + width: 25%; + } + .medium-margin-collapse > .medium-4 { + width: 33.3333333333%; + } + .medium-margin-collapse > .medium-5 { + width: 41.6666666667%; + } + .medium-margin-collapse > .medium-6 { + width: 50%; + } + .medium-margin-collapse > .medium-7 { + width: 58.3333333333%; + } + .medium-margin-collapse > .medium-8 { + width: 66.6666666667%; + } + .medium-margin-collapse > .medium-9 { + width: 75%; + } + .medium-margin-collapse > .medium-10 { + width: 83.3333333333%; + } + .medium-margin-collapse > .medium-11 { + width: 91.6666666667%; + } + .medium-margin-collapse > .medium-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .medium-margin-collapse > .large-1 { + width: 8.3333333333%; + } + .medium-margin-collapse > .large-2 { + width: 16.6666666667%; + } + .medium-margin-collapse > .large-3 { + width: 25%; + } + .medium-margin-collapse > .large-4 { + width: 33.3333333333%; + } + .medium-margin-collapse > .large-5 { + width: 41.6666666667%; + } + .medium-margin-collapse > .large-6 { + width: 50%; + } + .medium-margin-collapse > .large-7 { + width: 58.3333333333%; + } + .medium-margin-collapse > .large-8 { + width: 66.6666666667%; + } + .medium-margin-collapse > .large-9 { + width: 75%; + } + .medium-margin-collapse > .large-10 { + width: 83.3333333333%; + } + .medium-margin-collapse > .large-11 { + width: 91.6666666667%; + } + .medium-margin-collapse > .large-12 { + width: 100%; + } +} + +@media print, screen and (min-width: 40em) { + .medium-padding-collapse { + margin-right: 0; + margin-left: 0; + } + .medium-padding-collapse > .cell { + padding-right: 0; + padding-left: 0; + } +} + +@media print, screen and (min-width: 64em) { + .large-margin-collapse { + margin-right: 0; + margin-left: 0; + } + .large-margin-collapse > .cell { + margin-right: 0; + margin-left: 0; + } +} +@media print, screen and (min-width: 64em) { + .large-margin-collapse > .small-1 { + width: 8.3333333333%; + } + .large-margin-collapse > .small-2 { + width: 16.6666666667%; + } + .large-margin-collapse > .small-3 { + width: 25%; + } + .large-margin-collapse > .small-4 { + width: 33.3333333333%; + } + .large-margin-collapse > .small-5 { + width: 41.6666666667%; + } + .large-margin-collapse > .small-6 { + width: 50%; + } + .large-margin-collapse > .small-7 { + width: 58.3333333333%; + } + .large-margin-collapse > .small-8 { + width: 66.6666666667%; + } + .large-margin-collapse > .small-9 { + width: 75%; + } + .large-margin-collapse > .small-10 { + width: 83.3333333333%; + } + .large-margin-collapse > .small-11 { + width: 91.6666666667%; + } + .large-margin-collapse > .small-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .large-margin-collapse > .medium-1 { + width: 8.3333333333%; + } + .large-margin-collapse > .medium-2 { + width: 16.6666666667%; + } + .large-margin-collapse > .medium-3 { + width: 25%; + } + .large-margin-collapse > .medium-4 { + width: 33.3333333333%; + } + .large-margin-collapse > .medium-5 { + width: 41.6666666667%; + } + .large-margin-collapse > .medium-6 { + width: 50%; + } + .large-margin-collapse > .medium-7 { + width: 58.3333333333%; + } + .large-margin-collapse > .medium-8 { + width: 66.6666666667%; + } + .large-margin-collapse > .medium-9 { + width: 75%; + } + .large-margin-collapse > .medium-10 { + width: 83.3333333333%; + } + .large-margin-collapse > .medium-11 { + width: 91.6666666667%; + } + .large-margin-collapse > .medium-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .large-margin-collapse > .large-1 { + width: 8.3333333333%; + } + .large-margin-collapse > .large-2 { + width: 16.6666666667%; + } + .large-margin-collapse > .large-3 { + width: 25%; + } + .large-margin-collapse > .large-4 { + width: 33.3333333333%; + } + .large-margin-collapse > .large-5 { + width: 41.6666666667%; + } + .large-margin-collapse > .large-6 { + width: 50%; + } + .large-margin-collapse > .large-7 { + width: 58.3333333333%; + } + .large-margin-collapse > .large-8 { + width: 66.6666666667%; + } + .large-margin-collapse > .large-9 { + width: 75%; + } + .large-margin-collapse > .large-10 { + width: 83.3333333333%; + } + .large-margin-collapse > .large-11 { + width: 91.6666666667%; + } + .large-margin-collapse > .large-12 { + width: 100%; + } +} + +@media print, screen and (min-width: 64em) { + .large-padding-collapse { + margin-right: 0; + margin-left: 0; + } + .large-padding-collapse > .cell { + padding-right: 0; + padding-left: 0; + } +} + +.small-offset-0 { + margin-left: 0%; +} + +.grid-margin-x > .small-offset-0 { + margin-left: calc(0% + 1.25rem / 2); +} + +.small-offset-1 { + margin-left: 8.3333333333%; +} + +.grid-margin-x > .small-offset-1 { + margin-left: calc(8.3333333333% + 1.25rem / 2); +} + +.small-offset-2 { + margin-left: 16.6666666667%; +} + +.grid-margin-x > .small-offset-2 { + margin-left: calc(16.6666666667% + 1.25rem / 2); +} + +.small-offset-3 { + margin-left: 25%; +} + +.grid-margin-x > .small-offset-3 { + margin-left: calc(25% + 1.25rem / 2); +} + +.small-offset-4 { + margin-left: 33.3333333333%; +} + +.grid-margin-x > .small-offset-4 { + margin-left: calc(33.3333333333% + 1.25rem / 2); +} + +.small-offset-5 { + margin-left: 41.6666666667%; +} + +.grid-margin-x > .small-offset-5 { + margin-left: calc(41.6666666667% + 1.25rem / 2); +} + +.small-offset-6 { + margin-left: 50%; +} + +.grid-margin-x > .small-offset-6 { + margin-left: calc(50% + 1.25rem / 2); +} + +.small-offset-7 { + margin-left: 58.3333333333%; +} + +.grid-margin-x > .small-offset-7 { + margin-left: calc(58.3333333333% + 1.25rem / 2); +} + +.small-offset-8 { + margin-left: 66.6666666667%; +} + +.grid-margin-x > .small-offset-8 { + margin-left: calc(66.6666666667% + 1.25rem / 2); +} + +.small-offset-9 { + margin-left: 75%; +} + +.grid-margin-x > .small-offset-9 { + margin-left: calc(75% + 1.25rem / 2); +} + +.small-offset-10 { + margin-left: 83.3333333333%; +} + +.grid-margin-x > .small-offset-10 { + margin-left: calc(83.3333333333% + 1.25rem / 2); +} + +.small-offset-11 { + margin-left: 91.6666666667%; +} + +.grid-margin-x > .small-offset-11 { + margin-left: calc(91.6666666667% + 1.25rem / 2); +} + +@media print, screen and (min-width: 40em) { + .medium-offset-0 { + margin-left: 0%; + } + .grid-margin-x > .medium-offset-0 { + margin-left: calc(0% + 1.875rem / 2); + } + .medium-offset-1 { + margin-left: 8.3333333333%; + } + .grid-margin-x > .medium-offset-1 { + margin-left: calc(8.3333333333% + 1.875rem / 2); + } + .medium-offset-2 { + margin-left: 16.6666666667%; + } + .grid-margin-x > .medium-offset-2 { + margin-left: calc(16.6666666667% + 1.875rem / 2); + } + .medium-offset-3 { + margin-left: 25%; + } + .grid-margin-x > .medium-offset-3 { + margin-left: calc(25% + 1.875rem / 2); + } + .medium-offset-4 { + margin-left: 33.3333333333%; + } + .grid-margin-x > .medium-offset-4 { + margin-left: calc(33.3333333333% + 1.875rem / 2); + } + .medium-offset-5 { + margin-left: 41.6666666667%; + } + .grid-margin-x > .medium-offset-5 { + margin-left: calc(41.6666666667% + 1.875rem / 2); + } + .medium-offset-6 { + margin-left: 50%; + } + .grid-margin-x > .medium-offset-6 { + margin-left: calc(50% + 1.875rem / 2); + } + .medium-offset-7 { + margin-left: 58.3333333333%; + } + .grid-margin-x > .medium-offset-7 { + margin-left: calc(58.3333333333% + 1.875rem / 2); + } + .medium-offset-8 { + margin-left: 66.6666666667%; + } + .grid-margin-x > .medium-offset-8 { + margin-left: calc(66.6666666667% + 1.875rem / 2); + } + .medium-offset-9 { + margin-left: 75%; + } + .grid-margin-x > .medium-offset-9 { + margin-left: calc(75% + 1.875rem / 2); + } + .medium-offset-10 { + margin-left: 83.3333333333%; + } + .grid-margin-x > .medium-offset-10 { + margin-left: calc(83.3333333333% + 1.875rem / 2); + } + .medium-offset-11 { + margin-left: 91.6666666667%; + } + .grid-margin-x > .medium-offset-11 { + margin-left: calc(91.6666666667% + 1.875rem / 2); + } +} +@media print, screen and (min-width: 64em) { + .large-offset-0 { + margin-left: 0%; + } + .grid-margin-x > .large-offset-0 { + margin-left: calc(0% + 1.875rem / 2); + } + .large-offset-1 { + margin-left: 8.3333333333%; + } + .grid-margin-x > .large-offset-1 { + margin-left: calc(8.3333333333% + 1.875rem / 2); + } + .large-offset-2 { + margin-left: 16.6666666667%; + } + .grid-margin-x > .large-offset-2 { + margin-left: calc(16.6666666667% + 1.875rem / 2); + } + .large-offset-3 { + margin-left: 25%; + } + .grid-margin-x > .large-offset-3 { + margin-left: calc(25% + 1.875rem / 2); + } + .large-offset-4 { + margin-left: 33.3333333333%; + } + .grid-margin-x > .large-offset-4 { + margin-left: calc(33.3333333333% + 1.875rem / 2); + } + .large-offset-5 { + margin-left: 41.6666666667%; + } + .grid-margin-x > .large-offset-5 { + margin-left: calc(41.6666666667% + 1.875rem / 2); + } + .large-offset-6 { + margin-left: 50%; + } + .grid-margin-x > .large-offset-6 { + margin-left: calc(50% + 1.875rem / 2); + } + .large-offset-7 { + margin-left: 58.3333333333%; + } + .grid-margin-x > .large-offset-7 { + margin-left: calc(58.3333333333% + 1.875rem / 2); + } + .large-offset-8 { + margin-left: 66.6666666667%; + } + .grid-margin-x > .large-offset-8 { + margin-left: calc(66.6666666667% + 1.875rem / 2); + } + .large-offset-9 { + margin-left: 75%; + } + .grid-margin-x > .large-offset-9 { + margin-left: calc(75% + 1.875rem / 2); + } + .large-offset-10 { + margin-left: 83.3333333333%; + } + .grid-margin-x > .large-offset-10 { + margin-left: calc(83.3333333333% + 1.875rem / 2); + } + .large-offset-11 { + margin-left: 91.6666666667%; + } + .grid-margin-x > .large-offset-11 { + margin-left: calc(91.6666666667% + 1.875rem / 2); + } +} +.grid-y { + display: flex; + flex-flow: column nowrap; +} +.grid-y > .cell { + height: auto; + max-height: none; +} +.grid-y > .auto { + height: auto; +} +.grid-y > .shrink { + height: auto; +} +.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { + flex-basis: auto; +} +@media print, screen and (min-width: 40em) { + .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { + flex-basis: auto; + } +} +@media print, screen and (min-width: 64em) { + .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { + flex-basis: auto; + } +} +.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 { + flex: 0 0 auto; +} +.grid-y > .small-1 { + height: 8.3333333333%; +} +.grid-y > .small-2 { + height: 16.6666666667%; +} +.grid-y > .small-3 { + height: 25%; +} +.grid-y > .small-4 { + height: 33.3333333333%; +} +.grid-y > .small-5 { + height: 41.6666666667%; +} +.grid-y > .small-6 { + height: 50%; +} +.grid-y > .small-7 { + height: 58.3333333333%; +} +.grid-y > .small-8 { + height: 66.6666666667%; +} +.grid-y > .small-9 { + height: 75%; +} +.grid-y > .small-10 { + height: 83.3333333333%; +} +.grid-y > .small-11 { + height: 91.6666666667%; +} +.grid-y > .small-12 { + height: 100%; +} +@media print, screen and (min-width: 40em) { + .grid-y > .medium-auto { + flex: 1 1 0; + height: auto; + } + .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink { + flex: 0 0 auto; + } + .grid-y > .medium-shrink { + height: auto; + } + .grid-y > .medium-1 { + height: 8.3333333333%; + } + .grid-y > .medium-2 { + height: 16.6666666667%; + } + .grid-y > .medium-3 { + height: 25%; + } + .grid-y > .medium-4 { + height: 33.3333333333%; + } + .grid-y > .medium-5 { + height: 41.6666666667%; + } + .grid-y > .medium-6 { + height: 50%; + } + .grid-y > .medium-7 { + height: 58.3333333333%; + } + .grid-y > .medium-8 { + height: 66.6666666667%; + } + .grid-y > .medium-9 { + height: 75%; + } + .grid-y > .medium-10 { + height: 83.3333333333%; + } + .grid-y > .medium-11 { + height: 91.6666666667%; + } + .grid-y > .medium-12 { + height: 100%; + } +} +@media print, screen and (min-width: 64em) { + .grid-y > .large-auto { + flex: 1 1 0; + height: auto; + } + .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink { + flex: 0 0 auto; + } + .grid-y > .large-shrink { + height: auto; + } + .grid-y > .large-1 { + height: 8.3333333333%; + } + .grid-y > .large-2 { + height: 16.6666666667%; + } + .grid-y > .large-3 { + height: 25%; + } + .grid-y > .large-4 { + height: 33.3333333333%; + } + .grid-y > .large-5 { + height: 41.6666666667%; + } + .grid-y > .large-6 { + height: 50%; + } + .grid-y > .large-7 { + height: 58.3333333333%; + } + .grid-y > .large-8 { + height: 66.6666666667%; + } + .grid-y > .large-9 { + height: 75%; + } + .grid-y > .large-10 { + height: 83.3333333333%; + } + .grid-y > .large-11 { + height: 91.6666666667%; + } + .grid-y > .large-12 { + height: 100%; + } +} + +.grid-padding-y .grid-padding-y { + margin-top: -0.625rem; + margin-bottom: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-y .grid-padding-y { + margin-top: -0.9375rem; + margin-bottom: -0.9375rem; + } +} +.grid-padding-y > .cell { + padding-top: 0.625rem; + padding-bottom: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-y > .cell { + padding-top: 0.9375rem; + padding-bottom: 0.9375rem; + } +} + +.grid-margin-y { + margin-top: -0.625rem; + margin-bottom: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-y { + margin-top: -0.9375rem; + margin-bottom: -0.9375rem; + } +} +.grid-margin-y > .cell { + height: calc(100% - 1.25rem); + margin-top: 0.625rem; + margin-bottom: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-y > .cell { + height: calc(100% - 1.875rem); + margin-top: 0.9375rem; + margin-bottom: 0.9375rem; + } +} +.grid-margin-y > .auto { + height: auto; +} +.grid-margin-y > .shrink { + height: auto; +} +.grid-margin-y > .small-1 { + height: calc(8.3333333333% - 1.25rem); +} +.grid-margin-y > .small-2 { + height: calc(16.6666666667% - 1.25rem); +} +.grid-margin-y > .small-3 { + height: calc(25% - 1.25rem); +} +.grid-margin-y > .small-4 { + height: calc(33.3333333333% - 1.25rem); +} +.grid-margin-y > .small-5 { + height: calc(41.6666666667% - 1.25rem); +} +.grid-margin-y > .small-6 { + height: calc(50% - 1.25rem); +} +.grid-margin-y > .small-7 { + height: calc(58.3333333333% - 1.25rem); +} +.grid-margin-y > .small-8 { + height: calc(66.6666666667% - 1.25rem); +} +.grid-margin-y > .small-9 { + height: calc(75% - 1.25rem); +} +.grid-margin-y > .small-10 { + height: calc(83.3333333333% - 1.25rem); +} +.grid-margin-y > .small-11 { + height: calc(91.6666666667% - 1.25rem); +} +.grid-margin-y > .small-12 { + height: calc(100% - 1.25rem); +} +@media print, screen and (min-width: 40em) { + .grid-margin-y > .auto { + height: auto; + } + .grid-margin-y > .shrink { + height: auto; + } + .grid-margin-y > .small-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .small-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .small-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .small-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .small-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .small-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .small-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .small-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .small-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .small-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .small-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .small-12 { + height: calc(100% - 1.875rem); + } + .grid-margin-y > .medium-auto { + height: auto; + } + .grid-margin-y > .medium-shrink { + height: auto; + } + .grid-margin-y > .medium-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .medium-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .medium-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .medium-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-12 { + height: calc(100% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-y > .large-auto { + height: auto; + } + .grid-margin-y > .large-shrink { + height: auto; + } + .grid-margin-y > .large-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .large-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .large-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .large-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .large-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .large-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .large-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .large-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .large-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .large-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .large-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .large-12 { + height: calc(100% - 1.875rem); + } +} + +.grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + width: 100vw; +} + +.cell .grid-frame { + width: 100%; +} + +.cell-block { + overflow-x: auto; + max-width: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.cell-block-y { + overflow-y: auto; + max-height: 100%; + min-height: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.cell-block-container { + display: flex; + flex-direction: column; + max-height: 100%; +} +.cell-block-container > .grid-x { + max-height: 100%; + flex-wrap: nowrap; +} + +@media print, screen and (min-width: 40em) { + .medium-grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + width: 100vw; + } + .cell .medium-grid-frame { + width: 100%; + } + .medium-cell-block { + overflow-x: auto; + max-width: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .medium-cell-block-container { + display: flex; + flex-direction: column; + max-height: 100%; + } + .medium-cell-block-container > .grid-x { + max-height: 100%; + flex-wrap: nowrap; + } + .medium-cell-block-y { + overflow-y: auto; + max-height: 100%; + min-height: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } +} +@media print, screen and (min-width: 64em) { + .large-grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + width: 100vw; + } + .cell .large-grid-frame { + width: 100%; + } + .large-cell-block { + overflow-x: auto; + max-width: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .large-cell-block-container { + display: flex; + flex-direction: column; + max-height: 100%; + } + .large-cell-block-container > .grid-x { + max-height: 100%; + flex-wrap: nowrap; + } + .large-cell-block-y { + overflow-y: auto; + max-height: 100%; + min-height: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } +} +.grid-y.grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + height: 100vh; + width: auto; +} +@media print, screen and (min-width: 40em) { + .grid-y.medium-grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + height: 100vh; + width: auto; + } +} +@media print, screen and (min-width: 64em) { + .grid-y.large-grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + height: 100vh; + width: auto; + } +} + +.cell .grid-y.grid-frame { + height: 100%; +} +@media print, screen and (min-width: 40em) { + .cell .grid-y.medium-grid-frame { + height: 100%; + } +} +@media print, screen and (min-width: 64em) { + .cell .grid-y.large-grid-frame { + height: 100%; + } +} + +.grid-margin-y { + margin-top: -0.625rem; + margin-bottom: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-y { + margin-top: -0.9375rem; + margin-bottom: -0.9375rem; + } +} +.grid-margin-y > .cell { + height: calc(100% - 1.25rem); + margin-top: 0.625rem; + margin-bottom: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-y > .cell { + height: calc(100% - 1.875rem); + margin-top: 0.9375rem; + margin-bottom: 0.9375rem; + } +} +.grid-margin-y > .auto { + height: auto; +} +.grid-margin-y > .shrink { + height: auto; +} +.grid-margin-y > .small-1 { + height: calc(8.3333333333% - 1.25rem); +} +.grid-margin-y > .small-2 { + height: calc(16.6666666667% - 1.25rem); +} +.grid-margin-y > .small-3 { + height: calc(25% - 1.25rem); +} +.grid-margin-y > .small-4 { + height: calc(33.3333333333% - 1.25rem); +} +.grid-margin-y > .small-5 { + height: calc(41.6666666667% - 1.25rem); +} +.grid-margin-y > .small-6 { + height: calc(50% - 1.25rem); +} +.grid-margin-y > .small-7 { + height: calc(58.3333333333% - 1.25rem); +} +.grid-margin-y > .small-8 { + height: calc(66.6666666667% - 1.25rem); +} +.grid-margin-y > .small-9 { + height: calc(75% - 1.25rem); +} +.grid-margin-y > .small-10 { + height: calc(83.3333333333% - 1.25rem); +} +.grid-margin-y > .small-11 { + height: calc(91.6666666667% - 1.25rem); +} +.grid-margin-y > .small-12 { + height: calc(100% - 1.25rem); +} +@media print, screen and (min-width: 40em) { + .grid-margin-y > .auto { + height: auto; + } + .grid-margin-y > .shrink { + height: auto; + } + .grid-margin-y > .small-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .small-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .small-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .small-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .small-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .small-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .small-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .small-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .small-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .small-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .small-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .small-12 { + height: calc(100% - 1.875rem); + } + .grid-margin-y > .medium-auto { + height: auto; + } + .grid-margin-y > .medium-shrink { + height: auto; + } + .grid-margin-y > .medium-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .medium-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .medium-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .medium-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-12 { + height: calc(100% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-y > .large-auto { + height: auto; + } + .grid-margin-y > .large-shrink { + height: auto; + } + .grid-margin-y > .large-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .large-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .large-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .large-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .large-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .large-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .large-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .large-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .large-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .large-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .large-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .large-12 { + height: calc(100% - 1.875rem); + } +} + +.grid-frame.grid-margin-y { + height: calc(100vh + 1.25rem); +} +@media print, screen and (min-width: 40em) { + .grid-frame.grid-margin-y { + height: calc(100vh + 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-frame.grid-margin-y { + height: calc(100vh + 1.875rem); + } +} + +@media print, screen and (min-width: 40em) { + .grid-margin-y.medium-grid-frame { + height: calc(100vh + 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-y.large-grid-frame { + height: calc(100vh + 1.875rem); + } +} +.button { + display: inline-block; + vertical-align: middle; + margin: 0 0 1rem 0; + padding: 0.85em 1em; + border: 1px solid transparent; + border-radius: 0; + transition: background-color 0.25s ease-out, color 0.25s ease-out; + font-family: inherit; + font-size: 0.9rem; + -webkit-appearance: none; + line-height: 1; + text-align: center; + cursor: pointer; +} +[data-whatinput=mouse] .button { + outline: 0; +} +.button.tiny { + font-size: 0.6rem; +} +.button.small { + font-size: 0.75rem; +} +.button.large { + font-size: 1.25rem; +} +.button.expanded { + display: block; + width: 100%; + margin-right: 0; + margin-left: 0; +} +.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus { + background-color: #1779ba; + color: #fefefe; +} +.button:hover, .button:focus { + background-color: #14679e; + color: #fefefe; +} +.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus { + background-color: #1779ba; + color: #fefefe; +} +.button.primary:hover, .button.primary:focus { + background-color: #126195; + color: #fefefe; +} +.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus { + background-color: #767676; + color: #fefefe; +} +.button.secondary:hover, .button.secondary:focus { + background-color: #5e5e5e; + color: #fefefe; +} +.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus { + background-color: #3adb76; + color: #0a0a0a; +} +.button.success:hover, .button.success:focus { + background-color: #22bb5b; + color: #0a0a0a; +} +.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus { + background-color: #ffae00; + color: #0a0a0a; +} +.button.warning:hover, .button.warning:focus { + background-color: #cc8b00; + color: #0a0a0a; +} +.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus { + background-color: #cc4b37; + color: #fefefe; +} +.button.alert:hover, .button.alert:focus { + background-color: #a53b2a; + color: #fefefe; +} +.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { + background-color: transparent; +} +.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus { + border: 1px solid #1779ba; + color: #1779ba; +} +.button.hollow:hover, .button.hollow:focus { + border-color: #0c3d5d; + color: #0c3d5d; +} +.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus { + border: 1px solid #1779ba; + color: #1779ba; +} +.button.hollow.primary:hover, .button.hollow.primary:focus { + border-color: #0c3d5d; + color: #0c3d5d; +} +.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus { + border: 1px solid #767676; + color: #767676; +} +.button.hollow.secondary:hover, .button.hollow.secondary:focus { + border-color: #3b3b3b; + color: #3b3b3b; +} +.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus { + border: 1px solid #3adb76; + color: #3adb76; +} +.button.hollow.success:hover, .button.hollow.success:focus { + border-color: #157539; + color: #157539; +} +.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus { + border: 1px solid #ffae00; + color: #ffae00; +} +.button.hollow.warning:hover, .button.hollow.warning:focus { + border-color: #805700; + color: #805700; +} +.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus { + border: 1px solid #cc4b37; + color: #cc4b37; +} +.button.hollow.alert:hover, .button.hollow.alert:focus { + border-color: #67251a; + color: #67251a; +} +.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { + border-color: transparent; + background-color: transparent; +} +.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus { + color: #1779ba; +} +.button.clear:hover, .button.clear:focus { + color: #0c3d5d; +} +.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus { + color: #1779ba; +} +.button.clear.primary:hover, .button.clear.primary:focus { + color: #0c3d5d; +} +.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus { + color: #767676; +} +.button.clear.secondary:hover, .button.clear.secondary:focus { + color: #3b3b3b; +} +.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus { + color: #3adb76; +} +.button.clear.success:hover, .button.clear.success:focus { + color: #157539; +} +.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus { + color: #ffae00; +} +.button.clear.warning:hover, .button.clear.warning:focus { + color: #805700; +} +.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus { + color: #cc4b37; +} +.button.clear.alert:hover, .button.clear.alert:focus { + color: #67251a; +} +.button.disabled, .button[disabled] { + opacity: 0.25; + cursor: not-allowed; +} +.button.dropdown::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.4em; + content: ""; + border-bottom-width: 0; + border-color: #fefefe transparent transparent; + position: relative; + top: 0.4em; + display: inline-block; + float: right; + margin-left: 1em; +} +.button.dropdown.hollow::after, .button.dropdown.clear::after { + border-top-color: #1779ba; +} +.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after { + border-top-color: #1779ba; +} +.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after { + border-top-color: #767676; +} +.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after { + border-top-color: #3adb76; +} +.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after { + border-top-color: #ffae00; +} +.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after { + border-top-color: #cc4b37; +} +.button.arrow-only::after { + top: -0.1em; + float: none; + margin-left: 0; +} + +a.button:hover, a.button:focus { + text-decoration: none; +} + +.button-group { + margin-bottom: 1rem; + display: flex; + flex-wrap: wrap; + align-items: stretch; + flex-grow: 1; +} +.button-group::before, .button-group::after { + display: table; + content: " "; + flex-basis: 0; + order: 1; +} +.button-group::after { + clear: both; +} +.button-group::before, .button-group::after { + display: none; +} +.button-group .button { + margin: 0; + margin-right: 1px; + margin-bottom: 1px; + font-size: 0.9rem; + flex: 0 0 auto; +} +.button-group .button:last-child { + margin-right: 0; +} +.button-group.tiny .button { + font-size: 0.6rem; +} +.button-group.small .button { + font-size: 0.75rem; +} +.button-group.large .button { + font-size: 1.25rem; +} +.button-group.expanded .button { + flex: 1 1 0px; +} +.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus { + background-color: #1779ba; + color: #fefefe; +} +.button-group.primary .button:hover, .button-group.primary .button:focus { + background-color: #126195; + color: #fefefe; +} +.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus { + background-color: #767676; + color: #fefefe; +} +.button-group.secondary .button:hover, .button-group.secondary .button:focus { + background-color: #5e5e5e; + color: #fefefe; +} +.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus { + background-color: #3adb76; + color: #0a0a0a; +} +.button-group.success .button:hover, .button-group.success .button:focus { + background-color: #22bb5b; + color: #0a0a0a; +} +.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus { + background-color: #ffae00; + color: #0a0a0a; +} +.button-group.warning .button:hover, .button-group.warning .button:focus { + background-color: #cc8b00; + color: #0a0a0a; +} +.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus { + background-color: #cc4b37; + color: #fefefe; +} +.button-group.alert .button:hover, .button-group.alert .button:focus { + background-color: #a53b2a; + color: #fefefe; +} +.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus { + background-color: transparent; +} +.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus { + border: 1px solid #1779ba; + color: #1779ba; +} +.button-group.hollow .button:hover, .button-group.hollow .button:focus { + border-color: #0c3d5d; + color: #0c3d5d; +} +.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus { + border: 1px solid #1779ba; + color: #1779ba; +} +.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus { + border-color: #0c3d5d; + color: #0c3d5d; +} +.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus { + border: 1px solid #767676; + color: #767676; +} +.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus { + border-color: #3b3b3b; + color: #3b3b3b; +} +.button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus { + border: 1px solid #3adb76; + color: #3adb76; +} +.button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus { + border-color: #157539; + color: #157539; +} +.button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus { + border: 1px solid #ffae00; + color: #ffae00; +} +.button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus { + border-color: #805700; + color: #805700; +} +.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus { + border: 1px solid #cc4b37; + color: #cc4b37; +} +.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus { + border-color: #67251a; + color: #67251a; +} +.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus { + border-color: transparent; + background-color: transparent; +} +.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus { + color: #1779ba; +} +.button-group.clear .button:hover, .button-group.clear .button:focus { + color: #0c3d5d; +} +.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus { + color: #1779ba; +} +.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus { + color: #0c3d5d; +} +.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus { + color: #767676; +} +.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus { + color: #3b3b3b; +} +.button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus { + color: #3adb76; +} +.button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus { + color: #157539; +} +.button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus { + color: #ffae00; +} +.button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus { + color: #805700; +} +.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus { + color: #cc4b37; +} +.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus { + color: #67251a; +} +.button-group.no-gaps .button { + margin-right: -0.0625rem; +} +.button-group.no-gaps .button + .button { + border-left-color: transparent; +} +.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { + flex-wrap: wrap; +} +.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { + flex: 0 0 100%; +} +.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { + margin-bottom: 0; +} +.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button { + flex: 1 1 0px; +} +@media print, screen and (min-width: 40em) { + .button-group.stacked-for-small .button { + flex: 0 0 auto; + margin-bottom: 0; + } +} +@media print, screen and (min-width: 64em) { + .button-group.stacked-for-medium .button { + flex: 0 0 auto; + margin-bottom: 0; + } +} +@media print, screen and (max-width: 39.99875em) { + .button-group.stacked-for-small.expanded { + display: block; + } + .button-group.stacked-for-small.expanded .button { + display: block; + margin-right: 0; + } +} +@media print, screen and (max-width: 63.99875em) { + .button-group.stacked-for-medium.expanded { + display: block; + } + .button-group.stacked-for-medium.expanded .button { + display: block; + margin-right: 0; + } +} + +.close-button { + position: absolute; + z-index: 10; + color: #8a8a8a; + cursor: pointer; +} +[data-whatinput=mouse] .close-button { + outline: 0; +} +.close-button:hover, .close-button:focus { + color: #0a0a0a; +} +.close-button.small { + right: 0.66rem; + top: 0.33em; + font-size: 1.5em; + line-height: 1; +} + +.close-button.medium, .close-button { + right: 1rem; + top: 0.5rem; + font-size: 2em; + line-height: 1; +} + +.label { + display: inline-block; + padding: 0.33333rem 0.5rem; + border-radius: 0; + font-size: 0.8rem; + line-height: 1; + white-space: nowrap; + cursor: default; + background: #1779ba; + color: #fefefe; +} +.label.primary { + background: #1779ba; + color: #fefefe; +} +.label.secondary { + background: #767676; + color: #fefefe; +} +.label.success { + background: #3adb76; + color: #0a0a0a; +} +.label.warning { + background: #ffae00; + color: #0a0a0a; +} +.label.alert { + background: #cc4b37; + color: #fefefe; +} + +.progress { + height: 1rem; + margin-bottom: 1rem; + border-radius: 0; + background-color: #cacaca; +} +.progress.primary .progress-meter { + background-color: #1779ba; +} +.progress.secondary .progress-meter { + background-color: #767676; +} +.progress.success .progress-meter { + background-color: #3adb76; +} +.progress.warning .progress-meter { + background-color: #ffae00; +} +.progress.alert .progress-meter { + background-color: #cc4b37; +} + +.progress-meter { + position: relative; + display: block; + width: 0%; + height: 100%; + background-color: #1779ba; +} + +.progress-meter-text { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + margin: 0; + font-size: 0.75rem; + font-weight: bold; + color: #fefefe; + white-space: nowrap; +} + +.slider { + position: relative; + height: 0.5rem; + margin-top: 1.25rem; + margin-bottom: 2.25rem; + background-color: #e6e6e6; + cursor: pointer; + user-select: none; + touch-action: none; +} + +.slider-fill { + position: absolute; + top: 0; + left: 0; + display: inline-block; + max-width: 100%; + height: 0.5rem; + background-color: #cacaca; + transition: all 0.2s ease-in-out; +} +.slider-fill.is-dragging { + transition: all 0s linear; +} + +.slider-handle { + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 0; + z-index: 1; + cursor: grab; + display: inline-block; + width: 1.4rem; + height: 1.4rem; + border-radius: 0; + background-color: #1779ba; + transition: all 0.2s ease-in-out; + touch-action: manipulation; +} +[data-whatinput=mouse] .slider-handle { + outline: 0; +} +.slider-handle:hover { + background-color: #14679e; +} +.slider-handle.is-dragging { + transition: all 0s linear; + cursor: grabbing; +} + +.slider.disabled, +.slider[disabled] { + opacity: 0.25; + cursor: not-allowed; +} + +.slider.vertical { + display: inline-block; + width: 0.5rem; + height: 12.5rem; + margin: 0 1.25rem; + transform: scale(1, -1); +} +.slider.vertical .slider-fill { + top: 0; + width: 0.5rem; + max-height: 100%; +} +.slider.vertical .slider-handle { + position: absolute; + top: 0; + left: 50%; + width: 1.4rem; + height: 1.4rem; + transform: translateX(-50%); +} + +.switch { + position: relative; + margin-bottom: 1rem; + outline: 0; + font-size: 0.875rem; + font-weight: bold; + color: #fefefe; + user-select: none; + height: 2rem; +} + +.switch-input { + position: absolute; + margin-bottom: 0; + opacity: 0; +} + +.switch-paddle { + position: relative; + display: block; + width: 4rem; + height: 2rem; + border-radius: 0; + background: #cacaca; + transition: all 0.25s ease-out; + font-weight: inherit; + color: inherit; + cursor: pointer; +} +input + .switch-paddle { + margin: 0; +} +.switch-paddle::after { + position: absolute; + top: 0.25rem; + left: 0.25rem; + display: block; + width: 1.5rem; + height: 1.5rem; + transform: translate3d(0, 0, 0); + border-radius: 0; + background: #fefefe; + transition: all 0.25s ease-out; + content: ""; +} +input:checked ~ .switch-paddle { + background: #1779ba; +} +input:checked ~ .switch-paddle::after { + left: 2.25rem; +} +input:disabled ~ .switch-paddle { + cursor: not-allowed; + opacity: 0.5; +} +[data-whatinput=mouse] input:focus ~ .switch-paddle { + outline: 0; +} + +.switch-inactive, .switch-active { + position: absolute; + top: 50%; + transform: translateY(-50%); +} + +.switch-active { + left: 8%; + display: none; +} +input:checked + label > .switch-active { + display: block; +} + +.switch-inactive { + right: 15%; +} +input:checked + label > .switch-inactive { + display: none; +} + +.switch.tiny { + height: 1.5rem; +} +.switch.tiny .switch-paddle { + width: 3rem; + height: 1.5rem; + font-size: 0.625rem; +} +.switch.tiny .switch-paddle::after { + top: 0.25rem; + left: 0.25rem; + width: 1rem; + height: 1rem; +} +.switch.tiny input:checked ~ .switch-paddle::after { + left: 1.75rem; +} + +.switch.small { + height: 1.75rem; +} +.switch.small .switch-paddle { + width: 3.5rem; + height: 1.75rem; + font-size: 0.75rem; +} +.switch.small .switch-paddle::after { + top: 0.25rem; + left: 0.25rem; + width: 1.25rem; + height: 1.25rem; +} +.switch.small input:checked ~ .switch-paddle::after { + left: 2rem; +} + +.switch.large { + height: 2.5rem; +} +.switch.large .switch-paddle { + width: 5rem; + height: 2.5rem; + font-size: 1rem; +} +.switch.large .switch-paddle::after { + top: 0.25rem; + left: 0.25rem; + width: 2rem; + height: 2rem; +} +.switch.large input:checked ~ .switch-paddle::after { + left: 2.75rem; +} + +table { + border-collapse: collapse; + width: 100%; + margin-bottom: 1rem; + border-radius: 0; +} +thead, +tbody, +tfoot { + border: 1px solid #f1f1f1; + background-color: #fefefe; +} + +caption { + padding: 0.5rem 0.625rem 0.625rem; + font-weight: bold; +} + +thead { + background: #f8f8f8; + color: #0a0a0a; +} + +tfoot { + background: #f1f1f1; + color: #0a0a0a; +} + +thead tr, +tfoot tr { + background: transparent; +} +thead th, +thead td, +tfoot th, +tfoot td { + padding: 0.5rem 0.625rem 0.625rem; + font-weight: bold; + text-align: left; +} + +tbody th, +tbody td { + padding: 0.5rem 0.625rem 0.625rem; +} + +tbody tr:nth-child(even) { + border-bottom: 0; + background-color: #f1f1f1; +} + +table.unstriped tbody { + background-color: #fefefe; +} +table.unstriped tbody tr { + border-bottom: 1px solid #f1f1f1; + background-color: #fefefe; +} + +@media print, screen and (max-width: 63.99875em) { + table.stack thead { + display: none; + } + table.stack tfoot { + display: none; + } + table.stack tr, + table.stack th, + table.stack td { + display: block; + } + table.stack td { + border-top: 0; + } +} + +table.scroll { + display: block; + width: 100%; + overflow-x: auto; +} + +table.hover thead tr:hover { + background-color: #f3f3f3; +} +table.hover tfoot tr:hover { + background-color: #ececec; +} +table.hover tbody tr:hover { + background-color: #f9f9f9; +} +table.hover:not(.unstriped) tr:nth-of-type(even):hover { + background-color: #ececec; +} + +.table-scroll { + overflow-x: auto; +} + +.badge { + display: inline-block; + min-width: 2.1em; + padding: 0.3em; + border-radius: 50%; + font-size: 0.6rem; + text-align: center; + background: #1779ba; + color: #fefefe; +} +.badge.primary { + background: #1779ba; + color: #fefefe; +} +.badge.secondary { + background: #767676; + color: #fefefe; +} +.badge.success { + background: #3adb76; + color: #0a0a0a; +} +.badge.warning { + background: #ffae00; + color: #0a0a0a; +} +.badge.alert { + background: #cc4b37; + color: #fefefe; +} + +.breadcrumbs { + margin: 0 0 1rem 0; + list-style: none; +} +.breadcrumbs::before, .breadcrumbs::after { + display: table; + content: " "; + flex-basis: 0; + order: 1; +} +.breadcrumbs::after { + clear: both; +} +.breadcrumbs li { + float: left; + font-size: 0.6875rem; + color: #0a0a0a; + cursor: default; + text-transform: uppercase; +} +.breadcrumbs li:not(:last-child)::after { + position: relative; + margin: 0 0.75rem; + opacity: 1; + content: "/"; + color: #cacaca; +} +.breadcrumbs a { + color: #1779ba; +} +.breadcrumbs a:hover { + text-decoration: underline; +} +.breadcrumbs .disabled { + color: #cacaca; + cursor: not-allowed; +} + +.callout { + position: relative; + margin: 0 0 1rem 0; + padding: 1rem; + border: 1px solid rgba(10, 10, 10, 0.25); + border-radius: 0; + background-color: white; + color: #0a0a0a; +} +.callout > :first-child { + margin-top: 0; +} +.callout > :last-child { + margin-bottom: 0; +} +.callout.primary { + background-color: #d7ecfa; + color: #0a0a0a; +} +.callout.secondary { + background-color: #eaeaea; + color: #0a0a0a; +} +.callout.success { + background-color: #e1faea; + color: #0a0a0a; +} +.callout.warning { + background-color: #fff3d9; + color: #0a0a0a; +} +.callout.alert { + background-color: #f7e4e1; + color: #0a0a0a; +} +.callout.small { + padding-top: 0.5rem; + padding-right: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 0.5rem; +} +.callout.large { + padding-top: 3rem; + padding-right: 3rem; + padding-bottom: 3rem; + padding-left: 3rem; +} + +.card { + display: flex; + flex-direction: column; + flex-grow: 1; + margin-bottom: 1rem; + border: 1px solid #e6e6e6; + border-radius: 0; + background: #fefefe; + box-shadow: none; + overflow: hidden; + color: #0a0a0a; +} +.card > :last-child { + margin-bottom: 0; +} + +.card-divider { + display: flex; + flex: 0 1 auto; + padding: 1rem; + background: #e6e6e6; +} +.card-divider > :last-child { + margin-bottom: 0; +} + +.card-section { + flex: 1 0 auto; + padding: 1rem; +} +.card-section > :last-child { + margin-bottom: 0; +} + +.card-image { + min-height: 1px; +} + +.dropdown-pane { + position: absolute; + z-index: 10; + display: none; + width: 300px; + padding: 1rem; + visibility: hidden; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + font-size: 1rem; +} +.dropdown-pane.is-opening { + display: block; +} +.dropdown-pane.is-open { + display: block; + visibility: visible; +} + +.dropdown-pane.tiny { + width: 100px; +} + +.dropdown-pane.small { + width: 200px; +} + +.dropdown-pane.large { + width: 400px; +} + +.pagination { + margin-left: 0; + margin-bottom: 1rem; +} +.pagination::before, .pagination::after { + display: table; + content: " "; + flex-basis: 0; + order: 1; +} +.pagination::after { + clear: both; +} +.pagination li { + margin-right: 0.0625rem; + border-radius: 0; + font-size: 0.875rem; + display: none; +} +.pagination li:last-child, .pagination li:first-child { + display: inline-block; +} +@media print, screen and (min-width: 40em) { + .pagination li { + display: inline-block; + } +} +.pagination a, +.pagination button { + display: block; + padding: 0.1875rem 0.625rem; + border-radius: 0; + color: #0a0a0a; +} +.pagination a:hover, +.pagination button:hover { + background: #e6e6e6; +} +.pagination .current { + padding: 0.1875rem 0.625rem; + background: #1779ba; + color: #fefefe; + cursor: default; +} +.pagination .disabled { + padding: 0.1875rem 0.625rem; + color: #cacaca; + cursor: not-allowed; +} +.pagination .disabled:hover { + background: transparent; +} +.pagination .ellipsis::after { + padding: 0.1875rem 0.625rem; + content: "…"; + color: #0a0a0a; +} + +.pagination-previous a::before, +.pagination-previous.disabled::before { + display: inline-block; + margin-right: 0.5rem; + content: "«"; +} + +.pagination-next a::after, +.pagination-next.disabled::after { + display: inline-block; + margin-left: 0.5rem; + content: "»"; +} + +.has-tip { + position: relative; + display: inline-block; + border-bottom: dotted 1px #8a8a8a; + font-weight: bold; + cursor: help; +} + +.tooltip { + position: absolute; + top: calc(100% + 0.6495rem); + z-index: 1200; + max-width: 10rem; + padding: 0.75rem; + border-radius: 0; + background-color: #0a0a0a; + font-size: 80%; + color: #fefefe; +} +.tooltip::before { + position: absolute; +} +.tooltip.bottom::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.75rem; + content: ""; + border-top-width: 0; + border-color: transparent transparent #0a0a0a; + bottom: 100%; +} +.tooltip.bottom.align-center::before { + left: 50%; + transform: translateX(-50%); +} +.tooltip.top::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.75rem; + content: ""; + border-bottom-width: 0; + border-color: #0a0a0a transparent transparent; + top: 100%; + bottom: auto; +} +.tooltip.top.align-center::before { + left: 50%; + transform: translateX(-50%); +} +.tooltip.left::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.75rem; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #0a0a0a; + left: 100%; +} +.tooltip.left.align-center::before { + bottom: auto; + top: 50%; + transform: translateY(-50%); +} +.tooltip.right::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.75rem; + content: ""; + border-left-width: 0; + border-color: transparent #0a0a0a transparent transparent; + right: 100%; + left: auto; +} +.tooltip.right.align-center::before { + bottom: auto; + top: 50%; + transform: translateY(-50%); +} +.tooltip.align-top::before { + bottom: auto; + top: 10%; +} +.tooltip.align-bottom::before { + bottom: 10%; + top: auto; +} +.tooltip.align-left::before { + left: 10%; + right: auto; +} +.tooltip.align-right::before { + left: auto; + right: 10%; +} + +.accordion { + margin-left: 0; + background: #fefefe; + list-style-type: none; +} +.accordion[disabled] .accordion-title { + cursor: not-allowed; +} + +.accordion-item:first-child > :first-child { + border-radius: 0 0 0 0; +} +.accordion-item:last-child > :last-child { + border-radius: 0 0 0 0; +} + +.accordion-title { + position: relative; + display: block; + padding: 1.25rem 1rem; + border: 1px solid #e6e6e6; + border-bottom: 0; + font-size: 0.75rem; + line-height: 1; + color: #1779ba; +} +:last-child:not(.is-active) > .accordion-title { + border-bottom: 1px solid #e6e6e6; + border-radius: 0 0 0 0; +} +.accordion-title:hover, .accordion-title:focus { + background-color: #e6e6e6; +} +.accordion-title::before { + position: absolute; + top: 50%; + right: 1rem; + margin-top: -0.5rem; + content: "+"; +} +.is-active > .accordion-title::before { + content: "–"; +} + +.accordion-content { + display: none; + padding: 1rem; + border: 1px solid #e6e6e6; + border-bottom: 0; + background-color: #fefefe; + color: #0a0a0a; +} +:last-child > .accordion-content:last-child { + border-bottom: 1px solid #e6e6e6; +} + +.media-object { + display: flex; + margin-bottom: 1rem; + flex-wrap: nowrap; +} +.media-object img { + max-width: none; +} +@media print, screen and (max-width: 39.99875em) { + .media-object.stack-for-small { + flex-wrap: wrap; + } +} + +.media-object-section { + flex: 0 1 auto; +} +.media-object-section:first-child { + padding-right: 1rem; +} +.media-object-section:last-child:not(:nth-child(2)) { + padding-left: 1rem; +} +.media-object-section > :last-child { + margin-bottom: 0; +} +@media print, screen and (max-width: 39.99875em) { + .stack-for-small .media-object-section { + padding: 0; + padding-bottom: 1rem; + flex-basis: 100%; + max-width: 100%; + } + .stack-for-small .media-object-section img { + width: 100%; + } +} +.media-object-section.main-section { + flex: 1 1 0px; +} + +.orbit { + position: relative; +} + +.orbit-container { + position: relative; + height: 0; + margin: 0; + list-style: none; + overflow: hidden; +} + +.orbit-slide { + width: 100%; + position: absolute; +} +.orbit-slide.no-motionui.is-active { + top: 0; + left: 0; +} + +.orbit-figure { + margin: 0; +} + +.orbit-image { + width: 100%; + max-width: 100%; + margin: 0; +} + +.orbit-caption { + position: absolute; + bottom: 0; + width: 100%; + margin-bottom: 0; + padding: 1rem; + background-color: rgba(10, 10, 10, 0.5); + color: #fefefe; +} + +.orbit-next, .orbit-previous { + position: absolute; + top: 50%; + transform: translateY(-50%); + z-index: 10; + padding: 1rem; + color: #fefefe; +} +[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous { + outline: 0; +} +.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus { + background-color: rgba(10, 10, 10, 0.5); +} + +.orbit-previous { + left: 0; +} + +.orbit-next { + left: auto; + right: 0; +} + +.orbit-bullets { + position: relative; + margin-top: 0.8rem; + margin-bottom: 0.8rem; + text-align: center; +} +[data-whatinput=mouse] .orbit-bullets { + outline: 0; +} +.orbit-bullets button { + width: 1.2rem; + height: 1.2rem; + margin: 0.1rem; + border-radius: 50%; + background-color: #cacaca; +} +.orbit-bullets button:hover { + background-color: #8a8a8a; +} +.orbit-bullets button.is-active { + background-color: #8a8a8a; +} + +.responsive-embed, +.flex-video { + position: relative; + height: 0; + margin-bottom: 1rem; + padding-bottom: 75%; + overflow: hidden; +} +.responsive-embed iframe, +.responsive-embed object, +.responsive-embed embed, +.responsive-embed video, +.flex-video iframe, +.flex-video object, +.flex-video embed, +.flex-video video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.responsive-embed.widescreen, +.flex-video.widescreen { + padding-bottom: 56.25%; +} + +.tabs { + margin: 0; + border: 1px solid #e6e6e6; + background: #fefefe; + list-style-type: none; +} +.tabs::before, .tabs::after { + display: table; + content: " "; + flex-basis: 0; + order: 1; +} +.tabs::after { + clear: both; +} + +.tabs.vertical > li { + display: block; + float: none; + width: auto; +} + +.tabs.simple > li > a { + padding: 0; +} +.tabs.simple > li > a:hover { + background: transparent; +} + +.tabs.primary { + background: #1779ba; +} +.tabs.primary > li > a { + color: #fefefe; +} +.tabs.primary > li > a:hover, .tabs.primary > li > a:focus { + background: #1673b1; +} + +.tabs-title { + float: left; +} +.tabs-title > a { + display: block; + padding: 1.25rem 1.5rem; + font-size: 0.75rem; + line-height: 1; + color: #1779ba; +} +[data-whatinput=mouse] .tabs-title > a { + outline: 0; +} +.tabs-title > a:hover { + background: #fefefe; + color: #1468a0; +} +.tabs-title > a:focus, .tabs-title > a[aria-selected=true] { + background: #e6e6e6; + color: #1779ba; +} + +.tabs-content { + border: 1px solid #e6e6e6; + border-top: 0; + background: #fefefe; + color: #0a0a0a; + transition: all 0.5s ease; +} + +.tabs-content.vertical { + border: 1px solid #e6e6e6; + border-left: 0; +} + +.tabs-panel { + display: none; + padding: 1rem; +} +.tabs-panel.is-active { + display: block; +} + +.thumbnail { + display: inline-block; + max-width: 100%; + margin-bottom: 1rem; + border: 4px solid #fefefe; + border-radius: 0; + box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); + line-height: 0; +} + +a.thumbnail { + transition: box-shadow 200ms ease-out; +} +a.thumbnail:hover, a.thumbnail:focus { + box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); +} +a.thumbnail image { + box-shadow: none; +} + +.menu { + padding: 0; + margin: 0; + list-style: none; + position: relative; + display: flex; + flex-wrap: wrap; +} +[data-whatinput=mouse] .menu li { + outline: 0; +} +.menu a, +.menu .button { + line-height: 1; + text-decoration: none; + display: block; + padding: 0.7rem 1rem; +} +.menu input, +.menu select, +.menu a, +.menu button { + margin-bottom: 0; +} +.menu input { + display: inline-block; +} +.menu, .menu.horizontal { + flex-wrap: wrap; + flex-direction: row; +} +.menu.vertical { + flex-wrap: nowrap; + flex-direction: column; +} +.menu.vertical.icon-top li a img, +.menu.vertical.icon-top li a i, +.menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img, +.menu.vertical.icon-bottom li a i, +.menu.vertical.icon-bottom li a svg { + text-align: left; +} +.menu.expanded li { + flex: 1 1 0px; +} +.menu.expanded.icon-top li a img, +.menu.expanded.icon-top li a i, +.menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img, +.menu.expanded.icon-bottom li a i, +.menu.expanded.icon-bottom li a svg { + text-align: left; +} +.menu.simple { + align-items: center; +} +.menu.simple li + li { + margin-left: 1rem; +} +.menu.simple a { + padding: 0; +} +@media print, screen and (min-width: 40em) { + .menu.medium-horizontal { + flex-wrap: wrap; + flex-direction: row; + } + .menu.medium-vertical { + flex-wrap: nowrap; + flex-direction: column; + } + .menu.medium-expanded li { + flex: 1 1 0px; + } + .menu.medium-simple li { + flex: 1 1 0px; + } +} +@media print, screen and (min-width: 64em) { + .menu.large-horizontal { + flex-wrap: wrap; + flex-direction: row; + } + .menu.large-vertical { + flex-wrap: nowrap; + flex-direction: column; + } + .menu.large-expanded li { + flex: 1 1 0px; + } + .menu.large-simple li { + flex: 1 1 0px; + } +} +.menu.nested { + margin-right: 0; + margin-left: 1rem; +} +.menu.icons a { + display: flex; +} +.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { + display: flex; +} +.menu.icon-left li a, .menu.nested.icon-left li a { + flex-flow: row nowrap; +} +.menu.icon-left li a img, +.menu.icon-left li a i, +.menu.icon-left li a svg, .menu.nested.icon-left li a img, +.menu.nested.icon-left li a i, +.menu.nested.icon-left li a svg { + margin-right: 0.25rem; +} +.menu.icon-right li a, .menu.nested.icon-right li a { + flex-flow: row nowrap; +} +.menu.icon-right li a img, +.menu.icon-right li a i, +.menu.icon-right li a svg, .menu.nested.icon-right li a img, +.menu.nested.icon-right li a i, +.menu.nested.icon-right li a svg { + margin-left: 0.25rem; +} +.menu.icon-top li a, .menu.nested.icon-top li a { + flex-flow: column nowrap; +} +.menu.icon-top li a img, +.menu.icon-top li a i, +.menu.icon-top li a svg, .menu.nested.icon-top li a img, +.menu.nested.icon-top li a i, +.menu.nested.icon-top li a svg { + align-self: stretch; + margin-bottom: 0.25rem; + text-align: center; +} +.menu.icon-bottom li a, .menu.nested.icon-bottom li a { + flex-flow: column nowrap; +} +.menu.icon-bottom li a img, +.menu.icon-bottom li a i, +.menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img, +.menu.nested.icon-bottom li a i, +.menu.nested.icon-bottom li a svg { + align-self: stretch; + margin-bottom: 0.25rem; + text-align: center; +} +.menu .is-active > a { + background: #1779ba; + color: #fefefe; +} +.menu .active > a { + background: #1779ba; + color: #fefefe; +} +.menu.align-left { + justify-content: flex-start; +} +.menu.align-right li { + display: flex; + justify-content: flex-end; +} +.menu.align-right li .submenu li { + justify-content: flex-start; +} +.menu.align-right.vertical li { + display: block; + text-align: right; +} +.menu.align-right.vertical li .submenu li { + text-align: right; +} +.menu.align-right.icon-top li a img, +.menu.align-right.icon-top li a i, +.menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img, +.menu.align-right.icon-bottom li a i, +.menu.align-right.icon-bottom li a svg { + text-align: right; +} +.menu.align-right .nested { + margin-right: 1rem; + margin-left: 0; +} +.menu.align-center li { + display: flex; + justify-content: center; +} +.menu.align-center li .submenu li { + justify-content: flex-start; +} +.menu .menu-text { + padding: 0.7rem 1rem; + font-weight: bold; + line-height: 1; + color: inherit; +} + +.menu-centered > .menu { + justify-content: center; +} +.menu-centered > .menu li { + display: flex; + justify-content: center; +} +.menu-centered > .menu li .submenu li { + justify-content: flex-start; +} + +.no-js [data-responsive-menu] ul { + display: none; +} + +.menu-icon { + position: relative; + display: inline-block; + vertical-align: middle; + width: 20px; + height: 16px; + cursor: pointer; +} +.menu-icon::after { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 2px; + background: #fefefe; + box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; + content: ""; +} +.menu-icon:hover::after { + background: #cacaca; + box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; +} + +.menu-icon.dark { + position: relative; + display: inline-block; + vertical-align: middle; + width: 20px; + height: 16px; + cursor: pointer; +} +.menu-icon.dark::after { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 2px; + background: #0a0a0a; + box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; + content: ""; +} +.menu-icon.dark:hover::after { + background: #8a8a8a; + box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; +} + +.accordion-menu li { + width: 100%; +} +.accordion-menu a { + padding: 0.7rem 1rem; +} +.accordion-menu .is-accordion-submenu a { + padding: 0.7rem 1rem; +} +.accordion-menu .nested.is-accordion-submenu { + margin-right: 0; + margin-left: 1rem; +} +.accordion-menu.align-right .nested.is-accordion-submenu { + margin-right: 1rem; + margin-left: 0; +} +.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { + position: relative; +} +.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + position: absolute; + top: 50%; + margin-top: -3px; + right: 1rem; +} +.accordion-menu.align-left .is-accordion-submenu-parent > a::after { + right: 1rem; + left: auto; +} +.accordion-menu.align-right .is-accordion-submenu-parent > a::after { + right: auto; + left: 1rem; +} +.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after { + transform: rotate(180deg); + transform-origin: 50% 50%; +} + +.is-accordion-submenu-parent { + position: relative; +} + +.has-submenu-toggle > a { + margin-right: 40px; +} + +.submenu-toggle { + position: absolute; + top: 0; + right: 0; + width: 40px; + height: 40px; + cursor: pointer; +} +.submenu-toggle::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + top: 0; + bottom: 0; + margin: auto; +} + +.submenu-toggle[aria-expanded=true]::after { + transform: scaleY(-1); + transform-origin: 50% 50%; +} + +.submenu-toggle-text { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; +} + +.is-drilldown { + position: relative; + overflow: hidden; +} +.is-drilldown li { + display: block; +} +.is-drilldown.animate-height { + transition: height 0.5s; +} + +.drilldown a { + padding: 0.7rem 1rem; + background: #fefefe; +} +.drilldown .is-drilldown-submenu { + position: absolute; + top: 0; + left: 100%; + z-index: -1; + width: 100%; + background: #fefefe; + transition: transform 0.15s linear; +} +.drilldown .is-drilldown-submenu.is-active { + z-index: 1; + display: block; + transform: translateX(-100%); +} +.drilldown .is-drilldown-submenu.is-closing { + transform: translateX(100%); +} +.drilldown .is-drilldown-submenu a { + padding: 0.7rem 1rem; +} +.drilldown .nested.is-drilldown-submenu { + margin-right: 0; + margin-left: 0; +} +.drilldown .drilldown-submenu-cover-previous { + min-height: 100%; +} +.drilldown .is-drilldown-submenu-parent > a { + position: relative; +} +.drilldown .is-drilldown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; + position: absolute; + top: 50%; + margin-top: -6px; + right: 1rem; +} +.drilldown.align-left .is-drilldown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; + right: 1rem; + left: auto; +} +.drilldown.align-right .is-drilldown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 1rem; +} +.drilldown .js-drilldown-back > a::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + display: inline-block; + vertical-align: middle; + margin-right: 0.75rem; +} + +.dropdown.menu > li.opens-left > .is-dropdown-submenu { + top: 100%; + right: 0; + left: auto; +} +.dropdown.menu > li.opens-right > .is-dropdown-submenu { + top: 100%; + right: auto; + left: 0; +} +.dropdown.menu > li.is-dropdown-submenu-parent > a { + position: relative; + padding-right: 1.5rem; +} +.dropdown.menu > li.is-dropdown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + right: 5px; + left: auto; + margin-top: -3px; +} +[data-whatinput=mouse] .dropdown.menu a { + outline: 0; +} +.dropdown.menu > li > a { + padding: 0.7rem 1rem; +} +.dropdown.menu > li.is-active > a { + background: transparent; + color: #1779ba; +} +.no-js .dropdown.menu ul { + display: none; +} +.dropdown.menu .nested.is-dropdown-submenu { + margin-right: 0; + margin-left: 0; +} +.dropdown.menu.vertical > li .is-dropdown-submenu { + top: 0; +} +.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { + top: 0; + right: 100%; + left: auto; +} +.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; +} +.dropdown.menu.vertical > li > a::after { + right: 14px; +} +.dropdown.menu.vertical > li.opens-left > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 5px; +} +.dropdown.menu.vertical > li.opens-right > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; +} +@media print, screen and (min-width: 40em) { + .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { + top: 100%; + right: 0; + left: auto; + } + .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { + top: 100%; + right: auto; + left: 0; + } + .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { + position: relative; + padding-right: 1.5rem; + } + .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + right: 5px; + left: auto; + margin-top: -3px; + } + .dropdown.menu.medium-vertical > li .is-dropdown-submenu { + top: 0; + } + .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { + top: 0; + right: 100%; + left: auto; + } + .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; + } + .dropdown.menu.medium-vertical > li > a::after { + right: 14px; + } + .dropdown.menu.medium-vertical > li.opens-left > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 5px; + } + .dropdown.menu.medium-vertical > li.opens-right > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; + } +} +@media print, screen and (min-width: 64em) { + .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { + top: 100%; + right: 0; + left: auto; + } + .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { + top: 100%; + right: auto; + left: 0; + } + .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { + position: relative; + padding-right: 1.5rem; + } + .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + right: 5px; + left: auto; + margin-top: -3px; + } + .dropdown.menu.large-vertical > li .is-dropdown-submenu { + top: 0; + } + .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { + top: 0; + right: 100%; + left: auto; + } + .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; + } + .dropdown.menu.large-vertical > li > a::after { + right: 14px; + } + .dropdown.menu.large-vertical > li.opens-left > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 5px; + } + .dropdown.menu.large-vertical > li.opens-right > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; + } +} +.dropdown.menu.align-right .is-dropdown-submenu.first-sub { + top: 100%; + right: 0; + left: auto; +} + +.is-dropdown-menu.vertical { + width: 100px; +} +.is-dropdown-menu.vertical.align-right { + float: right; +} + +.is-dropdown-submenu-parent { + position: relative; +} +.is-dropdown-submenu-parent a::after { + position: absolute; + top: 50%; + right: 5px; + left: auto; + margin-top: -6px; +} +.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { + top: 100%; + left: auto; +} +.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { + right: 100%; + left: auto; +} +.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; +} + +.is-dropdown-submenu { + position: absolute; + top: 0; + left: 100%; + z-index: 1; + display: none; + min-width: 200px; + border: 1px solid #cacaca; + background: #fefefe; +} +.dropdown .is-dropdown-submenu a { + padding: 0.7rem 1rem; +} +.is-dropdown-submenu .is-dropdown-submenu-parent > a::after { + right: 14px; +} +.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 5px; +} +.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; +} +.is-dropdown-submenu .is-dropdown-submenu { + margin-top: -1px; +} +.is-dropdown-submenu > li { + width: 100%; +} +.is-dropdown-submenu.js-dropdown-active { + display: block; +} + +.is-off-canvas-open { + overflow: hidden; +} + +.js-off-canvas-overlay { + position: absolute; + top: 0; + left: 0; + z-index: 11; + width: 100%; + height: 100%; + transition: opacity 0.5s ease, visibility 0.5s ease; + background: rgba(254, 254, 254, 0.25); + opacity: 0; + visibility: hidden; + overflow: hidden; +} +.js-off-canvas-overlay.is-visible { + opacity: 1; + visibility: visible; +} +.js-off-canvas-overlay.is-closable { + cursor: pointer; +} +.js-off-canvas-overlay.is-overlay-absolute { + position: absolute; +} +.js-off-canvas-overlay.is-overlay-fixed { + position: fixed; +} + +.off-canvas-wrapper { + position: relative; + overflow: hidden; +} + +.off-canvas { + position: fixed; + z-index: 12; + transition: transform 0.5s ease; + backface-visibility: hidden; + background: #e6e6e6; +} +[data-whatinput=mouse] .off-canvas { + outline: 0; +} +.off-canvas.is-transition-push { + z-index: 12; +} +.off-canvas.is-closed { + visibility: hidden; +} +.off-canvas.is-transition-overlap { + z-index: 13; +} +.off-canvas.is-transition-overlap.is-open { + box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); +} +.off-canvas.is-open { + transform: translate(0, 0); +} + +.off-canvas-absolute { + position: absolute; + z-index: 12; + transition: transform 0.5s ease; + backface-visibility: hidden; + background: #e6e6e6; +} +[data-whatinput=mouse] .off-canvas-absolute { + outline: 0; +} +.off-canvas-absolute.is-transition-push { + z-index: 12; +} +.off-canvas-absolute.is-closed { + visibility: hidden; +} +.off-canvas-absolute.is-transition-overlap { + z-index: 13; +} +.off-canvas-absolute.is-transition-overlap.is-open { + box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); +} +.off-canvas-absolute.is-open { + transform: translate(0, 0); +} + +.position-left { + top: 0; + left: 0; + height: 100%; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + width: 250px; + transform: translateX(-250px); +} +.off-canvas-content .off-canvas.position-left { + transform: translateX(-250px); +} +.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { + transform: translate(0, 0); +} + +.off-canvas-content.is-open-left.has-transition-push { + transform: translateX(250px); +} + +.position-left.is-transition-push { + box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); +} + +.position-right { + top: 0; + right: 0; + height: 100%; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + width: 250px; + transform: translateX(250px); +} +.off-canvas-content .off-canvas.position-right { + transform: translateX(250px); +} +.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { + transform: translate(0, 0); +} + +.off-canvas-content.is-open-right.has-transition-push { + transform: translateX(-250px); +} + +.position-right.is-transition-push { + box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); +} + +.position-top { + top: 0; + left: 0; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + height: 250px; + transform: translateY(-250px); +} +.off-canvas-content .off-canvas.position-top { + transform: translateY(-250px); +} +.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { + transform: translate(0, 0); +} + +.off-canvas-content.is-open-top.has-transition-push { + transform: translateY(250px); +} + +.position-top.is-transition-push { + box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); +} + +.position-bottom { + bottom: 0; + left: 0; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + height: 250px; + transform: translateY(250px); +} +.off-canvas-content .off-canvas.position-bottom { + transform: translateY(250px); +} +.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { + transform: translate(0, 0); +} + +.off-canvas-content.is-open-bottom.has-transition-push { + transform: translateY(-250px); +} + +.position-bottom.is-transition-push { + box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); +} + +.off-canvas-content { + transform: none; + backface-visibility: hidden; +} +.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push { + transition: transform 0.5s ease; +} +.off-canvas-content.has-transition-push { + transform: translate(0, 0); +} +.off-canvas-content .off-canvas.is-open { + transform: translate(0, 0); +} + +@media print, screen and (min-width: 40em) { + .position-left.reveal-for-medium { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-left.reveal-for-medium .close-button { + display: none; + } + .off-canvas-content .position-left.reveal-for-medium { + transform: none; + } + .off-canvas-content.has-reveal-left { + margin-left: 250px; + } + .position-left.reveal-for-medium ~ .off-canvas-content { + margin-left: 250px; + } + .position-right.reveal-for-medium { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-right.reveal-for-medium .close-button { + display: none; + } + .off-canvas-content .position-right.reveal-for-medium { + transform: none; + } + .off-canvas-content.has-reveal-right { + margin-right: 250px; + } + .position-right.reveal-for-medium ~ .off-canvas-content { + margin-right: 250px; + } + .position-top.reveal-for-medium { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-top.reveal-for-medium .close-button { + display: none; + } + .off-canvas-content .position-top.reveal-for-medium { + transform: none; + } + .off-canvas-content.has-reveal-top { + margin-top: 250px; + } + .position-top.reveal-for-medium ~ .off-canvas-content { + margin-top: 250px; + } + .position-bottom.reveal-for-medium { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-bottom.reveal-for-medium .close-button { + display: none; + } + .off-canvas-content .position-bottom.reveal-for-medium { + transform: none; + } + .off-canvas-content.has-reveal-bottom { + margin-bottom: 250px; + } + .position-bottom.reveal-for-medium ~ .off-canvas-content { + margin-bottom: 250px; + } +} +@media print, screen and (min-width: 64em) { + .position-left.reveal-for-large { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-left.reveal-for-large .close-button { + display: none; + } + .off-canvas-content .position-left.reveal-for-large { + transform: none; + } + .off-canvas-content.has-reveal-left { + margin-left: 250px; + } + .position-left.reveal-for-large ~ .off-canvas-content { + margin-left: 250px; + } + .position-right.reveal-for-large { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-right.reveal-for-large .close-button { + display: none; + } + .off-canvas-content .position-right.reveal-for-large { + transform: none; + } + .off-canvas-content.has-reveal-right { + margin-right: 250px; + } + .position-right.reveal-for-large ~ .off-canvas-content { + margin-right: 250px; + } + .position-top.reveal-for-large { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-top.reveal-for-large .close-button { + display: none; + } + .off-canvas-content .position-top.reveal-for-large { + transform: none; + } + .off-canvas-content.has-reveal-top { + margin-top: 250px; + } + .position-top.reveal-for-large ~ .off-canvas-content { + margin-top: 250px; + } + .position-bottom.reveal-for-large { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-bottom.reveal-for-large .close-button { + display: none; + } + .off-canvas-content .position-bottom.reveal-for-large { + transform: none; + } + .off-canvas-content.has-reveal-bottom { + margin-bottom: 250px; + } + .position-bottom.reveal-for-large ~ .off-canvas-content { + margin-bottom: 250px; + } +} +@media print, screen and (min-width: 40em) { + .off-canvas.in-canvas-for-medium { + visibility: visible; + height: auto; + position: static; + background: none; + width: auto; + overflow: visible; + transition: none; + } + .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { + box-shadow: none; + transform: none; + } + .off-canvas.in-canvas-for-medium .close-button { + display: none; + } +} +@media print, screen and (min-width: 64em) { + .off-canvas.in-canvas-for-large { + visibility: visible; + height: auto; + position: static; + background: none; + width: auto; + overflow: visible; + transition: none; + } + .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { + box-shadow: none; + transform: none; + } + .off-canvas.in-canvas-for-large .close-button { + display: none; + } +} +html.is-reveal-open { + position: fixed; + width: 100%; + overflow-y: hidden; +} +html.is-reveal-open.zf-has-scroll { + overflow-y: scroll; + -webkit-overflow-scrolling: touch; +} +html.is-reveal-open body { + overflow-y: hidden; +} + +.reveal-overlay { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1005; + display: none; + background-color: rgba(10, 10, 10, 0.45); + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} + +.reveal { + z-index: 1006; + backface-visibility: hidden; + display: none; + padding: 1rem; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + position: relative; + top: 100px; + margin-right: auto; + margin-left: auto; + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} +[data-whatinput=mouse] .reveal { + outline: 0; +} +@media print, screen and (min-width: 40em) { + .reveal { + min-height: 0; + } +} +.reveal .column { + min-width: 0; +} +.reveal > :last-child { + margin-bottom: 0; +} +@media print, screen and (min-width: 40em) { + .reveal { + width: 600px; + max-width: 75rem; + } +} +.reveal.collapse { + padding: 0; +} +@media print, screen and (min-width: 40em) { + .reveal.tiny { + width: 30%; + max-width: 75rem; + } +} +@media print, screen and (min-width: 40em) { + .reveal.small { + width: 50%; + max-width: 75rem; + } +} +@media print, screen and (min-width: 40em) { + .reveal.large { + width: 90%; + max-width: 75rem; + } +} +.reveal.full { + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + max-width: none; + height: 100%; + min-height: 100%; + margin-left: 0; + border: 0; + border-radius: 0; +} +@media print, screen and (max-width: 39.99875em) { + .reveal { + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + max-width: none; + height: 100%; + min-height: 100%; + margin-left: 0; + border: 0; + border-radius: 0; + } +} +.reveal.without-overlay { + position: fixed; +} + +.sticky-container { + position: relative; +} + +.sticky { + position: relative; + z-index: 0; + transform: translate3d(0, 0, 0); +} + +.sticky.is-stuck { + position: fixed; + z-index: 5; + width: 100%; +} +.sticky.is-stuck.is-at-top { + top: 0; +} +.sticky.is-stuck.is-at-bottom { + bottom: 0; +} + +.sticky.is-anchored { + position: relative; + right: auto; + left: auto; +} +.sticky.is-anchored.is-at-bottom { + bottom: 0; +} + +.title-bar { + padding: 0.5rem; + background: #0a0a0a; + color: #fefefe; + display: flex; + justify-content: flex-start; + align-items: center; +} +.title-bar .menu-icon { + margin-left: 0.25rem; + margin-right: 0.25rem; +} + +.title-bar-left, +.title-bar-right { + flex: 1 1 0px; +} + +.title-bar-right { + text-align: right; +} + +.title-bar-title { + display: inline-block; + vertical-align: middle; + font-weight: bold; +} + +.top-bar { + display: flex; + flex-wrap: nowrap; + justify-content: space-between; + align-items: center; + padding: 0.5rem; + flex-wrap: wrap; +} +.top-bar, +.top-bar ul { + background-color: #e6e6e6; +} +.top-bar input { + max-width: 200px; + margin-right: 1rem; +} +.top-bar .input-group-field { + width: 100%; + margin-right: 0; +} +.top-bar input.button { + width: auto; +} +.top-bar .top-bar-left, +.top-bar .top-bar-right { + flex: 0 0 100%; + max-width: 100%; +} +@media print, screen and (min-width: 40em) { + .top-bar { + flex-wrap: nowrap; + } + .top-bar .top-bar-left { + flex: 1 1 auto; + margin-right: auto; + } + .top-bar .top-bar-right { + flex: 0 1 auto; + margin-left: auto; + } +} +@media print, screen and (max-width: 63.99875em) { + .top-bar.stacked-for-medium { + flex-wrap: wrap; + } + .top-bar.stacked-for-medium .top-bar-left, + .top-bar.stacked-for-medium .top-bar-right { + flex: 0 0 100%; + max-width: 100%; + } +} +@media print, screen and (max-width: 74.99875em) { + .top-bar.stacked-for-large { + flex-wrap: wrap; + } + .top-bar.stacked-for-large .top-bar-left, + .top-bar.stacked-for-large .top-bar-right { + flex: 0 0 100%; + max-width: 100%; + } +} + +.top-bar-title { + flex: 0 0 auto; + margin: 0.5rem 1rem 0.5rem 0; +} + +.top-bar-left, +.top-bar-right { + flex: 0 0 auto; +} + +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-center { + display: block; + margin-right: auto; + margin-left: auto; +} + +.clearfix::before, .clearfix::after { + display: table; + content: " "; + flex-basis: 0; + order: 1; +} +.clearfix::after { + clear: both; +} + +.hide { + display: none !important; +} + +.invisible { + visibility: hidden; +} + +.visible { + visibility: visible; +} + +@media print, screen and (max-width: 39.99875em) { + .hide-for-small-only { + display: none !important; + } +} + +@media screen and (max-width: 0em), screen and (min-width: 40em) { + .show-for-small-only { + display: none !important; + } +} + +@media print, screen and (min-width: 40em) { + .hide-for-medium { + display: none !important; + } +} + +@media screen and (max-width: 39.99875em) { + .show-for-medium { + display: none !important; + } +} + +@media print, screen and (min-width: 40em) and (max-width: 63.99875em) { + .hide-for-medium-only { + display: none !important; + } +} + +@media screen and (max-width: 39.99875em), screen and (min-width: 64em) { + .show-for-medium-only { + display: none !important; + } +} + +@media print, screen and (min-width: 64em) { + .hide-for-large { + display: none !important; + } +} + +@media screen and (max-width: 63.99875em) { + .show-for-large { + display: none !important; + } +} + +@media print, screen and (min-width: 64em) and (max-width: 74.99875em) { + .hide-for-large-only { + display: none !important; + } +} + +@media screen and (max-width: 63.99875em), screen and (min-width: 75em) { + .show-for-large-only { + display: none !important; + } +} + +.show-for-sr, +.show-on-focus { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; +} + +.show-on-focus:active, .show-on-focus:focus { + position: static !important; + width: auto !important; + height: auto !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; +} + +.show-for-landscape, +.hide-for-portrait { + display: block !important; +} +@media screen and (orientation: landscape) { + .show-for-landscape, + .hide-for-portrait { + display: block !important; + } +} +@media screen and (orientation: portrait) { + .show-for-landscape, + .hide-for-portrait { + display: none !important; + } +} + +.hide-for-landscape, +.show-for-portrait { + display: none !important; +} +@media screen and (orientation: landscape) { + .hide-for-landscape, + .show-for-portrait { + display: none !important; + } +} +@media screen and (orientation: portrait) { + .hide-for-landscape, + .show-for-portrait { + display: block !important; + } +} + +.show-for-dark-mode { + display: none; +} + +.hide-for-dark-mode { + display: block; +} + +@media screen and (prefers-color-scheme: dark) { + .show-for-dark-mode { + display: block !important; + } + .hide-for-dark-mode { + display: none !important; + } +} +.show-for-ie { + display: none; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .show-for-ie { + display: block !important; + } + .hide-for-ie { + display: none !important; + } +} +.show-for-sticky { + display: none; +} + +.is-stuck .show-for-sticky { + display: block; +} + +.is-stuck .hide-for-sticky { + display: none; +}" +`; + +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +/** + * Foundation for Sites + * Version 6.8.1 + * https://get.foundation + * Licensed under MIT Open Source + */ +@media print, screen and (min-width: 40em) { + .reveal.large, .reveal.small, .reveal.tiny, .reveal { + right: auto; + left: auto; + margin: 0 auto; + } +} +/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ +html { + line-height: 1.15; + -webkit-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +pre { + font-family: monospace, monospace; + font-size: 1em; +} + +a { + background-color: transparent; +} + +abbr[title] { + border-bottom: 0; + text-decoration: underline dotted; +} + +b, +strong { + font-weight: bolder; +} + +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +img { + border-style: none; +} + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + font-size: 100%; + line-height: 1.15; + margin: 0; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +button:-moz-focusring, +[type=button]:-moz-focusring, +[type=reset]:-moz-focusring, +[type=submit]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +legend { + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +textarea { + overflow: auto; +} + +[type=checkbox], +[type=radio] { + box-sizing: border-box; + padding: 0; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +details { + display: block; +} + +summary { + display: list-item; +} + +template { + display: none; +} + +[hidden] { + display: none; +} + +[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus, +[data-whatintent=touch] *, +[data-whatintent=touch] *:focus, +[data-whatinput=mouse] *, +[data-whatinput=mouse] *:focus, +[data-whatinput=touch] *, +[data-whatinput=touch] *:focus { + outline: none; +} + +[draggable=false] { + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.foundation-mq { + font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; +} + +html { + box-sizing: border-box; + font-size: 100%; +} + +*, +*::before, +*::after { + box-sizing: inherit; +} + +body { + margin: 0; + padding: 0; + background: #fefefe; + font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; + font-weight: normal; + line-height: 1.5; + color: #0a0a0a; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +img { + display: inline-block; + vertical-align: middle; + max-width: 100%; + height: auto; + -ms-interpolation-mode: bicubic; +} + +textarea { + height: auto; + min-height: 50px; + border-radius: 0; +} + +select { + box-sizing: border-box; + width: 100%; + border-radius: 0; +} + +.map_canvas img, +.map_canvas embed, +.map_canvas object, +.mqa-display img, +.mqa-display embed, +.mqa-display object { + max-width: none !important; +} + +button { + padding: 0; + appearance: none; + border: 0; + border-radius: 0; + background: transparent; + line-height: 1; + cursor: auto; +} +[data-whatinput=mouse] button { + outline: 0; +} + +pre { + overflow: auto; + -webkit-overflow-scrolling: touch; +} + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; +} + +.is-visible { + display: block !important; +} + +.is-hidden { + display: none !important; +} + +[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], +textarea { + display: block; + box-sizing: border-box; + width: 100%; + height: 2.4375rem; + margin: 0 0 1rem; + padding: 0.5rem; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + font-family: inherit; + font-size: 1rem; + font-weight: normal; + line-height: 1.5; + color: #0a0a0a; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; + appearance: none; +} +[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, +textarea:focus { + outline: none; + border: 1px solid #8a8a8a; + background-color: #fefefe; + box-shadow: 0 0 5px #cacaca; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; +} + +textarea { + max-width: 100%; +} +textarea[rows] { + height: auto; +} + +input:disabled, input[readonly], +textarea:disabled, +textarea[readonly] { + background-color: #e6e6e6; + cursor: not-allowed; +} + +[type=submit], +[type=button] { + appearance: none; + border-radius: 0; +} + +input[type=search] { + box-sizing: border-box; +} + +::placeholder { + color: #cacaca; +} + +[type=file], +[type=checkbox], +[type=radio] { + margin: 0 0 1rem; +} + +[type=checkbox] + label, +[type=radio] + label { + display: inline-block; + vertical-align: baseline; + margin-left: 0.5rem; + margin-right: 1rem; + margin-bottom: 0; +} +[type=checkbox] + label[for], +[type=radio] + label[for] { + cursor: pointer; +} + +label > [type=checkbox], +label > [type=radio] { + margin-right: 0.5rem; +} + +[type=file] { + width: 100%; +} + +label { + display: block; + margin: 0; + font-size: 0.875rem; + font-weight: normal; + line-height: 1.8; + color: #0a0a0a; +} +label.middle { + margin: 0 0 1rem; + line-height: 1.5; + padding: 0.5625rem 0; +} + +.help-text { + margin-top: -0.5rem; + font-size: 0.8125rem; + font-style: italic; + color: #0a0a0a; +} + +.input-group { + display: flex; + width: 100%; + margin-bottom: 1rem; + align-items: stretch; +} +.input-group > :first-child, .input-group > :first-child.input-group-button > * { + border-radius: 0 0 0 0; +} +.input-group > :last-child, .input-group > :last-child.input-group-button > * { + border-radius: 0 0 0 0; +} + +.input-group-button a, +.input-group-button input, +.input-group-button button, +.input-group-button label, .input-group-button, .input-group-field, .input-group-label { + margin: 0; + white-space: nowrap; +} + +.input-group-label { + padding: 0 1rem; + border: 1px solid #cacaca; + background: #e6e6e6; + color: #0a0a0a; + text-align: center; + white-space: nowrap; + display: flex; + flex: 0 0 auto; + align-items: center; +} +.input-group-label:first-child { + border-right: 0; +} +.input-group-label:last-child { + border-left: 0; +} + +.input-group-field { + border-radius: 0; + flex: 1 1 0px; + min-width: 0; +} + +.input-group-button { + padding-top: 0; + padding-bottom: 0; + text-align: center; + display: flex; + flex: 0 0 auto; +} +.input-group-button a, +.input-group-button input, +.input-group-button button, +.input-group-button label { + align-self: stretch; + height: auto; + padding-top: 0; + padding-bottom: 0; + font-size: 1rem; +} + +fieldset { + margin: 0; + padding: 0; + border: 0; +} + +legend { + max-width: 100%; + margin-bottom: 0.5rem; +} + +.fieldset { + margin: 1.125rem 0; + padding: 1.25rem; + border: 1px solid #cacaca; +} +.fieldset legend { + margin: 0; + margin-left: -0.1875rem; + padding: 0 0.1875rem; +} + +select { + height: 2.4375rem; + margin: 0 0 1rem; + padding: 0.5rem; + appearance: none; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + font-family: inherit; + font-size: 1rem; + font-weight: normal; + line-height: 1.5; + color: #0a0a0a; + background-image: url('data:image/svg+xml;utf8,'); + background-origin: content-box; + background-position: right -1rem center; + background-repeat: no-repeat; + background-size: 9px 6px; + padding-right: 1.5rem; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; +} +@media screen and (min-width: 0\\0 ) { + select { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); + } +} +select:focus { + outline: none; + border: 1px solid #8a8a8a; + background-color: #fefefe; + box-shadow: 0 0 5px #cacaca; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; +} +select:disabled { + background-color: #e6e6e6; + cursor: not-allowed; +} +select::-ms-expand { + display: none; +} +select[multiple] { + height: auto; + background-image: none; +} +select:not([multiple]) { + padding-top: 0; + padding-bottom: 0; +} + +.is-invalid-input:not(:focus) { + border-color: #cc4b37; + background-color: #f9ecea; +} +.is-invalid-input:not(:focus)::placeholder { + color: #cc4b37; +} + +.is-invalid-label { + color: #cc4b37; +} + +.form-error { + display: none; + margin-top: -0.5rem; + margin-bottom: 1rem; + font-size: 0.75rem; + font-weight: bold; + color: #cc4b37; +} +.form-error.is-visible { + display: block; +} + +div, +dl, +dt, +dd, +ul, +ol, +li, +h1, +h2, +h3, +h4, +h5, +h6, +pre, +form, +p, +blockquote, +th, +td { + margin: 0; + padding: 0; +} + +p { + margin-bottom: 1rem; + font-size: inherit; + line-height: 1.6; + text-rendering: optimizeLegibility; +} + +em, +i { + font-style: italic; + line-height: inherit; +} + +strong, +b { + font-weight: bold; + line-height: inherit; +} + +small { + font-size: 80%; + line-height: inherit; +} + +h1, .h1, +h2, .h2, +h3, .h3, +h4, .h4, +h5, .h5, +h6, .h6 { + font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; + font-style: normal; + font-weight: normal; + color: inherit; + text-rendering: optimizeLegibility; +} +h1 small, .h1 small, +h2 small, .h2 small, +h3 small, .h3 small, +h4 small, .h4 small, +h5 small, .h5 small, +h6 small, .h6 small { + line-height: 0; + color: #cacaca; +} + +h1, .h1 { + font-size: 1.5rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h2, .h2 { + font-size: 1.25rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h3, .h3 { + font-size: 1.1875rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h4, .h4 { + font-size: 1.125rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h5, .h5 { + font-size: 1.0625rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h6, .h6 { + font-size: 1rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +@media print, screen and (min-width: 40em) { + h1, .h1 { + font-size: 3rem; + } + h2, .h2 { + font-size: 2.5rem; + } + h3, .h3 { + font-size: 1.9375rem; + } + h4, .h4 { + font-size: 1.5625rem; + } + h5, .h5 { + font-size: 1.25rem; + } + h6, .h6 { + font-size: 1rem; + } +} +a { + line-height: inherit; + color: #1779ba; + text-decoration: none; + cursor: pointer; +} +a:hover, a:focus { + color: #1468a0; +} +a img { + border: 0; +} + +hr { + clear: both; + max-width: 75rem; + height: 0; + margin: 1.25rem auto; + border-top: 0; + border-right: 0; + border-bottom: 1px solid #cacaca; + border-left: 0; +} + +ul, +ol, +dl { + margin-bottom: 1rem; + list-style-position: outside; + line-height: 1.6; +} + +li { + font-size: inherit; +} + +ul { + margin-left: 1.25rem; + list-style-type: disc; +} + +ol { + margin-left: 1.25rem; +} + +ul ul, ul ol, ol ul, ol ol { + margin-left: 1.25rem; + margin-bottom: 0; +} + +dl { + margin-bottom: 1rem; +} +dl dt { + margin-bottom: 0.3rem; + font-weight: bold; +} + +blockquote { + margin: 0 0 1rem; + padding: 0.5625rem 1.25rem 0 1.1875rem; + border-left: 1px solid #cacaca; +} +blockquote, blockquote p { + line-height: 1.6; + color: #8a8a8a; +} + +abbr, abbr[title] { + border-bottom: 1px dotted #0a0a0a; + cursor: help; + text-decoration: none; +} + +figure { + margin: 0; +} + +kbd { + margin: 0; + padding: 0.125rem 0.25rem 0; + background-color: #e6e6e6; + font-family: Consolas, "Liberation Mono", Courier, monospace; + color: #0a0a0a; +} + +.subheader { + margin-top: 0.2rem; + margin-bottom: 0.5rem; + font-weight: normal; + line-height: 1.4; + color: #8a8a8a; +} + +.lead { + font-size: 125%; + line-height: 1.6; +} + +.stat { + font-size: 2.5rem; + line-height: 1; +} +p + .stat { + margin-top: -1rem; +} + +ul.no-bullet, ol.no-bullet { + margin-left: 0; + list-style: none; +} + +.cite-block, cite { + display: block; + color: #8a8a8a; + font-size: 0.8125rem; +} +.cite-block:before, cite:before { + content: "— "; +} + +.code-inline, code { + border: 1px solid #cacaca; + background-color: #e6e6e6; + font-family: Consolas, "Liberation Mono", Courier, monospace; + font-weight: normal; + color: #0a0a0a; + display: inline; + max-width: 100%; + word-wrap: break-word; + padding: 0.125rem 0.3125rem 0.0625rem; +} + +.code-block { + border: 1px solid #cacaca; + background-color: #e6e6e6; + font-family: Consolas, "Liberation Mono", Courier, monospace; + font-weight: normal; + color: #0a0a0a; + display: block; + overflow: auto; + white-space: pre; + padding: 1rem; + margin-bottom: 1.5rem; +} + +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + +.text-justify { + text-align: justify; +} + +@media print, screen and (min-width: 40em) { + .medium-text-left { + text-align: left; + } + .medium-text-right { + text-align: right; + } + .medium-text-center { + text-align: center; + } + .medium-text-justify { + text-align: justify; + } +} +@media print, screen and (min-width: 64em) { + .large-text-left { + text-align: left; + } + .large-text-right { + text-align: right; + } + .large-text-center { + text-align: center; + } + .large-text-justify { + text-align: justify; + } +} +.show-for-print { + display: none !important; +} + +@media print { + * { + background: transparent !important; + color: black !important; + print-color-adjust: economy; + box-shadow: none !important; + text-shadow: none !important; + } + .show-for-print { + display: block !important; + } + .hide-for-print { + display: none !important; + } + table.show-for-print { + display: table !important; + } + thead.show-for-print { + display: table-header-group !important; + } + tbody.show-for-print { + display: table-row-group !important; + } + tr.show-for-print { + display: table-row !important; + } + td.show-for-print { + display: table-cell !important; + } + th.show-for-print { + display: table-cell !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + pre, + blockquote { + border: 1px solid #8a8a8a; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + .print-break-inside { + page-break-inside: auto; + } +} +.grid-container { + padding-right: 0.625rem; + padding-left: 0.625rem; + max-width: 75rem; + margin-left: auto; + margin-right: auto; +} +@media print, screen and (min-width: 40em) { + .grid-container { + padding-right: 0.9375rem; + padding-left: 0.9375rem; + } +} +.grid-container.fluid { + padding-right: 0.625rem; + padding-left: 0.625rem; + max-width: 100%; + margin-left: auto; + margin-right: auto; +} +@media print, screen and (min-width: 40em) { + .grid-container.fluid { + padding-right: 0.9375rem; + padding-left: 0.9375rem; + } +} +.grid-container.full { + padding-right: 0; + padding-left: 0; + max-width: 100%; + margin-left: auto; + margin-right: auto; +} + +.grid-x { + display: flex; + flex-flow: row wrap; +} + +.cell { + flex: 0 0 auto; + min-height: 0; + min-width: 0; + width: 100%; +} +.cell.auto { + flex: 1 1 0; +} +.cell.shrink { + flex: 0 0 auto; +} + +.grid-x > .auto { + width: auto; +} +.grid-x > .shrink { + width: auto; +} + +.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { + flex-basis: auto; +} + +@media print, screen and (min-width: 40em) { + .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { + flex-basis: auto; + } +} +@media print, screen and (min-width: 64em) { + .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { + flex-basis: auto; + } +} +.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 { + flex: 0 0 auto; +} + +.grid-x > .small-1 { + width: 8.3333333333%; +} + +.grid-x > .small-2 { + width: 16.6666666667%; +} + +.grid-x > .small-3 { + width: 25%; +} + +.grid-x > .small-4 { + width: 33.3333333333%; +} + +.grid-x > .small-5 { + width: 41.6666666667%; +} + +.grid-x > .small-6 { + width: 50%; +} + +.grid-x > .small-7 { + width: 58.3333333333%; +} + +.grid-x > .small-8 { + width: 66.6666666667%; +} + +.grid-x > .small-9 { + width: 75%; +} + +.grid-x > .small-10 { + width: 83.3333333333%; +} + +.grid-x > .small-11 { + width: 91.6666666667%; +} + +.grid-x > .small-12 { + width: 100%; +} + +@media print, screen and (min-width: 40em) { + .grid-x > .medium-auto { + flex: 1 1 0; + width: auto; + } + .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink { + flex: 0 0 auto; + } + .grid-x > .medium-shrink { + width: auto; + } + .grid-x > .medium-1 { + width: 8.3333333333%; + } + .grid-x > .medium-2 { + width: 16.6666666667%; + } + .grid-x > .medium-3 { + width: 25%; + } + .grid-x > .medium-4 { + width: 33.3333333333%; + } + .grid-x > .medium-5 { + width: 41.6666666667%; + } + .grid-x > .medium-6 { + width: 50%; + } + .grid-x > .medium-7 { + width: 58.3333333333%; + } + .grid-x > .medium-8 { + width: 66.6666666667%; + } + .grid-x > .medium-9 { + width: 75%; + } + .grid-x > .medium-10 { + width: 83.3333333333%; + } + .grid-x > .medium-11 { + width: 91.6666666667%; + } + .grid-x > .medium-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .grid-x > .large-auto { + flex: 1 1 0; + width: auto; + } + .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink { + flex: 0 0 auto; + } + .grid-x > .large-shrink { + width: auto; + } + .grid-x > .large-1 { + width: 8.3333333333%; + } + .grid-x > .large-2 { + width: 16.6666666667%; + } + .grid-x > .large-3 { + width: 25%; + } + .grid-x > .large-4 { + width: 33.3333333333%; + } + .grid-x > .large-5 { + width: 41.6666666667%; + } + .grid-x > .large-6 { + width: 50%; + } + .grid-x > .large-7 { + width: 58.3333333333%; + } + .grid-x > .large-8 { + width: 66.6666666667%; + } + .grid-x > .large-9 { + width: 75%; + } + .grid-x > .large-10 { + width: 83.3333333333%; + } + .grid-x > .large-11 { + width: 91.6666666667%; + } + .grid-x > .large-12 { + width: 100%; + } +} +.grid-margin-x:not(.grid-x) > .cell { + width: auto; +} + +.grid-margin-y:not(.grid-y) > .cell { + height: auto; +} + +.grid-margin-x { + margin-left: -0.625rem; + margin-right: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-x { + margin-left: -0.9375rem; + margin-right: -0.9375rem; + } +} +.grid-margin-x > .cell { + width: calc(100% - 1.25rem); + margin-left: 0.625rem; + margin-right: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-x > .cell { + width: calc(100% - 1.875rem); + margin-left: 0.9375rem; + margin-right: 0.9375rem; + } +} +.grid-margin-x > .auto { + width: auto; +} +.grid-margin-x > .shrink { + width: auto; +} +.grid-margin-x > .small-1 { + width: calc(8.3333333333% - 1.25rem); +} +.grid-margin-x > .small-2 { + width: calc(16.6666666667% - 1.25rem); +} +.grid-margin-x > .small-3 { + width: calc(25% - 1.25rem); +} +.grid-margin-x > .small-4 { + width: calc(33.3333333333% - 1.25rem); +} +.grid-margin-x > .small-5 { + width: calc(41.6666666667% - 1.25rem); +} +.grid-margin-x > .small-6 { + width: calc(50% - 1.25rem); +} +.grid-margin-x > .small-7 { + width: calc(58.3333333333% - 1.25rem); +} +.grid-margin-x > .small-8 { + width: calc(66.6666666667% - 1.25rem); +} +.grid-margin-x > .small-9 { + width: calc(75% - 1.25rem); +} +.grid-margin-x > .small-10 { + width: calc(83.3333333333% - 1.25rem); +} +.grid-margin-x > .small-11 { + width: calc(91.6666666667% - 1.25rem); +} +.grid-margin-x > .small-12 { + width: calc(100% - 1.25rem); +} +@media print, screen and (min-width: 40em) { + .grid-margin-x > .auto { + width: auto; + } + .grid-margin-x > .shrink { + width: auto; + } + .grid-margin-x > .small-1 { + width: calc(8.3333333333% - 1.875rem); + } + .grid-margin-x > .small-2 { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x > .small-3 { + width: calc(25% - 1.875rem); + } + .grid-margin-x > .small-4 { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x > .small-5 { + width: calc(41.6666666667% - 1.875rem); + } + .grid-margin-x > .small-6 { + width: calc(50% - 1.875rem); + } + .grid-margin-x > .small-7 { + width: calc(58.3333333333% - 1.875rem); + } + .grid-margin-x > .small-8 { + width: calc(66.6666666667% - 1.875rem); + } + .grid-margin-x > .small-9 { + width: calc(75% - 1.875rem); + } + .grid-margin-x > .small-10 { + width: calc(83.3333333333% - 1.875rem); + } + .grid-margin-x > .small-11 { + width: calc(91.6666666667% - 1.875rem); + } + .grid-margin-x > .small-12 { + width: calc(100% - 1.875rem); + } + .grid-margin-x > .medium-auto { + width: auto; + } + .grid-margin-x > .medium-shrink { + width: auto; + } + .grid-margin-x > .medium-1 { + width: calc(8.3333333333% - 1.875rem); + } + .grid-margin-x > .medium-2 { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x > .medium-3 { + width: calc(25% - 1.875rem); + } + .grid-margin-x > .medium-4 { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x > .medium-5 { + width: calc(41.6666666667% - 1.875rem); + } + .grid-margin-x > .medium-6 { + width: calc(50% - 1.875rem); + } + .grid-margin-x > .medium-7 { + width: calc(58.3333333333% - 1.875rem); + } + .grid-margin-x > .medium-8 { + width: calc(66.6666666667% - 1.875rem); + } + .grid-margin-x > .medium-9 { + width: calc(75% - 1.875rem); + } + .grid-margin-x > .medium-10 { + width: calc(83.3333333333% - 1.875rem); + } + .grid-margin-x > .medium-11 { + width: calc(91.6666666667% - 1.875rem); + } + .grid-margin-x > .medium-12 { + width: calc(100% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-x > .large-auto { + width: auto; + } + .grid-margin-x > .large-shrink { + width: auto; + } + .grid-margin-x > .large-1 { + width: calc(8.3333333333% - 1.875rem); + } + .grid-margin-x > .large-2 { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x > .large-3 { + width: calc(25% - 1.875rem); + } + .grid-margin-x > .large-4 { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x > .large-5 { + width: calc(41.6666666667% - 1.875rem); + } + .grid-margin-x > .large-6 { + width: calc(50% - 1.875rem); + } + .grid-margin-x > .large-7 { + width: calc(58.3333333333% - 1.875rem); + } + .grid-margin-x > .large-8 { + width: calc(66.6666666667% - 1.875rem); + } + .grid-margin-x > .large-9 { + width: calc(75% - 1.875rem); + } + .grid-margin-x > .large-10 { + width: calc(83.3333333333% - 1.875rem); + } + .grid-margin-x > .large-11 { + width: calc(91.6666666667% - 1.875rem); + } + .grid-margin-x > .large-12 { + width: calc(100% - 1.875rem); + } +} + +.grid-padding-x .grid-padding-x { + margin-right: -0.625rem; + margin-left: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-x .grid-padding-x { + margin-right: -0.9375rem; + margin-left: -0.9375rem; + } +} +.grid-container:not(.full) > .grid-padding-x { + margin-right: -0.625rem; + margin-left: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-container:not(.full) > .grid-padding-x { + margin-right: -0.9375rem; + margin-left: -0.9375rem; + } +} +.grid-padding-x > .cell { + padding-right: 0.625rem; + padding-left: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-x > .cell { + padding-right: 0.9375rem; + padding-left: 0.9375rem; + } +} + +.small-up-1 > .cell { + width: 100%; +} + +.small-up-2 > .cell { + width: 50%; +} + +.small-up-3 > .cell { + width: 33.3333333333%; +} + +.small-up-4 > .cell { + width: 25%; +} + +.small-up-5 > .cell { + width: 20%; +} + +.small-up-6 > .cell { + width: 16.6666666667%; +} + +.small-up-7 > .cell { + width: 14.2857142857%; +} + +.small-up-8 > .cell { + width: 12.5%; +} + +@media print, screen and (min-width: 40em) { + .medium-up-1 > .cell { + width: 100%; + } + .medium-up-2 > .cell { + width: 50%; + } + .medium-up-3 > .cell { + width: 33.3333333333%; + } + .medium-up-4 > .cell { + width: 25%; + } + .medium-up-5 > .cell { + width: 20%; + } + .medium-up-6 > .cell { + width: 16.6666666667%; + } + .medium-up-7 > .cell { + width: 14.2857142857%; + } + .medium-up-8 > .cell { + width: 12.5%; + } +} +@media print, screen and (min-width: 64em) { + .large-up-1 > .cell { + width: 100%; + } + .large-up-2 > .cell { + width: 50%; + } + .large-up-3 > .cell { + width: 33.3333333333%; + } + .large-up-4 > .cell { + width: 25%; + } + .large-up-5 > .cell { + width: 20%; + } + .large-up-6 > .cell { + width: 16.6666666667%; + } + .large-up-7 > .cell { + width: 14.2857142857%; + } + .large-up-8 > .cell { + width: 12.5%; + } +} +.grid-margin-x.small-up-1 > .cell { + width: calc(100% - 1.25rem); +} + +.grid-margin-x.small-up-2 > .cell { + width: calc(50% - 1.25rem); +} + +.grid-margin-x.small-up-3 > .cell { + width: calc(33.3333333333% - 1.25rem); +} + +.grid-margin-x.small-up-4 > .cell { + width: calc(25% - 1.25rem); +} + +.grid-margin-x.small-up-5 > .cell { + width: calc(20% - 1.25rem); +} + +.grid-margin-x.small-up-6 > .cell { + width: calc(16.6666666667% - 1.25rem); +} + +.grid-margin-x.small-up-7 > .cell { + width: calc(14.2857142857% - 1.25rem); +} + +.grid-margin-x.small-up-8 > .cell { + width: calc(12.5% - 1.25rem); +} + +@media print, screen and (min-width: 40em) { + .grid-margin-x.small-up-1 > .cell { + width: calc(100% - 1.875rem); + } + .grid-margin-x.small-up-2 > .cell { + width: calc(50% - 1.875rem); + } + .grid-margin-x.small-up-3 > .cell { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x.small-up-4 > .cell { + width: calc(25% - 1.875rem); + } + .grid-margin-x.small-up-5 > .cell { + width: calc(20% - 1.875rem); + } + .grid-margin-x.small-up-6 > .cell { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x.small-up-7 > .cell { + width: calc(14.2857142857% - 1.875rem); + } + .grid-margin-x.small-up-8 > .cell { + width: calc(12.5% - 1.875rem); + } + .grid-margin-x.medium-up-1 > .cell { + width: calc(100% - 1.875rem); + } + .grid-margin-x.medium-up-2 > .cell { + width: calc(50% - 1.875rem); + } + .grid-margin-x.medium-up-3 > .cell { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x.medium-up-4 > .cell { + width: calc(25% - 1.875rem); + } + .grid-margin-x.medium-up-5 > .cell { + width: calc(20% - 1.875rem); + } + .grid-margin-x.medium-up-6 > .cell { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x.medium-up-7 > .cell { + width: calc(14.2857142857% - 1.875rem); + } + .grid-margin-x.medium-up-8 > .cell { + width: calc(12.5% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-x.large-up-1 > .cell { + width: calc(100% - 1.875rem); + } + .grid-margin-x.large-up-2 > .cell { + width: calc(50% - 1.875rem); + } + .grid-margin-x.large-up-3 > .cell { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x.large-up-4 > .cell { + width: calc(25% - 1.875rem); + } + .grid-margin-x.large-up-5 > .cell { + width: calc(20% - 1.875rem); + } + .grid-margin-x.large-up-6 > .cell { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x.large-up-7 > .cell { + width: calc(14.2857142857% - 1.875rem); + } + .grid-margin-x.large-up-8 > .cell { + width: calc(12.5% - 1.875rem); + } +} +.small-margin-collapse { + margin-right: 0; + margin-left: 0; +} +.small-margin-collapse > .cell { + margin-right: 0; + margin-left: 0; +} +.small-margin-collapse > .small-1 { + width: 8.3333333333%; +} +.small-margin-collapse > .small-2 { + width: 16.6666666667%; +} +.small-margin-collapse > .small-3 { + width: 25%; +} +.small-margin-collapse > .small-4 { + width: 33.3333333333%; +} +.small-margin-collapse > .small-5 { + width: 41.6666666667%; +} +.small-margin-collapse > .small-6 { + width: 50%; +} +.small-margin-collapse > .small-7 { + width: 58.3333333333%; +} +.small-margin-collapse > .small-8 { + width: 66.6666666667%; +} +.small-margin-collapse > .small-9 { + width: 75%; +} +.small-margin-collapse > .small-10 { + width: 83.3333333333%; +} +.small-margin-collapse > .small-11 { + width: 91.6666666667%; +} +.small-margin-collapse > .small-12 { + width: 100%; +} +@media print, screen and (min-width: 40em) { + .small-margin-collapse > .medium-1 { + width: 8.3333333333%; + } + .small-margin-collapse > .medium-2 { + width: 16.6666666667%; + } + .small-margin-collapse > .medium-3 { + width: 25%; + } + .small-margin-collapse > .medium-4 { + width: 33.3333333333%; + } + .small-margin-collapse > .medium-5 { + width: 41.6666666667%; + } + .small-margin-collapse > .medium-6 { + width: 50%; + } + .small-margin-collapse > .medium-7 { + width: 58.3333333333%; + } + .small-margin-collapse > .medium-8 { + width: 66.6666666667%; + } + .small-margin-collapse > .medium-9 { + width: 75%; + } + .small-margin-collapse > .medium-10 { + width: 83.3333333333%; + } + .small-margin-collapse > .medium-11 { + width: 91.6666666667%; + } + .small-margin-collapse > .medium-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .small-margin-collapse > .large-1 { + width: 8.3333333333%; + } + .small-margin-collapse > .large-2 { + width: 16.6666666667%; + } + .small-margin-collapse > .large-3 { + width: 25%; + } + .small-margin-collapse > .large-4 { + width: 33.3333333333%; + } + .small-margin-collapse > .large-5 { + width: 41.6666666667%; + } + .small-margin-collapse > .large-6 { + width: 50%; + } + .small-margin-collapse > .large-7 { + width: 58.3333333333%; + } + .small-margin-collapse > .large-8 { + width: 66.6666666667%; + } + .small-margin-collapse > .large-9 { + width: 75%; + } + .small-margin-collapse > .large-10 { + width: 83.3333333333%; + } + .small-margin-collapse > .large-11 { + width: 91.6666666667%; + } + .small-margin-collapse > .large-12 { + width: 100%; + } +} + +.small-padding-collapse { + margin-right: 0; + margin-left: 0; +} +.small-padding-collapse > .cell { + padding-right: 0; + padding-left: 0; +} + +@media print, screen and (min-width: 40em) { + .medium-margin-collapse { + margin-right: 0; + margin-left: 0; + } + .medium-margin-collapse > .cell { + margin-right: 0; + margin-left: 0; + } +} +@media print, screen and (min-width: 40em) { + .medium-margin-collapse > .small-1 { + width: 8.3333333333%; + } + .medium-margin-collapse > .small-2 { + width: 16.6666666667%; + } + .medium-margin-collapse > .small-3 { + width: 25%; + } + .medium-margin-collapse > .small-4 { + width: 33.3333333333%; + } + .medium-margin-collapse > .small-5 { + width: 41.6666666667%; + } + .medium-margin-collapse > .small-6 { + width: 50%; + } + .medium-margin-collapse > .small-7 { + width: 58.3333333333%; + } + .medium-margin-collapse > .small-8 { + width: 66.6666666667%; + } + .medium-margin-collapse > .small-9 { + width: 75%; + } + .medium-margin-collapse > .small-10 { + width: 83.3333333333%; + } + .medium-margin-collapse > .small-11 { + width: 91.6666666667%; + } + .medium-margin-collapse > .small-12 { + width: 100%; + } +} +@media print, screen and (min-width: 40em) { + .medium-margin-collapse > .medium-1 { + width: 8.3333333333%; + } + .medium-margin-collapse > .medium-2 { + width: 16.6666666667%; + } + .medium-margin-collapse > .medium-3 { + width: 25%; + } + .medium-margin-collapse > .medium-4 { + width: 33.3333333333%; + } + .medium-margin-collapse > .medium-5 { + width: 41.6666666667%; + } + .medium-margin-collapse > .medium-6 { + width: 50%; + } + .medium-margin-collapse > .medium-7 { + width: 58.3333333333%; + } + .medium-margin-collapse > .medium-8 { + width: 66.6666666667%; + } + .medium-margin-collapse > .medium-9 { + width: 75%; + } + .medium-margin-collapse > .medium-10 { + width: 83.3333333333%; + } + .medium-margin-collapse > .medium-11 { + width: 91.6666666667%; + } + .medium-margin-collapse > .medium-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .medium-margin-collapse > .large-1 { + width: 8.3333333333%; + } + .medium-margin-collapse > .large-2 { + width: 16.6666666667%; + } + .medium-margin-collapse > .large-3 { + width: 25%; + } + .medium-margin-collapse > .large-4 { + width: 33.3333333333%; + } + .medium-margin-collapse > .large-5 { + width: 41.6666666667%; + } + .medium-margin-collapse > .large-6 { + width: 50%; + } + .medium-margin-collapse > .large-7 { + width: 58.3333333333%; + } + .medium-margin-collapse > .large-8 { + width: 66.6666666667%; + } + .medium-margin-collapse > .large-9 { + width: 75%; + } + .medium-margin-collapse > .large-10 { + width: 83.3333333333%; + } + .medium-margin-collapse > .large-11 { + width: 91.6666666667%; + } + .medium-margin-collapse > .large-12 { + width: 100%; + } +} + +@media print, screen and (min-width: 40em) { + .medium-padding-collapse { + margin-right: 0; + margin-left: 0; + } + .medium-padding-collapse > .cell { + padding-right: 0; + padding-left: 0; + } +} + +@media print, screen and (min-width: 64em) { + .large-margin-collapse { + margin-right: 0; + margin-left: 0; + } + .large-margin-collapse > .cell { + margin-right: 0; + margin-left: 0; + } +} +@media print, screen and (min-width: 64em) { + .large-margin-collapse > .small-1 { + width: 8.3333333333%; + } + .large-margin-collapse > .small-2 { + width: 16.6666666667%; + } + .large-margin-collapse > .small-3 { + width: 25%; + } + .large-margin-collapse > .small-4 { + width: 33.3333333333%; + } + .large-margin-collapse > .small-5 { + width: 41.6666666667%; + } + .large-margin-collapse > .small-6 { + width: 50%; + } + .large-margin-collapse > .small-7 { + width: 58.3333333333%; + } + .large-margin-collapse > .small-8 { + width: 66.6666666667%; + } + .large-margin-collapse > .small-9 { + width: 75%; + } + .large-margin-collapse > .small-10 { + width: 83.3333333333%; + } + .large-margin-collapse > .small-11 { + width: 91.6666666667%; + } + .large-margin-collapse > .small-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .large-margin-collapse > .medium-1 { + width: 8.3333333333%; + } + .large-margin-collapse > .medium-2 { + width: 16.6666666667%; + } + .large-margin-collapse > .medium-3 { + width: 25%; + } + .large-margin-collapse > .medium-4 { + width: 33.3333333333%; + } + .large-margin-collapse > .medium-5 { + width: 41.6666666667%; + } + .large-margin-collapse > .medium-6 { + width: 50%; + } + .large-margin-collapse > .medium-7 { + width: 58.3333333333%; + } + .large-margin-collapse > .medium-8 { + width: 66.6666666667%; + } + .large-margin-collapse > .medium-9 { + width: 75%; + } + .large-margin-collapse > .medium-10 { + width: 83.3333333333%; + } + .large-margin-collapse > .medium-11 { + width: 91.6666666667%; + } + .large-margin-collapse > .medium-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .large-margin-collapse > .large-1 { + width: 8.3333333333%; + } + .large-margin-collapse > .large-2 { + width: 16.6666666667%; + } + .large-margin-collapse > .large-3 { + width: 25%; + } + .large-margin-collapse > .large-4 { + width: 33.3333333333%; + } + .large-margin-collapse > .large-5 { + width: 41.6666666667%; + } + .large-margin-collapse > .large-6 { + width: 50%; + } + .large-margin-collapse > .large-7 { + width: 58.3333333333%; + } + .large-margin-collapse > .large-8 { + width: 66.6666666667%; + } + .large-margin-collapse > .large-9 { + width: 75%; + } + .large-margin-collapse > .large-10 { + width: 83.3333333333%; + } + .large-margin-collapse > .large-11 { + width: 91.6666666667%; + } + .large-margin-collapse > .large-12 { + width: 100%; + } +} + +@media print, screen and (min-width: 64em) { + .large-padding-collapse { + margin-right: 0; + margin-left: 0; + } + .large-padding-collapse > .cell { + padding-right: 0; + padding-left: 0; + } +} + +.small-offset-0 { + margin-left: 0%; +} + +.grid-margin-x > .small-offset-0 { + margin-left: calc(0% + 1.25rem / 2); +} + +.small-offset-1 { + margin-left: 8.3333333333%; +} + +.grid-margin-x > .small-offset-1 { + margin-left: calc(8.3333333333% + 1.25rem / 2); +} + +.small-offset-2 { + margin-left: 16.6666666667%; +} + +.grid-margin-x > .small-offset-2 { + margin-left: calc(16.6666666667% + 1.25rem / 2); +} + +.small-offset-3 { + margin-left: 25%; +} + +.grid-margin-x > .small-offset-3 { + margin-left: calc(25% + 1.25rem / 2); +} + +.small-offset-4 { + margin-left: 33.3333333333%; +} + +.grid-margin-x > .small-offset-4 { + margin-left: calc(33.3333333333% + 1.25rem / 2); +} + +.small-offset-5 { + margin-left: 41.6666666667%; +} + +.grid-margin-x > .small-offset-5 { + margin-left: calc(41.6666666667% + 1.25rem / 2); +} + +.small-offset-6 { + margin-left: 50%; +} + +.grid-margin-x > .small-offset-6 { + margin-left: calc(50% + 1.25rem / 2); +} + +.small-offset-7 { + margin-left: 58.3333333333%; +} + +.grid-margin-x > .small-offset-7 { + margin-left: calc(58.3333333333% + 1.25rem / 2); +} + +.small-offset-8 { + margin-left: 66.6666666667%; +} + +.grid-margin-x > .small-offset-8 { + margin-left: calc(66.6666666667% + 1.25rem / 2); +} + +.small-offset-9 { + margin-left: 75%; +} + +.grid-margin-x > .small-offset-9 { + margin-left: calc(75% + 1.25rem / 2); +} + +.small-offset-10 { + margin-left: 83.3333333333%; +} + +.grid-margin-x > .small-offset-10 { + margin-left: calc(83.3333333333% + 1.25rem / 2); +} + +.small-offset-11 { + margin-left: 91.6666666667%; +} + +.grid-margin-x > .small-offset-11 { + margin-left: calc(91.6666666667% + 1.25rem / 2); +} + +@media print, screen and (min-width: 40em) { + .medium-offset-0 { + margin-left: 0%; + } + .grid-margin-x > .medium-offset-0 { + margin-left: calc(0% + 1.875rem / 2); + } + .medium-offset-1 { + margin-left: 8.3333333333%; + } + .grid-margin-x > .medium-offset-1 { + margin-left: calc(8.3333333333% + 1.875rem / 2); + } + .medium-offset-2 { + margin-left: 16.6666666667%; + } + .grid-margin-x > .medium-offset-2 { + margin-left: calc(16.6666666667% + 1.875rem / 2); + } + .medium-offset-3 { + margin-left: 25%; + } + .grid-margin-x > .medium-offset-3 { + margin-left: calc(25% + 1.875rem / 2); + } + .medium-offset-4 { + margin-left: 33.3333333333%; + } + .grid-margin-x > .medium-offset-4 { + margin-left: calc(33.3333333333% + 1.875rem / 2); + } + .medium-offset-5 { + margin-left: 41.6666666667%; + } + .grid-margin-x > .medium-offset-5 { + margin-left: calc(41.6666666667% + 1.875rem / 2); + } + .medium-offset-6 { + margin-left: 50%; + } + .grid-margin-x > .medium-offset-6 { + margin-left: calc(50% + 1.875rem / 2); + } + .medium-offset-7 { + margin-left: 58.3333333333%; + } + .grid-margin-x > .medium-offset-7 { + margin-left: calc(58.3333333333% + 1.875rem / 2); + } + .medium-offset-8 { + margin-left: 66.6666666667%; + } + .grid-margin-x > .medium-offset-8 { + margin-left: calc(66.6666666667% + 1.875rem / 2); + } + .medium-offset-9 { + margin-left: 75%; + } + .grid-margin-x > .medium-offset-9 { + margin-left: calc(75% + 1.875rem / 2); + } + .medium-offset-10 { + margin-left: 83.3333333333%; + } + .grid-margin-x > .medium-offset-10 { + margin-left: calc(83.3333333333% + 1.875rem / 2); + } + .medium-offset-11 { + margin-left: 91.6666666667%; + } + .grid-margin-x > .medium-offset-11 { + margin-left: calc(91.6666666667% + 1.875rem / 2); + } +} +@media print, screen and (min-width: 64em) { + .large-offset-0 { + margin-left: 0%; + } + .grid-margin-x > .large-offset-0 { + margin-left: calc(0% + 1.875rem / 2); + } + .large-offset-1 { + margin-left: 8.3333333333%; + } + .grid-margin-x > .large-offset-1 { + margin-left: calc(8.3333333333% + 1.875rem / 2); + } + .large-offset-2 { + margin-left: 16.6666666667%; + } + .grid-margin-x > .large-offset-2 { + margin-left: calc(16.6666666667% + 1.875rem / 2); + } + .large-offset-3 { + margin-left: 25%; + } + .grid-margin-x > .large-offset-3 { + margin-left: calc(25% + 1.875rem / 2); + } + .large-offset-4 { + margin-left: 33.3333333333%; + } + .grid-margin-x > .large-offset-4 { + margin-left: calc(33.3333333333% + 1.875rem / 2); + } + .large-offset-5 { + margin-left: 41.6666666667%; + } + .grid-margin-x > .large-offset-5 { + margin-left: calc(41.6666666667% + 1.875rem / 2); + } + .large-offset-6 { + margin-left: 50%; + } + .grid-margin-x > .large-offset-6 { + margin-left: calc(50% + 1.875rem / 2); + } + .large-offset-7 { + margin-left: 58.3333333333%; + } + .grid-margin-x > .large-offset-7 { + margin-left: calc(58.3333333333% + 1.875rem / 2); + } + .large-offset-8 { + margin-left: 66.6666666667%; + } + .grid-margin-x > .large-offset-8 { + margin-left: calc(66.6666666667% + 1.875rem / 2); + } + .large-offset-9 { + margin-left: 75%; + } + .grid-margin-x > .large-offset-9 { + margin-left: calc(75% + 1.875rem / 2); + } + .large-offset-10 { + margin-left: 83.3333333333%; + } + .grid-margin-x > .large-offset-10 { + margin-left: calc(83.3333333333% + 1.875rem / 2); + } + .large-offset-11 { + margin-left: 91.6666666667%; + } + .grid-margin-x > .large-offset-11 { + margin-left: calc(91.6666666667% + 1.875rem / 2); + } +} +.grid-y { + display: flex; + flex-flow: column nowrap; +} +.grid-y > .cell { + height: auto; + max-height: none; +} +.grid-y > .auto { + height: auto; +} +.grid-y > .shrink { + height: auto; +} +.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { + flex-basis: auto; +} +@media print, screen and (min-width: 40em) { + .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { + flex-basis: auto; + } +} +@media print, screen and (min-width: 64em) { + .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { + flex-basis: auto; + } +} +.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 { + flex: 0 0 auto; +} +.grid-y > .small-1 { + height: 8.3333333333%; +} +.grid-y > .small-2 { + height: 16.6666666667%; +} +.grid-y > .small-3 { + height: 25%; +} +.grid-y > .small-4 { + height: 33.3333333333%; +} +.grid-y > .small-5 { + height: 41.6666666667%; +} +.grid-y > .small-6 { + height: 50%; +} +.grid-y > .small-7 { + height: 58.3333333333%; +} +.grid-y > .small-8 { + height: 66.6666666667%; +} +.grid-y > .small-9 { + height: 75%; +} +.grid-y > .small-10 { + height: 83.3333333333%; +} +.grid-y > .small-11 { + height: 91.6666666667%; +} +.grid-y > .small-12 { + height: 100%; +} +@media print, screen and (min-width: 40em) { + .grid-y > .medium-auto { + flex: 1 1 0; + height: auto; + } + .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink { + flex: 0 0 auto; + } + .grid-y > .medium-shrink { + height: auto; + } + .grid-y > .medium-1 { + height: 8.3333333333%; + } + .grid-y > .medium-2 { + height: 16.6666666667%; + } + .grid-y > .medium-3 { + height: 25%; + } + .grid-y > .medium-4 { + height: 33.3333333333%; + } + .grid-y > .medium-5 { + height: 41.6666666667%; + } + .grid-y > .medium-6 { + height: 50%; + } + .grid-y > .medium-7 { + height: 58.3333333333%; + } + .grid-y > .medium-8 { + height: 66.6666666667%; + } + .grid-y > .medium-9 { + height: 75%; + } + .grid-y > .medium-10 { + height: 83.3333333333%; + } + .grid-y > .medium-11 { + height: 91.6666666667%; + } + .grid-y > .medium-12 { + height: 100%; + } +} +@media print, screen and (min-width: 64em) { + .grid-y > .large-auto { + flex: 1 1 0; + height: auto; + } + .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink { + flex: 0 0 auto; + } + .grid-y > .large-shrink { + height: auto; + } + .grid-y > .large-1 { + height: 8.3333333333%; + } + .grid-y > .large-2 { + height: 16.6666666667%; + } + .grid-y > .large-3 { + height: 25%; + } + .grid-y > .large-4 { + height: 33.3333333333%; + } + .grid-y > .large-5 { + height: 41.6666666667%; + } + .grid-y > .large-6 { + height: 50%; + } + .grid-y > .large-7 { + height: 58.3333333333%; + } + .grid-y > .large-8 { + height: 66.6666666667%; + } + .grid-y > .large-9 { + height: 75%; + } + .grid-y > .large-10 { + height: 83.3333333333%; + } + .grid-y > .large-11 { + height: 91.6666666667%; + } + .grid-y > .large-12 { + height: 100%; + } +} + +.grid-padding-y .grid-padding-y { + margin-top: -0.625rem; + margin-bottom: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-y .grid-padding-y { + margin-top: -0.9375rem; + margin-bottom: -0.9375rem; + } +} +.grid-padding-y > .cell { + padding-top: 0.625rem; + padding-bottom: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-y > .cell { + padding-top: 0.9375rem; + padding-bottom: 0.9375rem; + } +} + +.grid-margin-y { + margin-top: -0.625rem; + margin-bottom: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-y { + margin-top: -0.9375rem; + margin-bottom: -0.9375rem; + } +} +.grid-margin-y > .cell { + height: calc(100% - 1.25rem); + margin-top: 0.625rem; + margin-bottom: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-y > .cell { + height: calc(100% - 1.875rem); + margin-top: 0.9375rem; + margin-bottom: 0.9375rem; + } +} +.grid-margin-y > .auto { + height: auto; +} +.grid-margin-y > .shrink { + height: auto; +} +.grid-margin-y > .small-1 { + height: calc(8.3333333333% - 1.25rem); +} +.grid-margin-y > .small-2 { + height: calc(16.6666666667% - 1.25rem); +} +.grid-margin-y > .small-3 { + height: calc(25% - 1.25rem); +} +.grid-margin-y > .small-4 { + height: calc(33.3333333333% - 1.25rem); +} +.grid-margin-y > .small-5 { + height: calc(41.6666666667% - 1.25rem); +} +.grid-margin-y > .small-6 { + height: calc(50% - 1.25rem); +} +.grid-margin-y > .small-7 { + height: calc(58.3333333333% - 1.25rem); +} +.grid-margin-y > .small-8 { + height: calc(66.6666666667% - 1.25rem); +} +.grid-margin-y > .small-9 { + height: calc(75% - 1.25rem); +} +.grid-margin-y > .small-10 { + height: calc(83.3333333333% - 1.25rem); +} +.grid-margin-y > .small-11 { + height: calc(91.6666666667% - 1.25rem); +} +.grid-margin-y > .small-12 { + height: calc(100% - 1.25rem); +} +@media print, screen and (min-width: 40em) { + .grid-margin-y > .auto { + height: auto; + } + .grid-margin-y > .shrink { + height: auto; + } + .grid-margin-y > .small-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .small-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .small-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .small-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .small-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .small-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .small-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .small-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .small-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .small-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .small-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .small-12 { + height: calc(100% - 1.875rem); + } + .grid-margin-y > .medium-auto { + height: auto; + } + .grid-margin-y > .medium-shrink { + height: auto; + } + .grid-margin-y > .medium-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .medium-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .medium-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .medium-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-12 { + height: calc(100% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-y > .large-auto { + height: auto; + } + .grid-margin-y > .large-shrink { + height: auto; + } + .grid-margin-y > .large-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .large-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .large-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .large-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .large-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .large-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .large-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .large-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .large-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .large-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .large-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .large-12 { + height: calc(100% - 1.875rem); + } +} + +.grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + width: 100vw; +} + +.cell .grid-frame { + width: 100%; +} + +.cell-block { + overflow-x: auto; + max-width: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.cell-block-y { + overflow-y: auto; + max-height: 100%; + min-height: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.cell-block-container { + display: flex; + flex-direction: column; + max-height: 100%; +} +.cell-block-container > .grid-x { + max-height: 100%; + flex-wrap: nowrap; +} + +@media print, screen and (min-width: 40em) { + .medium-grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + width: 100vw; + } + .cell .medium-grid-frame { + width: 100%; + } + .medium-cell-block { + overflow-x: auto; + max-width: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .medium-cell-block-container { + display: flex; + flex-direction: column; + max-height: 100%; + } + .medium-cell-block-container > .grid-x { + max-height: 100%; + flex-wrap: nowrap; + } + .medium-cell-block-y { + overflow-y: auto; + max-height: 100%; + min-height: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } +} +@media print, screen and (min-width: 64em) { + .large-grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + width: 100vw; + } + .cell .large-grid-frame { + width: 100%; + } + .large-cell-block { + overflow-x: auto; + max-width: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .large-cell-block-container { + display: flex; + flex-direction: column; + max-height: 100%; + } + .large-cell-block-container > .grid-x { + max-height: 100%; + flex-wrap: nowrap; + } + .large-cell-block-y { + overflow-y: auto; + max-height: 100%; + min-height: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } +} +.grid-y.grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + height: 100vh; + width: auto; +} +@media print, screen and (min-width: 40em) { + .grid-y.medium-grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + height: 100vh; + width: auto; + } +} +@media print, screen and (min-width: 64em) { + .grid-y.large-grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + height: 100vh; + width: auto; + } +} + +.cell .grid-y.grid-frame { + height: 100%; +} +@media print, screen and (min-width: 40em) { + .cell .grid-y.medium-grid-frame { + height: 100%; + } +} +@media print, screen and (min-width: 64em) { + .cell .grid-y.large-grid-frame { + height: 100%; + } +} + +.grid-margin-y { + margin-top: -0.625rem; + margin-bottom: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-y { + margin-top: -0.9375rem; + margin-bottom: -0.9375rem; + } +} +.grid-margin-y > .cell { + height: calc(100% - 1.25rem); + margin-top: 0.625rem; + margin-bottom: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-y > .cell { + height: calc(100% - 1.875rem); + margin-top: 0.9375rem; + margin-bottom: 0.9375rem; + } +} +.grid-margin-y > .auto { + height: auto; +} +.grid-margin-y > .shrink { + height: auto; +} +.grid-margin-y > .small-1 { + height: calc(8.3333333333% - 1.25rem); +} +.grid-margin-y > .small-2 { + height: calc(16.6666666667% - 1.25rem); +} +.grid-margin-y > .small-3 { + height: calc(25% - 1.25rem); +} +.grid-margin-y > .small-4 { + height: calc(33.3333333333% - 1.25rem); +} +.grid-margin-y > .small-5 { + height: calc(41.6666666667% - 1.25rem); +} +.grid-margin-y > .small-6 { + height: calc(50% - 1.25rem); +} +.grid-margin-y > .small-7 { + height: calc(58.3333333333% - 1.25rem); +} +.grid-margin-y > .small-8 { + height: calc(66.6666666667% - 1.25rem); +} +.grid-margin-y > .small-9 { + height: calc(75% - 1.25rem); +} +.grid-margin-y > .small-10 { + height: calc(83.3333333333% - 1.25rem); +} +.grid-margin-y > .small-11 { + height: calc(91.6666666667% - 1.25rem); +} +.grid-margin-y > .small-12 { + height: calc(100% - 1.25rem); +} +@media print, screen and (min-width: 40em) { + .grid-margin-y > .auto { + height: auto; + } + .grid-margin-y > .shrink { + height: auto; + } + .grid-margin-y > .small-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .small-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .small-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .small-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .small-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .small-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .small-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .small-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .small-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .small-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .small-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .small-12 { + height: calc(100% - 1.875rem); + } + .grid-margin-y > .medium-auto { + height: auto; + } + .grid-margin-y > .medium-shrink { + height: auto; + } + .grid-margin-y > .medium-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .medium-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .medium-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .medium-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-12 { + height: calc(100% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-y > .large-auto { + height: auto; + } + .grid-margin-y > .large-shrink { + height: auto; + } + .grid-margin-y > .large-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .large-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .large-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .large-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .large-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .large-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .large-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .large-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .large-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .large-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .large-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .large-12 { + height: calc(100% - 1.875rem); + } +} + +.grid-frame.grid-margin-y { + height: calc(100vh + 1.25rem); +} +@media print, screen and (min-width: 40em) { + .grid-frame.grid-margin-y { + height: calc(100vh + 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-frame.grid-margin-y { + height: calc(100vh + 1.875rem); + } +} + +@media print, screen and (min-width: 40em) { + .grid-margin-y.medium-grid-frame { + height: calc(100vh + 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-y.large-grid-frame { + height: calc(100vh + 1.875rem); + } +} +.button { + display: inline-block; + vertical-align: middle; + margin: 0 0 1rem 0; + padding: 0.85em 1em; + border: 1px solid transparent; + border-radius: 0; + transition: background-color 0.25s ease-out, color 0.25s ease-out; + font-family: inherit; + font-size: 0.9rem; + -webkit-appearance: none; + line-height: 1; + text-align: center; + cursor: pointer; +} +[data-whatinput=mouse] .button { + outline: 0; +} +.button.tiny { + font-size: 0.6rem; +} +.button.small { + font-size: 0.75rem; +} +.button.large { + font-size: 1.25rem; +} +.button.expanded { + display: block; + width: 100%; + margin-right: 0; + margin-left: 0; +} +.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus { + background-color: #1779ba; + color: #fefefe; +} +.button:hover, .button:focus { + background-color: #14679e; + color: #fefefe; +} +.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus { + background-color: #1779ba; + color: #fefefe; +} +.button.primary:hover, .button.primary:focus { + background-color: #126195; + color: #fefefe; +} +.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus { + background-color: #767676; + color: #fefefe; +} +.button.secondary:hover, .button.secondary:focus { + background-color: #5e5e5e; + color: #fefefe; +} +.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus { + background-color: #3adb76; + color: #0a0a0a; +} +.button.success:hover, .button.success:focus { + background-color: #22bb5b; + color: #0a0a0a; +} +.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus { + background-color: #ffae00; + color: #0a0a0a; +} +.button.warning:hover, .button.warning:focus { + background-color: #cc8b00; + color: #0a0a0a; +} +.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus { + background-color: #cc4b37; + color: #fefefe; +} +.button.alert:hover, .button.alert:focus { + background-color: #a53b2a; + color: #fefefe; +} +.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { + background-color: transparent; +} +.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus { + border: 1px solid #1779ba; + color: #1779ba; +} +.button.hollow:hover, .button.hollow:focus { + border-color: #0c3d5d; + color: #0c3d5d; +} +.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus { + border: 1px solid #1779ba; + color: #1779ba; +} +.button.hollow.primary:hover, .button.hollow.primary:focus { + border-color: #0c3d5d; + color: #0c3d5d; +} +.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus { + border: 1px solid #767676; + color: #767676; +} +.button.hollow.secondary:hover, .button.hollow.secondary:focus { + border-color: #3b3b3b; + color: #3b3b3b; +} +.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus { + border: 1px solid #3adb76; + color: #3adb76; +} +.button.hollow.success:hover, .button.hollow.success:focus { + border-color: #157539; + color: #157539; +} +.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus { + border: 1px solid #ffae00; + color: #ffae00; +} +.button.hollow.warning:hover, .button.hollow.warning:focus { + border-color: #805700; + color: #805700; +} +.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus { + border: 1px solid #cc4b37; + color: #cc4b37; +} +.button.hollow.alert:hover, .button.hollow.alert:focus { + border-color: #67251a; + color: #67251a; +} +.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { + border-color: transparent; + background-color: transparent; +} +.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus { + color: #1779ba; +} +.button.clear:hover, .button.clear:focus { + color: #0c3d5d; +} +.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus { + color: #1779ba; +} +.button.clear.primary:hover, .button.clear.primary:focus { + color: #0c3d5d; +} +.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus { + color: #767676; +} +.button.clear.secondary:hover, .button.clear.secondary:focus { + color: #3b3b3b; +} +.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus { + color: #3adb76; +} +.button.clear.success:hover, .button.clear.success:focus { + color: #157539; +} +.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus { + color: #ffae00; +} +.button.clear.warning:hover, .button.clear.warning:focus { + color: #805700; +} +.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus { + color: #cc4b37; +} +.button.clear.alert:hover, .button.clear.alert:focus { + color: #67251a; +} +.button.disabled, .button[disabled] { + opacity: 0.25; + cursor: not-allowed; +} +.button.dropdown::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.4em; + content: ""; + border-bottom-width: 0; + border-color: #fefefe transparent transparent; + position: relative; + top: 0.4em; + display: inline-block; + float: right; + margin-left: 1em; +} +.button.dropdown.hollow::after, .button.dropdown.clear::after { + border-top-color: #1779ba; +} +.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after { + border-top-color: #1779ba; +} +.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after { + border-top-color: #767676; +} +.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after { + border-top-color: #3adb76; +} +.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after { + border-top-color: #ffae00; +} +.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after { + border-top-color: #cc4b37; +} +.button.arrow-only::after { + top: -0.1em; + float: none; + margin-left: 0; +} + +a.button:hover, a.button:focus { + text-decoration: none; +} + +.button-group { + margin-bottom: 1rem; + display: flex; + flex-wrap: wrap; + align-items: stretch; + flex-grow: 1; +} +.button-group::before, .button-group::after { + display: table; + content: " "; + flex-basis: 0; + order: 1; +} +.button-group::after { + clear: both; +} +.button-group::before, .button-group::after { + display: none; +} +.button-group .button { + margin: 0; + margin-right: 1px; + margin-bottom: 1px; + font-size: 0.9rem; + flex: 0 0 auto; +} +.button-group .button:last-child { + margin-right: 0; +} +.button-group.tiny .button { + font-size: 0.6rem; +} +.button-group.small .button { + font-size: 0.75rem; +} +.button-group.large .button { + font-size: 1.25rem; +} +.button-group.expanded .button { + flex: 1 1 0px; +} +.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus { + background-color: #1779ba; + color: #fefefe; +} +.button-group.primary .button:hover, .button-group.primary .button:focus { + background-color: #126195; + color: #fefefe; +} +.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus { + background-color: #767676; + color: #fefefe; +} +.button-group.secondary .button:hover, .button-group.secondary .button:focus { + background-color: #5e5e5e; + color: #fefefe; +} +.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus { + background-color: #3adb76; + color: #0a0a0a; +} +.button-group.success .button:hover, .button-group.success .button:focus { + background-color: #22bb5b; + color: #0a0a0a; +} +.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus { + background-color: #ffae00; + color: #0a0a0a; +} +.button-group.warning .button:hover, .button-group.warning .button:focus { + background-color: #cc8b00; + color: #0a0a0a; +} +.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus { + background-color: #cc4b37; + color: #fefefe; +} +.button-group.alert .button:hover, .button-group.alert .button:focus { + background-color: #a53b2a; + color: #fefefe; +} +.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus { + background-color: transparent; +} +.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus { + border: 1px solid #1779ba; + color: #1779ba; +} +.button-group.hollow .button:hover, .button-group.hollow .button:focus { + border-color: #0c3d5d; + color: #0c3d5d; +} +.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus { + border: 1px solid #1779ba; + color: #1779ba; +} +.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus { + border-color: #0c3d5d; + color: #0c3d5d; +} +.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus { + border: 1px solid #767676; + color: #767676; +} +.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus { + border-color: #3b3b3b; + color: #3b3b3b; +} +.button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus { + border: 1px solid #3adb76; + color: #3adb76; +} +.button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus { + border-color: #157539; + color: #157539; +} +.button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus { + border: 1px solid #ffae00; + color: #ffae00; +} +.button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus { + border-color: #805700; + color: #805700; +} +.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus { + border: 1px solid #cc4b37; + color: #cc4b37; +} +.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus { + border-color: #67251a; + color: #67251a; +} +.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus { + border-color: transparent; + background-color: transparent; +} +.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus { + color: #1779ba; +} +.button-group.clear .button:hover, .button-group.clear .button:focus { + color: #0c3d5d; +} +.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus { + color: #1779ba; +} +.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus { + color: #0c3d5d; +} +.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus { + color: #767676; +} +.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus { + color: #3b3b3b; +} +.button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus { + color: #3adb76; +} +.button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus { + color: #157539; +} +.button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus { + color: #ffae00; +} +.button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus { + color: #805700; +} +.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus { + color: #cc4b37; +} +.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus { + color: #67251a; +} +.button-group.no-gaps .button { + margin-right: -0.0625rem; +} +.button-group.no-gaps .button + .button { + border-left-color: transparent; +} +.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { + flex-wrap: wrap; +} +.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { + flex: 0 0 100%; +} +.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { + margin-bottom: 0; +} +.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button { + flex: 1 1 0px; +} +@media print, screen and (min-width: 40em) { + .button-group.stacked-for-small .button { + flex: 0 0 auto; + margin-bottom: 0; + } +} +@media print, screen and (min-width: 64em) { + .button-group.stacked-for-medium .button { + flex: 0 0 auto; + margin-bottom: 0; + } +} +@media print, screen and (max-width: 39.99875em) { + .button-group.stacked-for-small.expanded { + display: block; + } + .button-group.stacked-for-small.expanded .button { + display: block; + margin-right: 0; + } +} +@media print, screen and (max-width: 63.99875em) { + .button-group.stacked-for-medium.expanded { + display: block; + } + .button-group.stacked-for-medium.expanded .button { + display: block; + margin-right: 0; + } +} + +.close-button { + position: absolute; + z-index: 10; + color: #8a8a8a; + cursor: pointer; +} +[data-whatinput=mouse] .close-button { + outline: 0; +} +.close-button:hover, .close-button:focus { + color: #0a0a0a; +} +.close-button.small { + right: 0.66rem; + top: 0.33em; + font-size: 1.5em; + line-height: 1; +} + +.close-button.medium, .close-button { + right: 1rem; + top: 0.5rem; + font-size: 2em; + line-height: 1; +} + +.label { + display: inline-block; + padding: 0.33333rem 0.5rem; + border-radius: 0; + font-size: 0.8rem; + line-height: 1; + white-space: nowrap; + cursor: default; + background: #1779ba; + color: #fefefe; +} +.label.primary { + background: #1779ba; + color: #fefefe; +} +.label.secondary { + background: #767676; + color: #fefefe; +} +.label.success { + background: #3adb76; + color: #0a0a0a; +} +.label.warning { + background: #ffae00; + color: #0a0a0a; +} +.label.alert { + background: #cc4b37; + color: #fefefe; +} + +.progress { + height: 1rem; + margin-bottom: 1rem; + border-radius: 0; + background-color: #cacaca; +} +.progress.primary .progress-meter { + background-color: #1779ba; +} +.progress.secondary .progress-meter { + background-color: #767676; +} +.progress.success .progress-meter { + background-color: #3adb76; +} +.progress.warning .progress-meter { + background-color: #ffae00; +} +.progress.alert .progress-meter { + background-color: #cc4b37; +} + +.progress-meter { + position: relative; + display: block; + width: 0%; + height: 100%; + background-color: #1779ba; +} + +.progress-meter-text { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + margin: 0; + font-size: 0.75rem; + font-weight: bold; + color: #fefefe; + white-space: nowrap; +} + +.slider { + position: relative; + height: 0.5rem; + margin-top: 1.25rem; + margin-bottom: 2.25rem; + background-color: #e6e6e6; + cursor: pointer; + user-select: none; + touch-action: none; +} + +.slider-fill { + position: absolute; + top: 0; + left: 0; + display: inline-block; + max-width: 100%; + height: 0.5rem; + background-color: #cacaca; + transition: all 0.2s ease-in-out; +} +.slider-fill.is-dragging { + transition: all 0s linear; +} + +.slider-handle { + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 0; + z-index: 1; + cursor: grab; + display: inline-block; + width: 1.4rem; + height: 1.4rem; + border-radius: 0; + background-color: #1779ba; + transition: all 0.2s ease-in-out; + touch-action: manipulation; +} +[data-whatinput=mouse] .slider-handle { + outline: 0; +} +.slider-handle:hover { + background-color: #14679e; +} +.slider-handle.is-dragging { + transition: all 0s linear; + cursor: grabbing; +} + +.slider.disabled, +.slider[disabled] { + opacity: 0.25; + cursor: not-allowed; +} + +.slider.vertical { + display: inline-block; + width: 0.5rem; + height: 12.5rem; + margin: 0 1.25rem; + transform: scale(1, -1); +} +.slider.vertical .slider-fill { + top: 0; + width: 0.5rem; + max-height: 100%; +} +.slider.vertical .slider-handle { + position: absolute; + top: 0; + left: 50%; + width: 1.4rem; + height: 1.4rem; + transform: translateX(-50%); +} + +.switch { + position: relative; + margin-bottom: 1rem; + outline: 0; + font-size: 0.875rem; + font-weight: bold; + color: #fefefe; + user-select: none; + height: 2rem; +} + +.switch-input { + position: absolute; + margin-bottom: 0; + opacity: 0; +} + +.switch-paddle { + position: relative; + display: block; + width: 4rem; + height: 2rem; + border-radius: 0; + background: #cacaca; + transition: all 0.25s ease-out; + font-weight: inherit; + color: inherit; + cursor: pointer; +} +input + .switch-paddle { + margin: 0; +} +.switch-paddle::after { + position: absolute; + top: 0.25rem; + left: 0.25rem; + display: block; + width: 1.5rem; + height: 1.5rem; + transform: translate3d(0, 0, 0); + border-radius: 0; + background: #fefefe; + transition: all 0.25s ease-out; + content: ""; +} +input:checked ~ .switch-paddle { + background: #1779ba; +} +input:checked ~ .switch-paddle::after { + left: 2.25rem; +} +input:disabled ~ .switch-paddle { + cursor: not-allowed; + opacity: 0.5; +} +[data-whatinput=mouse] input:focus ~ .switch-paddle { + outline: 0; +} + +.switch-inactive, .switch-active { + position: absolute; + top: 50%; + transform: translateY(-50%); +} + +.switch-active { + left: 8%; + display: none; +} +input:checked + label > .switch-active { + display: block; +} + +.switch-inactive { + right: 15%; +} +input:checked + label > .switch-inactive { + display: none; +} + +.switch.tiny { + height: 1.5rem; +} +.switch.tiny .switch-paddle { + width: 3rem; + height: 1.5rem; + font-size: 0.625rem; +} +.switch.tiny .switch-paddle::after { + top: 0.25rem; + left: 0.25rem; + width: 1rem; + height: 1rem; +} +.switch.tiny input:checked ~ .switch-paddle::after { + left: 1.75rem; +} + +.switch.small { + height: 1.75rem; +} +.switch.small .switch-paddle { + width: 3.5rem; + height: 1.75rem; + font-size: 0.75rem; +} +.switch.small .switch-paddle::after { + top: 0.25rem; + left: 0.25rem; + width: 1.25rem; + height: 1.25rem; +} +.switch.small input:checked ~ .switch-paddle::after { + left: 2rem; +} + +.switch.large { + height: 2.5rem; +} +.switch.large .switch-paddle { + width: 5rem; + height: 2.5rem; + font-size: 1rem; +} +.switch.large .switch-paddle::after { + top: 0.25rem; + left: 0.25rem; + width: 2rem; + height: 2rem; +} +.switch.large input:checked ~ .switch-paddle::after { + left: 2.75rem; +} + +table { + border-collapse: collapse; + width: 100%; + margin-bottom: 1rem; + border-radius: 0; +} +thead, +tbody, +tfoot { + border: 1px solid #f1f1f1; + background-color: #fefefe; +} + +caption { + padding: 0.5rem 0.625rem 0.625rem; + font-weight: bold; +} + +thead { + background: #f8f8f8; + color: #0a0a0a; +} + +tfoot { + background: #f1f1f1; + color: #0a0a0a; +} + +thead tr, +tfoot tr { + background: transparent; +} +thead th, +thead td, +tfoot th, +tfoot td { + padding: 0.5rem 0.625rem 0.625rem; + font-weight: bold; + text-align: left; +} + +tbody th, +tbody td { + padding: 0.5rem 0.625rem 0.625rem; +} + +tbody tr:nth-child(even) { + border-bottom: 0; + background-color: #f1f1f1; +} + +table.unstriped tbody { + background-color: #fefefe; +} +table.unstriped tbody tr { + border-bottom: 1px solid #f1f1f1; + background-color: #fefefe; +} + +@media print, screen and (max-width: 63.99875em) { + table.stack thead { + display: none; + } + table.stack tfoot { + display: none; + } + table.stack tr, + table.stack th, + table.stack td { + display: block; + } + table.stack td { + border-top: 0; + } +} + +table.scroll { + display: block; + width: 100%; + overflow-x: auto; +} + +table.hover thead tr:hover { + background-color: #f3f3f3; +} +table.hover tfoot tr:hover { + background-color: #ececec; +} +table.hover tbody tr:hover { + background-color: #f9f9f9; +} +table.hover:not(.unstriped) tr:nth-of-type(even):hover { + background-color: #ececec; +} + +.table-scroll { + overflow-x: auto; +} + +.badge { + display: inline-block; + min-width: 2.1em; + padding: 0.3em; + border-radius: 50%; + font-size: 0.6rem; + text-align: center; + background: #1779ba; + color: #fefefe; +} +.badge.primary { + background: #1779ba; + color: #fefefe; +} +.badge.secondary { + background: #767676; + color: #fefefe; +} +.badge.success { + background: #3adb76; + color: #0a0a0a; +} +.badge.warning { + background: #ffae00; + color: #0a0a0a; +} +.badge.alert { + background: #cc4b37; + color: #fefefe; +} + +.breadcrumbs { + margin: 0 0 1rem 0; + list-style: none; +} +.breadcrumbs::before, .breadcrumbs::after { + display: table; + content: " "; + flex-basis: 0; + order: 1; +} +.breadcrumbs::after { + clear: both; +} +.breadcrumbs li { + float: left; + font-size: 0.6875rem; + color: #0a0a0a; + cursor: default; + text-transform: uppercase; +} +.breadcrumbs li:not(:last-child)::after { + position: relative; + margin: 0 0.75rem; + opacity: 1; + content: "/"; + color: #cacaca; +} +.breadcrumbs a { + color: #1779ba; +} +.breadcrumbs a:hover { + text-decoration: underline; +} +.breadcrumbs .disabled { + color: #cacaca; + cursor: not-allowed; +} + +.callout { + position: relative; + margin: 0 0 1rem 0; + padding: 1rem; + border: 1px solid rgba(10, 10, 10, 0.25); + border-radius: 0; + background-color: white; + color: #0a0a0a; +} +.callout > :first-child { + margin-top: 0; +} +.callout > :last-child { + margin-bottom: 0; +} +.callout.primary { + background-color: #d7ecfa; + color: #0a0a0a; +} +.callout.secondary { + background-color: #eaeaea; + color: #0a0a0a; +} +.callout.success { + background-color: #e1faea; + color: #0a0a0a; +} +.callout.warning { + background-color: #fff3d9; + color: #0a0a0a; +} +.callout.alert { + background-color: #f7e4e1; + color: #0a0a0a; +} +.callout.small { + padding-top: 0.5rem; + padding-right: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 0.5rem; +} +.callout.large { + padding-top: 3rem; + padding-right: 3rem; + padding-bottom: 3rem; + padding-left: 3rem; +} + +.card { + display: flex; + flex-direction: column; + flex-grow: 1; + margin-bottom: 1rem; + border: 1px solid #e6e6e6; + border-radius: 0; + background: #fefefe; + box-shadow: none; + overflow: hidden; + color: #0a0a0a; +} +.card > :last-child { + margin-bottom: 0; +} + +.card-divider { + display: flex; + flex: 0 1 auto; + padding: 1rem; + background: #e6e6e6; +} +.card-divider > :last-child { + margin-bottom: 0; +} + +.card-section { + flex: 1 0 auto; + padding: 1rem; +} +.card-section > :last-child { + margin-bottom: 0; +} + +.card-image { + min-height: 1px; +} + +.dropdown-pane { + position: absolute; + z-index: 10; + display: none; + width: 300px; + padding: 1rem; + visibility: hidden; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + font-size: 1rem; +} +.dropdown-pane.is-opening { + display: block; +} +.dropdown-pane.is-open { + display: block; + visibility: visible; +} + +.dropdown-pane.tiny { + width: 100px; +} + +.dropdown-pane.small { + width: 200px; +} + +.dropdown-pane.large { + width: 400px; +} + +.pagination { + margin-left: 0; + margin-bottom: 1rem; +} +.pagination::before, .pagination::after { + display: table; + content: " "; + flex-basis: 0; + order: 1; +} +.pagination::after { + clear: both; +} +.pagination li { + margin-right: 0.0625rem; + border-radius: 0; + font-size: 0.875rem; + display: none; +} +.pagination li:last-child, .pagination li:first-child { + display: inline-block; +} +@media print, screen and (min-width: 40em) { + .pagination li { + display: inline-block; + } +} +.pagination a, +.pagination button { + display: block; + padding: 0.1875rem 0.625rem; + border-radius: 0; + color: #0a0a0a; +} +.pagination a:hover, +.pagination button:hover { + background: #e6e6e6; +} +.pagination .current { + padding: 0.1875rem 0.625rem; + background: #1779ba; + color: #fefefe; + cursor: default; +} +.pagination .disabled { + padding: 0.1875rem 0.625rem; + color: #cacaca; + cursor: not-allowed; +} +.pagination .disabled:hover { + background: transparent; +} +.pagination .ellipsis::after { + padding: 0.1875rem 0.625rem; + content: "…"; + color: #0a0a0a; +} + +.pagination-previous a::before, +.pagination-previous.disabled::before { + display: inline-block; + margin-right: 0.5rem; + content: "«"; +} + +.pagination-next a::after, +.pagination-next.disabled::after { + display: inline-block; + margin-left: 0.5rem; + content: "»"; +} + +.has-tip { + position: relative; + display: inline-block; + border-bottom: dotted 1px #8a8a8a; + font-weight: bold; + cursor: help; +} + +.tooltip { + position: absolute; + top: calc(100% + 0.6495rem); + z-index: 1200; + max-width: 10rem; + padding: 0.75rem; + border-radius: 0; + background-color: #0a0a0a; + font-size: 80%; + color: #fefefe; +} +.tooltip::before { + position: absolute; +} +.tooltip.bottom::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.75rem; + content: ""; + border-top-width: 0; + border-color: transparent transparent #0a0a0a; + bottom: 100%; +} +.tooltip.bottom.align-center::before { + left: 50%; + transform: translateX(-50%); +} +.tooltip.top::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.75rem; + content: ""; + border-bottom-width: 0; + border-color: #0a0a0a transparent transparent; + top: 100%; + bottom: auto; +} +.tooltip.top.align-center::before { + left: 50%; + transform: translateX(-50%); +} +.tooltip.left::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.75rem; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #0a0a0a; + left: 100%; +} +.tooltip.left.align-center::before { + bottom: auto; + top: 50%; + transform: translateY(-50%); +} +.tooltip.right::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.75rem; + content: ""; + border-left-width: 0; + border-color: transparent #0a0a0a transparent transparent; + right: 100%; + left: auto; +} +.tooltip.right.align-center::before { + bottom: auto; + top: 50%; + transform: translateY(-50%); +} +.tooltip.align-top::before { + bottom: auto; + top: 10%; +} +.tooltip.align-bottom::before { + bottom: 10%; + top: auto; +} +.tooltip.align-left::before { + left: 10%; + right: auto; +} +.tooltip.align-right::before { + left: auto; + right: 10%; +} + +.accordion { + margin-left: 0; + background: #fefefe; + list-style-type: none; +} +.accordion[disabled] .accordion-title { + cursor: not-allowed; +} + +.accordion-item:first-child > :first-child { + border-radius: 0 0 0 0; +} +.accordion-item:last-child > :last-child { + border-radius: 0 0 0 0; +} + +.accordion-title { + position: relative; + display: block; + padding: 1.25rem 1rem; + border: 1px solid #e6e6e6; + border-bottom: 0; + font-size: 0.75rem; + line-height: 1; + color: #1779ba; +} +:last-child:not(.is-active) > .accordion-title { + border-bottom: 1px solid #e6e6e6; + border-radius: 0 0 0 0; +} +.accordion-title:hover, .accordion-title:focus { + background-color: #e6e6e6; +} +.accordion-title::before { + position: absolute; + top: 50%; + right: 1rem; + margin-top: -0.5rem; + content: "+"; +} +.is-active > .accordion-title::before { + content: "–"; +} + +.accordion-content { + display: none; + padding: 1rem; + border: 1px solid #e6e6e6; + border-bottom: 0; + background-color: #fefefe; + color: #0a0a0a; +} +:last-child > .accordion-content:last-child { + border-bottom: 1px solid #e6e6e6; +} + +.media-object { + display: flex; + margin-bottom: 1rem; + flex-wrap: nowrap; +} +.media-object img { + max-width: none; +} +@media print, screen and (max-width: 39.99875em) { + .media-object.stack-for-small { + flex-wrap: wrap; + } +} + +.media-object-section { + flex: 0 1 auto; +} +.media-object-section:first-child { + padding-right: 1rem; +} +.media-object-section:last-child:not(:nth-child(2)) { + padding-left: 1rem; +} +.media-object-section > :last-child { + margin-bottom: 0; +} +@media print, screen and (max-width: 39.99875em) { + .stack-for-small .media-object-section { + padding: 0; + padding-bottom: 1rem; + flex-basis: 100%; + max-width: 100%; + } + .stack-for-small .media-object-section img { + width: 100%; + } +} +.media-object-section.main-section { + flex: 1 1 0px; +} + +.orbit { + position: relative; +} + +.orbit-container { + position: relative; + height: 0; + margin: 0; + list-style: none; + overflow: hidden; +} + +.orbit-slide { + width: 100%; + position: absolute; +} +.orbit-slide.no-motionui.is-active { + top: 0; + left: 0; +} + +.orbit-figure { + margin: 0; +} + +.orbit-image { + width: 100%; + max-width: 100%; + margin: 0; +} + +.orbit-caption { + position: absolute; + bottom: 0; + width: 100%; + margin-bottom: 0; + padding: 1rem; + background-color: rgba(10, 10, 10, 0.5); + color: #fefefe; +} + +.orbit-next, .orbit-previous { + position: absolute; + top: 50%; + transform: translateY(-50%); + z-index: 10; + padding: 1rem; + color: #fefefe; +} +[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous { + outline: 0; +} +.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus { + background-color: rgba(10, 10, 10, 0.5); +} + +.orbit-previous { + left: 0; +} + +.orbit-next { + left: auto; + right: 0; +} + +.orbit-bullets { + position: relative; + margin-top: 0.8rem; + margin-bottom: 0.8rem; + text-align: center; +} +[data-whatinput=mouse] .orbit-bullets { + outline: 0; +} +.orbit-bullets button { + width: 1.2rem; + height: 1.2rem; + margin: 0.1rem; + border-radius: 50%; + background-color: #cacaca; +} +.orbit-bullets button:hover { + background-color: #8a8a8a; +} +.orbit-bullets button.is-active { + background-color: #8a8a8a; +} + +.responsive-embed, +.flex-video { + position: relative; + height: 0; + margin-bottom: 1rem; + padding-bottom: 75%; + overflow: hidden; +} +.responsive-embed iframe, +.responsive-embed object, +.responsive-embed embed, +.responsive-embed video, +.flex-video iframe, +.flex-video object, +.flex-video embed, +.flex-video video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.responsive-embed.widescreen, +.flex-video.widescreen { + padding-bottom: 56.25%; +} + +.tabs { + margin: 0; + border: 1px solid #e6e6e6; + background: #fefefe; + list-style-type: none; +} +.tabs::before, .tabs::after { + display: table; + content: " "; + flex-basis: 0; + order: 1; +} +.tabs::after { + clear: both; +} + +.tabs.vertical > li { + display: block; + float: none; + width: auto; +} + +.tabs.simple > li > a { + padding: 0; +} +.tabs.simple > li > a:hover { + background: transparent; +} + +.tabs.primary { + background: #1779ba; +} +.tabs.primary > li > a { + color: #fefefe; +} +.tabs.primary > li > a:hover, .tabs.primary > li > a:focus { + background: #1673b1; +} + +.tabs-title { + float: left; +} +.tabs-title > a { + display: block; + padding: 1.25rem 1.5rem; + font-size: 0.75rem; + line-height: 1; + color: #1779ba; +} +[data-whatinput=mouse] .tabs-title > a { + outline: 0; +} +.tabs-title > a:hover { + background: #fefefe; + color: #1468a0; +} +.tabs-title > a:focus, .tabs-title > a[aria-selected=true] { + background: #e6e6e6; + color: #1779ba; +} + +.tabs-content { + border: 1px solid #e6e6e6; + border-top: 0; + background: #fefefe; + color: #0a0a0a; + transition: all 0.5s ease; +} + +.tabs-content.vertical { + border: 1px solid #e6e6e6; + border-left: 0; +} + +.tabs-panel { + display: none; + padding: 1rem; +} +.tabs-panel.is-active { + display: block; +} + +.thumbnail { + display: inline-block; + max-width: 100%; + margin-bottom: 1rem; + border: 4px solid #fefefe; + border-radius: 0; + box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); + line-height: 0; +} + +a.thumbnail { + transition: box-shadow 200ms ease-out; +} +a.thumbnail:hover, a.thumbnail:focus { + box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); +} +a.thumbnail image { + box-shadow: none; +} + +.menu { + padding: 0; + margin: 0; + list-style: none; + position: relative; + display: flex; + flex-wrap: wrap; +} +[data-whatinput=mouse] .menu li { + outline: 0; +} +.menu a, +.menu .button { + line-height: 1; + text-decoration: none; + display: block; + padding: 0.7rem 1rem; +} +.menu input, +.menu select, +.menu a, +.menu button { + margin-bottom: 0; +} +.menu input { + display: inline-block; +} +.menu, .menu.horizontal { + flex-wrap: wrap; + flex-direction: row; +} +.menu.vertical { + flex-wrap: nowrap; + flex-direction: column; +} +.menu.vertical.icon-top li a img, +.menu.vertical.icon-top li a i, +.menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img, +.menu.vertical.icon-bottom li a i, +.menu.vertical.icon-bottom li a svg { + text-align: left; +} +.menu.expanded li { + flex: 1 1 0px; +} +.menu.expanded.icon-top li a img, +.menu.expanded.icon-top li a i, +.menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img, +.menu.expanded.icon-bottom li a i, +.menu.expanded.icon-bottom li a svg { + text-align: left; +} +.menu.simple { + align-items: center; +} +.menu.simple li + li { + margin-left: 1rem; +} +.menu.simple a { + padding: 0; +} +@media print, screen and (min-width: 40em) { + .menu.medium-horizontal { + flex-wrap: wrap; + flex-direction: row; + } + .menu.medium-vertical { + flex-wrap: nowrap; + flex-direction: column; + } + .menu.medium-expanded li { + flex: 1 1 0px; + } + .menu.medium-simple li { + flex: 1 1 0px; + } +} +@media print, screen and (min-width: 64em) { + .menu.large-horizontal { + flex-wrap: wrap; + flex-direction: row; + } + .menu.large-vertical { + flex-wrap: nowrap; + flex-direction: column; + } + .menu.large-expanded li { + flex: 1 1 0px; + } + .menu.large-simple li { + flex: 1 1 0px; + } +} +.menu.nested { + margin-right: 0; + margin-left: 1rem; +} +.menu.icons a { + display: flex; +} +.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { + display: flex; +} +.menu.icon-left li a, .menu.nested.icon-left li a { + flex-flow: row nowrap; +} +.menu.icon-left li a img, +.menu.icon-left li a i, +.menu.icon-left li a svg, .menu.nested.icon-left li a img, +.menu.nested.icon-left li a i, +.menu.nested.icon-left li a svg { + margin-right: 0.25rem; +} +.menu.icon-right li a, .menu.nested.icon-right li a { + flex-flow: row nowrap; +} +.menu.icon-right li a img, +.menu.icon-right li a i, +.menu.icon-right li a svg, .menu.nested.icon-right li a img, +.menu.nested.icon-right li a i, +.menu.nested.icon-right li a svg { + margin-left: 0.25rem; +} +.menu.icon-top li a, .menu.nested.icon-top li a { + flex-flow: column nowrap; +} +.menu.icon-top li a img, +.menu.icon-top li a i, +.menu.icon-top li a svg, .menu.nested.icon-top li a img, +.menu.nested.icon-top li a i, +.menu.nested.icon-top li a svg { + align-self: stretch; + margin-bottom: 0.25rem; + text-align: center; +} +.menu.icon-bottom li a, .menu.nested.icon-bottom li a { + flex-flow: column nowrap; +} +.menu.icon-bottom li a img, +.menu.icon-bottom li a i, +.menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img, +.menu.nested.icon-bottom li a i, +.menu.nested.icon-bottom li a svg { + align-self: stretch; + margin-bottom: 0.25rem; + text-align: center; +} +.menu .is-active > a { + background: #1779ba; + color: #fefefe; +} +.menu .active > a { + background: #1779ba; + color: #fefefe; +} +.menu.align-left { + justify-content: flex-start; +} +.menu.align-right li { + display: flex; + justify-content: flex-end; +} +.menu.align-right li .submenu li { + justify-content: flex-start; +} +.menu.align-right.vertical li { + display: block; + text-align: right; +} +.menu.align-right.vertical li .submenu li { + text-align: right; +} +.menu.align-right.icon-top li a img, +.menu.align-right.icon-top li a i, +.menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img, +.menu.align-right.icon-bottom li a i, +.menu.align-right.icon-bottom li a svg { + text-align: right; +} +.menu.align-right .nested { + margin-right: 1rem; + margin-left: 0; +} +.menu.align-center li { + display: flex; + justify-content: center; +} +.menu.align-center li .submenu li { + justify-content: flex-start; +} +.menu .menu-text { + padding: 0.7rem 1rem; + font-weight: bold; + line-height: 1; + color: inherit; +} + +.menu-centered > .menu { + justify-content: center; +} +.menu-centered > .menu li { + display: flex; + justify-content: center; +} +.menu-centered > .menu li .submenu li { + justify-content: flex-start; +} + +.no-js [data-responsive-menu] ul { + display: none; +} + +.menu-icon { + position: relative; + display: inline-block; + vertical-align: middle; + width: 20px; + height: 16px; + cursor: pointer; +} +.menu-icon::after { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 2px; + background: #fefefe; + box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; + content: ""; +} +.menu-icon:hover::after { + background: #cacaca; + box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; +} + +.menu-icon.dark { + position: relative; + display: inline-block; + vertical-align: middle; + width: 20px; + height: 16px; + cursor: pointer; +} +.menu-icon.dark::after { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 2px; + background: #0a0a0a; + box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; + content: ""; +} +.menu-icon.dark:hover::after { + background: #8a8a8a; + box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; +} + +.accordion-menu li { + width: 100%; +} +.accordion-menu a { + padding: 0.7rem 1rem; +} +.accordion-menu .is-accordion-submenu a { + padding: 0.7rem 1rem; +} +.accordion-menu .nested.is-accordion-submenu { + margin-right: 0; + margin-left: 1rem; +} +.accordion-menu.align-right .nested.is-accordion-submenu { + margin-right: 1rem; + margin-left: 0; +} +.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { + position: relative; +} +.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + position: absolute; + top: 50%; + margin-top: -3px; + right: 1rem; +} +.accordion-menu.align-left .is-accordion-submenu-parent > a::after { + right: 1rem; + left: auto; +} +.accordion-menu.align-right .is-accordion-submenu-parent > a::after { + right: auto; + left: 1rem; +} +.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after { + transform: rotate(180deg); + transform-origin: 50% 50%; +} + +.is-accordion-submenu-parent { + position: relative; +} + +.has-submenu-toggle > a { + margin-right: 40px; +} + +.submenu-toggle { + position: absolute; + top: 0; + right: 0; + width: 40px; + height: 40px; + cursor: pointer; +} +.submenu-toggle::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + top: 0; + bottom: 0; + margin: auto; +} + +.submenu-toggle[aria-expanded=true]::after { + transform: scaleY(-1); + transform-origin: 50% 50%; +} + +.submenu-toggle-text { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; +} + +.is-drilldown { + position: relative; + overflow: hidden; +} +.is-drilldown li { + display: block; +} +.is-drilldown.animate-height { + transition: height 0.5s; +} + +.drilldown a { + padding: 0.7rem 1rem; + background: #fefefe; +} +.drilldown .is-drilldown-submenu { + position: absolute; + top: 0; + left: 100%; + z-index: -1; + width: 100%; + background: #fefefe; + transition: transform 0.15s linear; +} +.drilldown .is-drilldown-submenu.is-active { + z-index: 1; + display: block; + transform: translateX(-100%); +} +.drilldown .is-drilldown-submenu.is-closing { + transform: translateX(100%); +} +.drilldown .is-drilldown-submenu a { + padding: 0.7rem 1rem; +} +.drilldown .nested.is-drilldown-submenu { + margin-right: 0; + margin-left: 0; +} +.drilldown .drilldown-submenu-cover-previous { + min-height: 100%; +} +.drilldown .is-drilldown-submenu-parent > a { + position: relative; +} +.drilldown .is-drilldown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; + position: absolute; + top: 50%; + margin-top: -6px; + right: 1rem; +} +.drilldown.align-left .is-drilldown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; + right: 1rem; + left: auto; +} +.drilldown.align-right .is-drilldown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 1rem; +} +.drilldown .js-drilldown-back > a::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + display: inline-block; + vertical-align: middle; + margin-right: 0.75rem; +} + +.dropdown.menu > li.opens-left > .is-dropdown-submenu { + top: 100%; + right: 0; + left: auto; +} +.dropdown.menu > li.opens-right > .is-dropdown-submenu { + top: 100%; + right: auto; + left: 0; +} +.dropdown.menu > li.is-dropdown-submenu-parent > a { + position: relative; + padding-right: 1.5rem; +} +.dropdown.menu > li.is-dropdown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + right: 5px; + left: auto; + margin-top: -3px; +} +[data-whatinput=mouse] .dropdown.menu a { + outline: 0; +} +.dropdown.menu > li > a { + padding: 0.7rem 1rem; +} +.dropdown.menu > li.is-active > a { + background: transparent; + color: #1779ba; +} +.no-js .dropdown.menu ul { + display: none; +} +.dropdown.menu .nested.is-dropdown-submenu { + margin-right: 0; + margin-left: 0; +} +.dropdown.menu.vertical > li .is-dropdown-submenu { + top: 0; +} +.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { + top: 0; + right: 100%; + left: auto; +} +.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; +} +.dropdown.menu.vertical > li > a::after { + right: 14px; +} +.dropdown.menu.vertical > li.opens-left > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 5px; +} +.dropdown.menu.vertical > li.opens-right > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; +} +@media print, screen and (min-width: 40em) { + .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { + top: 100%; + right: 0; + left: auto; + } + .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { + top: 100%; + right: auto; + left: 0; + } + .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { + position: relative; + padding-right: 1.5rem; + } + .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + right: 5px; + left: auto; + margin-top: -3px; + } + .dropdown.menu.medium-vertical > li .is-dropdown-submenu { + top: 0; + } + .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { + top: 0; + right: 100%; + left: auto; + } + .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; + } + .dropdown.menu.medium-vertical > li > a::after { + right: 14px; + } + .dropdown.menu.medium-vertical > li.opens-left > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 5px; + } + .dropdown.menu.medium-vertical > li.opens-right > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; + } +} +@media print, screen and (min-width: 64em) { + .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { + top: 100%; + right: 0; + left: auto; + } + .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { + top: 100%; + right: auto; + left: 0; + } + .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { + position: relative; + padding-right: 1.5rem; + } + .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + right: 5px; + left: auto; + margin-top: -3px; + } + .dropdown.menu.large-vertical > li .is-dropdown-submenu { + top: 0; + } + .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { + top: 0; + right: 100%; + left: auto; + } + .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; + } + .dropdown.menu.large-vertical > li > a::after { + right: 14px; + } + .dropdown.menu.large-vertical > li.opens-left > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 5px; + } + .dropdown.menu.large-vertical > li.opens-right > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; + } +} +.dropdown.menu.align-right .is-dropdown-submenu.first-sub { + top: 100%; + right: 0; + left: auto; +} + +.is-dropdown-menu.vertical { + width: 100px; +} +.is-dropdown-menu.vertical.align-right { + float: right; +} + +.is-dropdown-submenu-parent { + position: relative; +} +.is-dropdown-submenu-parent a::after { + position: absolute; + top: 50%; + right: 5px; + left: auto; + margin-top: -6px; +} +.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { + top: 100%; + left: auto; +} +.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { + right: 100%; + left: auto; +} +.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; +} + +.is-dropdown-submenu { + position: absolute; + top: 0; + left: 100%; + z-index: 1; + display: none; + min-width: 200px; + border: 1px solid #cacaca; + background: #fefefe; +} +.dropdown .is-dropdown-submenu a { + padding: 0.7rem 1rem; +} +.is-dropdown-submenu .is-dropdown-submenu-parent > a::after { + right: 14px; +} +.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 5px; +} +.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; +} +.is-dropdown-submenu .is-dropdown-submenu { + margin-top: -1px; +} +.is-dropdown-submenu > li { + width: 100%; +} +.is-dropdown-submenu.js-dropdown-active { + display: block; +} + +.is-off-canvas-open { + overflow: hidden; +} + +.js-off-canvas-overlay { + position: absolute; + top: 0; + left: 0; + z-index: 11; + width: 100%; + height: 100%; + transition: opacity 0.5s ease, visibility 0.5s ease; + background: rgba(254, 254, 254, 0.25); + opacity: 0; + visibility: hidden; + overflow: hidden; +} +.js-off-canvas-overlay.is-visible { + opacity: 1; + visibility: visible; +} +.js-off-canvas-overlay.is-closable { + cursor: pointer; +} +.js-off-canvas-overlay.is-overlay-absolute { + position: absolute; +} +.js-off-canvas-overlay.is-overlay-fixed { + position: fixed; +} + +.off-canvas-wrapper { + position: relative; + overflow: hidden; +} + +.off-canvas { + position: fixed; + z-index: 12; + transition: transform 0.5s ease; + backface-visibility: hidden; + background: #e6e6e6; +} +[data-whatinput=mouse] .off-canvas { + outline: 0; +} +.off-canvas.is-transition-push { + z-index: 12; +} +.off-canvas.is-closed { + visibility: hidden; +} +.off-canvas.is-transition-overlap { + z-index: 13; +} +.off-canvas.is-transition-overlap.is-open { + box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); +} +.off-canvas.is-open { + transform: translate(0, 0); +} + +.off-canvas-absolute { + position: absolute; + z-index: 12; + transition: transform 0.5s ease; + backface-visibility: hidden; + background: #e6e6e6; +} +[data-whatinput=mouse] .off-canvas-absolute { + outline: 0; +} +.off-canvas-absolute.is-transition-push { + z-index: 12; +} +.off-canvas-absolute.is-closed { + visibility: hidden; +} +.off-canvas-absolute.is-transition-overlap { + z-index: 13; +} +.off-canvas-absolute.is-transition-overlap.is-open { + box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); +} +.off-canvas-absolute.is-open { + transform: translate(0, 0); +} + +.position-left { + top: 0; + left: 0; + height: 100%; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + width: 250px; + transform: translateX(-250px); +} +.off-canvas-content .off-canvas.position-left { + transform: translateX(-250px); +} +.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { + transform: translate(0, 0); +} + +.off-canvas-content.is-open-left.has-transition-push { + transform: translateX(250px); +} + +.position-left.is-transition-push { + box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); +} + +.position-right { + top: 0; + right: 0; + height: 100%; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + width: 250px; + transform: translateX(250px); +} +.off-canvas-content .off-canvas.position-right { + transform: translateX(250px); +} +.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { + transform: translate(0, 0); +} + +.off-canvas-content.is-open-right.has-transition-push { + transform: translateX(-250px); +} + +.position-right.is-transition-push { + box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); +} + +.position-top { + top: 0; + left: 0; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + height: 250px; + transform: translateY(-250px); +} +.off-canvas-content .off-canvas.position-top { + transform: translateY(-250px); +} +.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { + transform: translate(0, 0); +} + +.off-canvas-content.is-open-top.has-transition-push { + transform: translateY(250px); +} + +.position-top.is-transition-push { + box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); +} + +.position-bottom { + bottom: 0; + left: 0; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + height: 250px; + transform: translateY(250px); +} +.off-canvas-content .off-canvas.position-bottom { + transform: translateY(250px); +} +.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { + transform: translate(0, 0); +} + +.off-canvas-content.is-open-bottom.has-transition-push { + transform: translateY(-250px); +} + +.position-bottom.is-transition-push { + box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); +} + +.off-canvas-content { + transform: none; + backface-visibility: hidden; +} +.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push { + transition: transform 0.5s ease; +} +.off-canvas-content.has-transition-push { + transform: translate(0, 0); +} +.off-canvas-content .off-canvas.is-open { + transform: translate(0, 0); +} + +@media print, screen and (min-width: 40em) { + .position-left.reveal-for-medium { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-left.reveal-for-medium .close-button { + display: none; + } + .off-canvas-content .position-left.reveal-for-medium { + transform: none; + } + .off-canvas-content.has-reveal-left { + margin-left: 250px; + } + .position-left.reveal-for-medium ~ .off-canvas-content { + margin-left: 250px; + } + .position-right.reveal-for-medium { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-right.reveal-for-medium .close-button { + display: none; + } + .off-canvas-content .position-right.reveal-for-medium { + transform: none; + } + .off-canvas-content.has-reveal-right { + margin-right: 250px; + } + .position-right.reveal-for-medium ~ .off-canvas-content { + margin-right: 250px; + } + .position-top.reveal-for-medium { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-top.reveal-for-medium .close-button { + display: none; + } + .off-canvas-content .position-top.reveal-for-medium { + transform: none; + } + .off-canvas-content.has-reveal-top { + margin-top: 250px; + } + .position-top.reveal-for-medium ~ .off-canvas-content { + margin-top: 250px; + } + .position-bottom.reveal-for-medium { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-bottom.reveal-for-medium .close-button { + display: none; + } + .off-canvas-content .position-bottom.reveal-for-medium { + transform: none; + } + .off-canvas-content.has-reveal-bottom { + margin-bottom: 250px; + } + .position-bottom.reveal-for-medium ~ .off-canvas-content { + margin-bottom: 250px; + } +} +@media print, screen and (min-width: 64em) { + .position-left.reveal-for-large { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-left.reveal-for-large .close-button { + display: none; + } + .off-canvas-content .position-left.reveal-for-large { + transform: none; + } + .off-canvas-content.has-reveal-left { + margin-left: 250px; + } + .position-left.reveal-for-large ~ .off-canvas-content { + margin-left: 250px; + } + .position-right.reveal-for-large { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-right.reveal-for-large .close-button { + display: none; + } + .off-canvas-content .position-right.reveal-for-large { + transform: none; + } + .off-canvas-content.has-reveal-right { + margin-right: 250px; + } + .position-right.reveal-for-large ~ .off-canvas-content { + margin-right: 250px; + } + .position-top.reveal-for-large { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-top.reveal-for-large .close-button { + display: none; + } + .off-canvas-content .position-top.reveal-for-large { + transform: none; + } + .off-canvas-content.has-reveal-top { + margin-top: 250px; + } + .position-top.reveal-for-large ~ .off-canvas-content { + margin-top: 250px; + } + .position-bottom.reveal-for-large { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-bottom.reveal-for-large .close-button { + display: none; + } + .off-canvas-content .position-bottom.reveal-for-large { + transform: none; + } + .off-canvas-content.has-reveal-bottom { + margin-bottom: 250px; + } + .position-bottom.reveal-for-large ~ .off-canvas-content { + margin-bottom: 250px; + } +} +@media print, screen and (min-width: 40em) { + .off-canvas.in-canvas-for-medium { + visibility: visible; + height: auto; + position: static; + background: none; + width: auto; + overflow: visible; + transition: none; + } + .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { + box-shadow: none; + transform: none; + } + .off-canvas.in-canvas-for-medium .close-button { + display: none; + } +} +@media print, screen and (min-width: 64em) { + .off-canvas.in-canvas-for-large { + visibility: visible; + height: auto; + position: static; + background: none; + width: auto; + overflow: visible; + transition: none; + } + .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { + box-shadow: none; + transform: none; + } + .off-canvas.in-canvas-for-large .close-button { + display: none; + } +} +html.is-reveal-open { + position: fixed; + width: 100%; + overflow-y: hidden; +} +html.is-reveal-open.zf-has-scroll { + overflow-y: scroll; + -webkit-overflow-scrolling: touch; +} +html.is-reveal-open body { + overflow-y: hidden; +} + +.reveal-overlay { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1005; + display: none; + background-color: rgba(10, 10, 10, 0.45); + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} + +.reveal { + z-index: 1006; + backface-visibility: hidden; + display: none; + padding: 1rem; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + position: relative; + top: 100px; + margin-right: auto; + margin-left: auto; + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} +[data-whatinput=mouse] .reveal { + outline: 0; +} +@media print, screen and (min-width: 40em) { + .reveal { + min-height: 0; + } +} +.reveal .column { + min-width: 0; +} +.reveal > :last-child { + margin-bottom: 0; +} +@media print, screen and (min-width: 40em) { + .reveal { + width: 600px; + max-width: 75rem; + } +} +.reveal.collapse { + padding: 0; +} +@media print, screen and (min-width: 40em) { + .reveal.tiny { + width: 30%; + max-width: 75rem; + } +} +@media print, screen and (min-width: 40em) { + .reveal.small { + width: 50%; + max-width: 75rem; + } +} +@media print, screen and (min-width: 40em) { + .reveal.large { + width: 90%; + max-width: 75rem; + } +} +.reveal.full { + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + max-width: none; + height: 100%; + min-height: 100%; + margin-left: 0; + border: 0; + border-radius: 0; +} +@media print, screen and (max-width: 39.99875em) { + .reveal { + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + max-width: none; + height: 100%; + min-height: 100%; + margin-left: 0; + border: 0; + border-radius: 0; + } +} +.reveal.without-overlay { + position: fixed; +} + +.sticky-container { + position: relative; +} + +.sticky { + position: relative; + z-index: 0; + transform: translate3d(0, 0, 0); +} + +.sticky.is-stuck { + position: fixed; + z-index: 5; + width: 100%; +} +.sticky.is-stuck.is-at-top { + top: 0; +} +.sticky.is-stuck.is-at-bottom { + bottom: 0; +} + +.sticky.is-anchored { + position: relative; + right: auto; + left: auto; +} +.sticky.is-anchored.is-at-bottom { + bottom: 0; +} + +.title-bar { + padding: 0.5rem; + background: #0a0a0a; + color: #fefefe; + display: flex; + justify-content: flex-start; + align-items: center; +} +.title-bar .menu-icon { + margin-left: 0.25rem; + margin-right: 0.25rem; +} + +.title-bar-left, +.title-bar-right { + flex: 1 1 0px; +} + +.title-bar-right { + text-align: right; +} + +.title-bar-title { + display: inline-block; + vertical-align: middle; + font-weight: bold; +} + +.top-bar { + display: flex; + flex-wrap: nowrap; + justify-content: space-between; + align-items: center; + padding: 0.5rem; + flex-wrap: wrap; +} +.top-bar, +.top-bar ul { + background-color: #e6e6e6; +} +.top-bar input { + max-width: 200px; + margin-right: 1rem; +} +.top-bar .input-group-field { + width: 100%; + margin-right: 0; +} +.top-bar input.button { + width: auto; +} +.top-bar .top-bar-left, +.top-bar .top-bar-right { + flex: 0 0 100%; + max-width: 100%; +} +@media print, screen and (min-width: 40em) { + .top-bar { + flex-wrap: nowrap; + } + .top-bar .top-bar-left { + flex: 1 1 auto; + margin-right: auto; + } + .top-bar .top-bar-right { + flex: 0 1 auto; + margin-left: auto; + } +} +@media print, screen and (max-width: 63.99875em) { + .top-bar.stacked-for-medium { + flex-wrap: wrap; + } + .top-bar.stacked-for-medium .top-bar-left, + .top-bar.stacked-for-medium .top-bar-right { + flex: 0 0 100%; + max-width: 100%; + } +} +@media print, screen and (max-width: 74.99875em) { + .top-bar.stacked-for-large { + flex-wrap: wrap; + } + .top-bar.stacked-for-large .top-bar-left, + .top-bar.stacked-for-large .top-bar-right { + flex: 0 0 100%; + max-width: 100%; + } +} + +.top-bar-title { + flex: 0 0 auto; + margin: 0.5rem 1rem 0.5rem 0; +} + +.top-bar-left, +.top-bar-right { + flex: 0 0 auto; +} + +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-center { + display: block; + margin-right: auto; + margin-left: auto; +} + +.clearfix::before, .clearfix::after { + display: table; + content: " "; + flex-basis: 0; + order: 1; +} +.clearfix::after { + clear: both; +} + +.hide { + display: none !important; +} + +.invisible { + visibility: hidden; +} + +.visible { + visibility: visible; +} + +@media print, screen and (max-width: 39.99875em) { + .hide-for-small-only { + display: none !important; + } +} + +@media screen and (max-width: 0em), screen and (min-width: 40em) { + .show-for-small-only { + display: none !important; + } +} + +@media print, screen and (min-width: 40em) { + .hide-for-medium { + display: none !important; + } +} + +@media screen and (max-width: 39.99875em) { + .show-for-medium { + display: none !important; + } +} + +@media print, screen and (min-width: 40em) and (max-width: 63.99875em) { + .hide-for-medium-only { + display: none !important; + } +} + +@media screen and (max-width: 39.99875em), screen and (min-width: 64em) { + .show-for-medium-only { + display: none !important; + } +} + +@media print, screen and (min-width: 64em) { + .hide-for-large { + display: none !important; + } +} + +@media screen and (max-width: 63.99875em) { + .show-for-large { + display: none !important; + } +} + +@media print, screen and (min-width: 64em) and (max-width: 74.99875em) { + .hide-for-large-only { + display: none !important; + } +} + +@media screen and (max-width: 63.99875em), screen and (min-width: 75em) { + .show-for-large-only { + display: none !important; + } +} + +.show-for-sr, +.show-on-focus { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; +} + +.show-on-focus:active, .show-on-focus:focus { + position: static !important; + width: auto !important; + height: auto !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; +} + +.show-for-landscape, +.hide-for-portrait { + display: block !important; +} +@media screen and (orientation: landscape) { + .show-for-landscape, + .hide-for-portrait { + display: block !important; + } +} +@media screen and (orientation: portrait) { + .show-for-landscape, + .hide-for-portrait { + display: none !important; + } +} + +.hide-for-landscape, +.show-for-portrait { + display: none !important; +} +@media screen and (orientation: landscape) { + .hide-for-landscape, + .show-for-portrait { + display: none !important; + } +} +@media screen and (orientation: portrait) { + .hide-for-landscape, + .show-for-portrait { + display: block !important; + } +} + +.show-for-dark-mode { + display: none; +} + +.hide-for-dark-mode { + display: block; +} + +@media screen and (prefers-color-scheme: dark) { + .show-for-dark-mode { + display: block !important; + } + .hide-for-dark-mode { + display: none !important; + } +} +.show-for-ie { + display: none; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .show-for-ie { + display: block !important; + } + .hide-for-ie { + display: none !important; + } +} +.show-for-sticky { + display: none; +} + +.is-stuck .show-for-sticky { + display: block; +} + +.is-stuck .hide-for-sticky { + display: none; +}" +`; + +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'modern' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +/** + * Foundation for Sites + * Version 6.8.1 + * https://get.foundation + * Licensed under MIT Open Source + */ +@media print, screen and (min-width: 40em) { + .reveal.large, .reveal.small, .reveal.tiny, .reveal { + right: auto; + left: auto; + margin: 0 auto; + } +} +/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ +html { + line-height: 1.15; + -webkit-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +pre { + font-family: monospace, monospace; + font-size: 1em; +} + +a { + background-color: transparent; +} + +abbr[title] { + border-bottom: 0; + text-decoration: underline dotted; +} + +b, +strong { + font-weight: bolder; +} + +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +img { + border-style: none; +} + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + font-size: 100%; + line-height: 1.15; + margin: 0; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +button:-moz-focusring, +[type=button]:-moz-focusring, +[type=reset]:-moz-focusring, +[type=submit]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +legend { + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +textarea { + overflow: auto; +} + +[type=checkbox], +[type=radio] { + box-sizing: border-box; + padding: 0; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +details { + display: block; +} + +summary { + display: list-item; +} + +template { + display: none; +} + +[hidden] { + display: none; +} + +[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus, +[data-whatintent=touch] *, +[data-whatintent=touch] *:focus, +[data-whatinput=mouse] *, +[data-whatinput=mouse] *:focus, +[data-whatinput=touch] *, +[data-whatinput=touch] *:focus { + outline: none; +} + +[draggable=false] { + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.foundation-mq { + font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; +} + +html { + box-sizing: border-box; + font-size: 100%; +} + +*, +*::before, +*::after { + box-sizing: inherit; +} + +body { + margin: 0; + padding: 0; + background: #fefefe; + font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; + font-weight: normal; + line-height: 1.5; + color: #0a0a0a; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +img { + display: inline-block; + vertical-align: middle; + max-width: 100%; + height: auto; + -ms-interpolation-mode: bicubic; +} + +textarea { + height: auto; + min-height: 50px; + border-radius: 0; +} + +select { + box-sizing: border-box; + width: 100%; + border-radius: 0; +} + +.map_canvas img, +.map_canvas embed, +.map_canvas object, +.mqa-display img, +.mqa-display embed, +.mqa-display object { + max-width: none !important; +} + +button { + padding: 0; + appearance: none; + border: 0; + border-radius: 0; + background: transparent; + line-height: 1; + cursor: auto; +} +[data-whatinput=mouse] button { + outline: 0; +} + +pre { + overflow: auto; + -webkit-overflow-scrolling: touch; +} + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; +} + +.is-visible { + display: block !important; +} + +.is-hidden { + display: none !important; +} + +[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], +textarea { + display: block; + box-sizing: border-box; + width: 100%; + height: 2.4375rem; + margin: 0 0 1rem; + padding: 0.5rem; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + font-family: inherit; + font-size: 1rem; + font-weight: normal; + line-height: 1.5; + color: #0a0a0a; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; + appearance: none; +} +[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, +textarea:focus { + outline: none; + border: 1px solid #8a8a8a; + background-color: #fefefe; + box-shadow: 0 0 5px #cacaca; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; +} + +textarea { + max-width: 100%; +} +textarea[rows] { + height: auto; +} + +input:disabled, input[readonly], +textarea:disabled, +textarea[readonly] { + background-color: #e6e6e6; + cursor: not-allowed; +} + +[type=submit], +[type=button] { + appearance: none; + border-radius: 0; +} + +input[type=search] { + box-sizing: border-box; +} + +::placeholder { + color: #cacaca; +} + +[type=file], +[type=checkbox], +[type=radio] { + margin: 0 0 1rem; +} + +[type=checkbox] + label, +[type=radio] + label { + display: inline-block; + vertical-align: baseline; + margin-left: 0.5rem; + margin-right: 1rem; + margin-bottom: 0; +} +[type=checkbox] + label[for], +[type=radio] + label[for] { + cursor: pointer; +} + +label > [type=checkbox], +label > [type=radio] { + margin-right: 0.5rem; +} + +[type=file] { + width: 100%; +} + +label { + display: block; + margin: 0; + font-size: 0.875rem; + font-weight: normal; + line-height: 1.8; + color: #0a0a0a; +} +label.middle { + margin: 0 0 1rem; + line-height: 1.5; + padding: 0.5625rem 0; +} + +.help-text { + margin-top: -0.5rem; + font-size: 0.8125rem; + font-style: italic; + color: #0a0a0a; +} + +.input-group { + display: flex; + width: 100%; + margin-bottom: 1rem; + align-items: stretch; +} +.input-group > :first-child, .input-group > :first-child.input-group-button > * { + border-radius: 0 0 0 0; +} +.input-group > :last-child, .input-group > :last-child.input-group-button > * { + border-radius: 0 0 0 0; +} + +.input-group-button a, +.input-group-button input, +.input-group-button button, +.input-group-button label, .input-group-button, .input-group-field, .input-group-label { + margin: 0; + white-space: nowrap; +} + +.input-group-label { + padding: 0 1rem; + border: 1px solid #cacaca; + background: #e6e6e6; + color: #0a0a0a; + text-align: center; + white-space: nowrap; + display: flex; + flex: 0 0 auto; + align-items: center; +} +.input-group-label:first-child { + border-right: 0; +} +.input-group-label:last-child { + border-left: 0; +} + +.input-group-field { + border-radius: 0; + flex: 1 1 0px; + min-width: 0; +} + +.input-group-button { + padding-top: 0; + padding-bottom: 0; + text-align: center; + display: flex; + flex: 0 0 auto; +} +.input-group-button a, +.input-group-button input, +.input-group-button button, +.input-group-button label { + align-self: stretch; + height: auto; + padding-top: 0; + padding-bottom: 0; + font-size: 1rem; +} + +fieldset { + margin: 0; + padding: 0; + border: 0; +} + +legend { + max-width: 100%; + margin-bottom: 0.5rem; +} + +.fieldset { + margin: 1.125rem 0; + padding: 1.25rem; + border: 1px solid #cacaca; +} +.fieldset legend { + margin: 0; + margin-left: -0.1875rem; + padding: 0 0.1875rem; +} + +select { + height: 2.4375rem; + margin: 0 0 1rem; + padding: 0.5rem; + appearance: none; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + font-family: inherit; + font-size: 1rem; + font-weight: normal; + line-height: 1.5; + color: #0a0a0a; + background-image: url('data:image/svg+xml;utf8,'); + background-origin: content-box; + background-position: right -1rem center; + background-repeat: no-repeat; + background-size: 9px 6px; + padding-right: 1.5rem; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; +} +@media screen and (min-width: 0\\0 ) { + select { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); + } +} +select:focus { + outline: none; + border: 1px solid #8a8a8a; + background-color: #fefefe; + box-shadow: 0 0 5px #cacaca; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; +} +select:disabled { + background-color: #e6e6e6; + cursor: not-allowed; +} +select::-ms-expand { + display: none; +} +select[multiple] { + height: auto; + background-image: none; +} +select:not([multiple]) { + padding-top: 0; + padding-bottom: 0; +} + +.is-invalid-input:not(:focus) { + border-color: #cc4b37; + background-color: #f9ecea; +} +.is-invalid-input:not(:focus)::placeholder { + color: #cc4b37; +} + +.is-invalid-label { + color: #cc4b37; +} + +.form-error { + display: none; + margin-top: -0.5rem; + margin-bottom: 1rem; + font-size: 0.75rem; + font-weight: bold; + color: #cc4b37; +} +.form-error.is-visible { + display: block; +} + +div, +dl, +dt, +dd, +ul, +ol, +li, +h1, +h2, +h3, +h4, +h5, +h6, +pre, +form, +p, +blockquote, +th, +td { + margin: 0; + padding: 0; +} + +p { + margin-bottom: 1rem; + font-size: inherit; + line-height: 1.6; + text-rendering: optimizeLegibility; +} + +em, +i { + font-style: italic; + line-height: inherit; +} + +strong, +b { + font-weight: bold; + line-height: inherit; +} + +small { + font-size: 80%; + line-height: inherit; +} + +h1, .h1, +h2, .h2, +h3, .h3, +h4, .h4, +h5, .h5, +h6, .h6 { + font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; + font-style: normal; + font-weight: normal; + color: inherit; + text-rendering: optimizeLegibility; +} +h1 small, .h1 small, +h2 small, .h2 small, +h3 small, .h3 small, +h4 small, .h4 small, +h5 small, .h5 small, +h6 small, .h6 small { + line-height: 0; + color: #cacaca; +} + +h1, .h1 { + font-size: 1.5rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h2, .h2 { + font-size: 1.25rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h3, .h3 { + font-size: 1.1875rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h4, .h4 { + font-size: 1.125rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h5, .h5 { + font-size: 1.0625rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h6, .h6 { + font-size: 1rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +@media print, screen and (min-width: 40em) { + h1, .h1 { + font-size: 3rem; + } + h2, .h2 { + font-size: 2.5rem; + } + h3, .h3 { + font-size: 1.9375rem; + } + h4, .h4 { + font-size: 1.5625rem; + } + h5, .h5 { + font-size: 1.25rem; + } + h6, .h6 { + font-size: 1rem; + } +} +a { + line-height: inherit; + color: #1779ba; + text-decoration: none; + cursor: pointer; +} +a:hover, a:focus { + color: #1468a0; +} +a img { + border: 0; +} + +hr { + clear: both; + max-width: 75rem; + height: 0; + margin: 1.25rem auto; + border-top: 0; + border-right: 0; + border-bottom: 1px solid #cacaca; + border-left: 0; +} + +ul, +ol, +dl { + margin-bottom: 1rem; + list-style-position: outside; + line-height: 1.6; +} + +li { + font-size: inherit; +} + +ul { + margin-left: 1.25rem; + list-style-type: disc; +} + +ol { + margin-left: 1.25rem; +} + +ul ul, ul ol, ol ul, ol ol { + margin-left: 1.25rem; + margin-bottom: 0; +} + +dl { + margin-bottom: 1rem; +} +dl dt { + margin-bottom: 0.3rem; + font-weight: bold; +} + +blockquote { + margin: 0 0 1rem; + padding: 0.5625rem 1.25rem 0 1.1875rem; + border-left: 1px solid #cacaca; +} +blockquote, blockquote p { + line-height: 1.6; + color: #8a8a8a; +} + +abbr, abbr[title] { + border-bottom: 1px dotted #0a0a0a; + cursor: help; + text-decoration: none; +} + +figure { + margin: 0; +} + +kbd { + margin: 0; + padding: 0.125rem 0.25rem 0; + background-color: #e6e6e6; + font-family: Consolas, "Liberation Mono", Courier, monospace; + color: #0a0a0a; +} + +.subheader { + margin-top: 0.2rem; + margin-bottom: 0.5rem; + font-weight: normal; + line-height: 1.4; + color: #8a8a8a; +} + +.lead { + font-size: 125%; + line-height: 1.6; +} + +.stat { + font-size: 2.5rem; + line-height: 1; +} +p + .stat { + margin-top: -1rem; +} + +ul.no-bullet, ol.no-bullet { + margin-left: 0; + list-style: none; +} + +.cite-block, cite { + display: block; + color: #8a8a8a; + font-size: 0.8125rem; +} +.cite-block:before, cite:before { + content: "— "; +} + +.code-inline, code { + border: 1px solid #cacaca; + background-color: #e6e6e6; + font-family: Consolas, "Liberation Mono", Courier, monospace; + font-weight: normal; + color: #0a0a0a; + display: inline; + max-width: 100%; + word-wrap: break-word; + padding: 0.125rem 0.3125rem 0.0625rem; +} + +.code-block { + border: 1px solid #cacaca; + background-color: #e6e6e6; + font-family: Consolas, "Liberation Mono", Courier, monospace; + font-weight: normal; + color: #0a0a0a; + display: block; + overflow: auto; + white-space: pre; + padding: 1rem; + margin-bottom: 1.5rem; +} + +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + +.text-justify { + text-align: justify; +} + +@media print, screen and (min-width: 40em) { + .medium-text-left { + text-align: left; + } + .medium-text-right { + text-align: right; + } + .medium-text-center { + text-align: center; + } + .medium-text-justify { + text-align: justify; + } +} +@media print, screen and (min-width: 64em) { + .large-text-left { + text-align: left; + } + .large-text-right { + text-align: right; + } + .large-text-center { + text-align: center; + } + .large-text-justify { + text-align: justify; + } +} +.show-for-print { + display: none !important; +} + +@media print { + * { + background: transparent !important; + color: black !important; + print-color-adjust: economy; + box-shadow: none !important; + text-shadow: none !important; + } + .show-for-print { + display: block !important; + } + .hide-for-print { + display: none !important; + } + table.show-for-print { + display: table !important; + } + thead.show-for-print { + display: table-header-group !important; + } + tbody.show-for-print { + display: table-row-group !important; + } + tr.show-for-print { + display: table-row !important; + } + td.show-for-print { + display: table-cell !important; + } + th.show-for-print { + display: table-cell !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + pre, + blockquote { + border: 1px solid #8a8a8a; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + .print-break-inside { + page-break-inside: auto; + } +} +.grid-container { + padding-right: 0.625rem; + padding-left: 0.625rem; + max-width: 75rem; + margin-left: auto; + margin-right: auto; +} +@media print, screen and (min-width: 40em) { + .grid-container { + padding-right: 0.9375rem; + padding-left: 0.9375rem; + } +} +.grid-container.fluid { + padding-right: 0.625rem; + padding-left: 0.625rem; + max-width: 100%; + margin-left: auto; + margin-right: auto; +} +@media print, screen and (min-width: 40em) { + .grid-container.fluid { + padding-right: 0.9375rem; + padding-left: 0.9375rem; + } +} +.grid-container.full { + padding-right: 0; + padding-left: 0; + max-width: 100%; + margin-left: auto; + margin-right: auto; +} + +.grid-x { + display: flex; + flex-flow: row wrap; +} + +.cell { + flex: 0 0 auto; + min-height: 0; + min-width: 0; + width: 100%; +} +.cell.auto { + flex: 1 1 0; +} +.cell.shrink { + flex: 0 0 auto; +} + +.grid-x > .auto { + width: auto; +} +.grid-x > .shrink { + width: auto; +} + +.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { + flex-basis: auto; +} + +@media print, screen and (min-width: 40em) { + .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { + flex-basis: auto; + } +} +@media print, screen and (min-width: 64em) { + .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { + flex-basis: auto; + } +} +.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 { + flex: 0 0 auto; +} + +.grid-x > .small-1 { + width: 8.3333333333%; +} + +.grid-x > .small-2 { + width: 16.6666666667%; +} + +.grid-x > .small-3 { + width: 25%; +} + +.grid-x > .small-4 { + width: 33.3333333333%; +} + +.grid-x > .small-5 { + width: 41.6666666667%; +} + +.grid-x > .small-6 { + width: 50%; +} + +.grid-x > .small-7 { + width: 58.3333333333%; +} + +.grid-x > .small-8 { + width: 66.6666666667%; +} + +.grid-x > .small-9 { + width: 75%; +} + +.grid-x > .small-10 { + width: 83.3333333333%; +} + +.grid-x > .small-11 { + width: 91.6666666667%; +} + +.grid-x > .small-12 { + width: 100%; +} + +@media print, screen and (min-width: 40em) { + .grid-x > .medium-auto { + flex: 1 1 0; + width: auto; + } + .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink { + flex: 0 0 auto; + } + .grid-x > .medium-shrink { + width: auto; + } + .grid-x > .medium-1 { + width: 8.3333333333%; + } + .grid-x > .medium-2 { + width: 16.6666666667%; + } + .grid-x > .medium-3 { + width: 25%; + } + .grid-x > .medium-4 { + width: 33.3333333333%; + } + .grid-x > .medium-5 { + width: 41.6666666667%; + } + .grid-x > .medium-6 { + width: 50%; + } + .grid-x > .medium-7 { + width: 58.3333333333%; + } + .grid-x > .medium-8 { + width: 66.6666666667%; + } + .grid-x > .medium-9 { + width: 75%; + } + .grid-x > .medium-10 { + width: 83.3333333333%; + } + .grid-x > .medium-11 { + width: 91.6666666667%; + } + .grid-x > .medium-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .grid-x > .large-auto { + flex: 1 1 0; + width: auto; + } + .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink { + flex: 0 0 auto; + } + .grid-x > .large-shrink { + width: auto; + } + .grid-x > .large-1 { + width: 8.3333333333%; + } + .grid-x > .large-2 { + width: 16.6666666667%; + } + .grid-x > .large-3 { + width: 25%; + } + .grid-x > .large-4 { + width: 33.3333333333%; + } + .grid-x > .large-5 { + width: 41.6666666667%; + } + .grid-x > .large-6 { + width: 50%; + } + .grid-x > .large-7 { + width: 58.3333333333%; + } + .grid-x > .large-8 { + width: 66.6666666667%; + } + .grid-x > .large-9 { + width: 75%; + } + .grid-x > .large-10 { + width: 83.3333333333%; + } + .grid-x > .large-11 { + width: 91.6666666667%; + } + .grid-x > .large-12 { + width: 100%; + } +} +.grid-margin-x:not(.grid-x) > .cell { + width: auto; +} + +.grid-margin-y:not(.grid-y) > .cell { + height: auto; +} + +.grid-margin-x { + margin-left: -0.625rem; + margin-right: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-x { + margin-left: -0.9375rem; + margin-right: -0.9375rem; + } +} +.grid-margin-x > .cell { + width: calc(100% - 1.25rem); + margin-left: 0.625rem; + margin-right: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-x > .cell { + width: calc(100% - 1.875rem); + margin-left: 0.9375rem; + margin-right: 0.9375rem; + } +} +.grid-margin-x > .auto { + width: auto; +} +.grid-margin-x > .shrink { + width: auto; +} +.grid-margin-x > .small-1 { + width: calc(8.3333333333% - 1.25rem); +} +.grid-margin-x > .small-2 { + width: calc(16.6666666667% - 1.25rem); +} +.grid-margin-x > .small-3 { + width: calc(25% - 1.25rem); +} +.grid-margin-x > .small-4 { + width: calc(33.3333333333% - 1.25rem); +} +.grid-margin-x > .small-5 { + width: calc(41.6666666667% - 1.25rem); +} +.grid-margin-x > .small-6 { + width: calc(50% - 1.25rem); +} +.grid-margin-x > .small-7 { + width: calc(58.3333333333% - 1.25rem); +} +.grid-margin-x > .small-8 { + width: calc(66.6666666667% - 1.25rem); +} +.grid-margin-x > .small-9 { + width: calc(75% - 1.25rem); +} +.grid-margin-x > .small-10 { + width: calc(83.3333333333% - 1.25rem); +} +.grid-margin-x > .small-11 { + width: calc(91.6666666667% - 1.25rem); +} +.grid-margin-x > .small-12 { + width: calc(100% - 1.25rem); +} +@media print, screen and (min-width: 40em) { + .grid-margin-x > .auto { + width: auto; + } + .grid-margin-x > .shrink { + width: auto; + } + .grid-margin-x > .small-1 { + width: calc(8.3333333333% - 1.875rem); + } + .grid-margin-x > .small-2 { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x > .small-3 { + width: calc(25% - 1.875rem); + } + .grid-margin-x > .small-4 { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x > .small-5 { + width: calc(41.6666666667% - 1.875rem); + } + .grid-margin-x > .small-6 { + width: calc(50% - 1.875rem); + } + .grid-margin-x > .small-7 { + width: calc(58.3333333333% - 1.875rem); + } + .grid-margin-x > .small-8 { + width: calc(66.6666666667% - 1.875rem); + } + .grid-margin-x > .small-9 { + width: calc(75% - 1.875rem); + } + .grid-margin-x > .small-10 { + width: calc(83.3333333333% - 1.875rem); + } + .grid-margin-x > .small-11 { + width: calc(91.6666666667% - 1.875rem); + } + .grid-margin-x > .small-12 { + width: calc(100% - 1.875rem); + } + .grid-margin-x > .medium-auto { + width: auto; + } + .grid-margin-x > .medium-shrink { + width: auto; + } + .grid-margin-x > .medium-1 { + width: calc(8.3333333333% - 1.875rem); + } + .grid-margin-x > .medium-2 { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x > .medium-3 { + width: calc(25% - 1.875rem); + } + .grid-margin-x > .medium-4 { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x > .medium-5 { + width: calc(41.6666666667% - 1.875rem); + } + .grid-margin-x > .medium-6 { + width: calc(50% - 1.875rem); + } + .grid-margin-x > .medium-7 { + width: calc(58.3333333333% - 1.875rem); + } + .grid-margin-x > .medium-8 { + width: calc(66.6666666667% - 1.875rem); + } + .grid-margin-x > .medium-9 { + width: calc(75% - 1.875rem); + } + .grid-margin-x > .medium-10 { + width: calc(83.3333333333% - 1.875rem); + } + .grid-margin-x > .medium-11 { + width: calc(91.6666666667% - 1.875rem); + } + .grid-margin-x > .medium-12 { + width: calc(100% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-x > .large-auto { + width: auto; + } + .grid-margin-x > .large-shrink { + width: auto; + } + .grid-margin-x > .large-1 { + width: calc(8.3333333333% - 1.875rem); + } + .grid-margin-x > .large-2 { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x > .large-3 { + width: calc(25% - 1.875rem); + } + .grid-margin-x > .large-4 { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x > .large-5 { + width: calc(41.6666666667% - 1.875rem); + } + .grid-margin-x > .large-6 { + width: calc(50% - 1.875rem); + } + .grid-margin-x > .large-7 { + width: calc(58.3333333333% - 1.875rem); + } + .grid-margin-x > .large-8 { + width: calc(66.6666666667% - 1.875rem); + } + .grid-margin-x > .large-9 { + width: calc(75% - 1.875rem); + } + .grid-margin-x > .large-10 { + width: calc(83.3333333333% - 1.875rem); + } + .grid-margin-x > .large-11 { + width: calc(91.6666666667% - 1.875rem); + } + .grid-margin-x > .large-12 { + width: calc(100% - 1.875rem); + } +} + +.grid-padding-x .grid-padding-x { + margin-right: -0.625rem; + margin-left: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-x .grid-padding-x { + margin-right: -0.9375rem; + margin-left: -0.9375rem; + } +} +.grid-container:not(.full) > .grid-padding-x { + margin-right: -0.625rem; + margin-left: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-container:not(.full) > .grid-padding-x { + margin-right: -0.9375rem; + margin-left: -0.9375rem; + } +} +.grid-padding-x > .cell { + padding-right: 0.625rem; + padding-left: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-x > .cell { + padding-right: 0.9375rem; + padding-left: 0.9375rem; + } +} + +.small-up-1 > .cell { + width: 100%; +} + +.small-up-2 > .cell { + width: 50%; +} + +.small-up-3 > .cell { + width: 33.3333333333%; +} + +.small-up-4 > .cell { + width: 25%; +} + +.small-up-5 > .cell { + width: 20%; +} + +.small-up-6 > .cell { + width: 16.6666666667%; +} + +.small-up-7 > .cell { + width: 14.2857142857%; +} + +.small-up-8 > .cell { + width: 12.5%; +} + +@media print, screen and (min-width: 40em) { + .medium-up-1 > .cell { + width: 100%; + } + .medium-up-2 > .cell { + width: 50%; + } + .medium-up-3 > .cell { + width: 33.3333333333%; + } + .medium-up-4 > .cell { + width: 25%; + } + .medium-up-5 > .cell { + width: 20%; + } + .medium-up-6 > .cell { + width: 16.6666666667%; + } + .medium-up-7 > .cell { + width: 14.2857142857%; + } + .medium-up-8 > .cell { + width: 12.5%; + } +} +@media print, screen and (min-width: 64em) { + .large-up-1 > .cell { + width: 100%; + } + .large-up-2 > .cell { + width: 50%; + } + .large-up-3 > .cell { + width: 33.3333333333%; + } + .large-up-4 > .cell { + width: 25%; + } + .large-up-5 > .cell { + width: 20%; + } + .large-up-6 > .cell { + width: 16.6666666667%; + } + .large-up-7 > .cell { + width: 14.2857142857%; + } + .large-up-8 > .cell { + width: 12.5%; + } +} +.grid-margin-x.small-up-1 > .cell { + width: calc(100% - 1.25rem); +} + +.grid-margin-x.small-up-2 > .cell { + width: calc(50% - 1.25rem); +} + +.grid-margin-x.small-up-3 > .cell { + width: calc(33.3333333333% - 1.25rem); +} + +.grid-margin-x.small-up-4 > .cell { + width: calc(25% - 1.25rem); +} + +.grid-margin-x.small-up-5 > .cell { + width: calc(20% - 1.25rem); +} + +.grid-margin-x.small-up-6 > .cell { + width: calc(16.6666666667% - 1.25rem); +} + +.grid-margin-x.small-up-7 > .cell { + width: calc(14.2857142857% - 1.25rem); +} + +.grid-margin-x.small-up-8 > .cell { + width: calc(12.5% - 1.25rem); +} + +@media print, screen and (min-width: 40em) { + .grid-margin-x.small-up-1 > .cell { + width: calc(100% - 1.875rem); + } + .grid-margin-x.small-up-2 > .cell { + width: calc(50% - 1.875rem); + } + .grid-margin-x.small-up-3 > .cell { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x.small-up-4 > .cell { + width: calc(25% - 1.875rem); + } + .grid-margin-x.small-up-5 > .cell { + width: calc(20% - 1.875rem); + } + .grid-margin-x.small-up-6 > .cell { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x.small-up-7 > .cell { + width: calc(14.2857142857% - 1.875rem); + } + .grid-margin-x.small-up-8 > .cell { + width: calc(12.5% - 1.875rem); + } + .grid-margin-x.medium-up-1 > .cell { + width: calc(100% - 1.875rem); + } + .grid-margin-x.medium-up-2 > .cell { + width: calc(50% - 1.875rem); + } + .grid-margin-x.medium-up-3 > .cell { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x.medium-up-4 > .cell { + width: calc(25% - 1.875rem); + } + .grid-margin-x.medium-up-5 > .cell { + width: calc(20% - 1.875rem); + } + .grid-margin-x.medium-up-6 > .cell { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x.medium-up-7 > .cell { + width: calc(14.2857142857% - 1.875rem); + } + .grid-margin-x.medium-up-8 > .cell { + width: calc(12.5% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-x.large-up-1 > .cell { + width: calc(100% - 1.875rem); + } + .grid-margin-x.large-up-2 > .cell { + width: calc(50% - 1.875rem); + } + .grid-margin-x.large-up-3 > .cell { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x.large-up-4 > .cell { + width: calc(25% - 1.875rem); + } + .grid-margin-x.large-up-5 > .cell { + width: calc(20% - 1.875rem); + } + .grid-margin-x.large-up-6 > .cell { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x.large-up-7 > .cell { + width: calc(14.2857142857% - 1.875rem); + } + .grid-margin-x.large-up-8 > .cell { + width: calc(12.5% - 1.875rem); + } +} +.small-margin-collapse { + margin-right: 0; + margin-left: 0; +} +.small-margin-collapse > .cell { + margin-right: 0; + margin-left: 0; +} +.small-margin-collapse > .small-1 { + width: 8.3333333333%; +} +.small-margin-collapse > .small-2 { + width: 16.6666666667%; +} +.small-margin-collapse > .small-3 { + width: 25%; +} +.small-margin-collapse > .small-4 { + width: 33.3333333333%; +} +.small-margin-collapse > .small-5 { + width: 41.6666666667%; +} +.small-margin-collapse > .small-6 { + width: 50%; +} +.small-margin-collapse > .small-7 { + width: 58.3333333333%; +} +.small-margin-collapse > .small-8 { + width: 66.6666666667%; +} +.small-margin-collapse > .small-9 { + width: 75%; +} +.small-margin-collapse > .small-10 { + width: 83.3333333333%; +} +.small-margin-collapse > .small-11 { + width: 91.6666666667%; +} +.small-margin-collapse > .small-12 { + width: 100%; +} +@media print, screen and (min-width: 40em) { + .small-margin-collapse > .medium-1 { + width: 8.3333333333%; + } + .small-margin-collapse > .medium-2 { + width: 16.6666666667%; + } + .small-margin-collapse > .medium-3 { + width: 25%; + } + .small-margin-collapse > .medium-4 { + width: 33.3333333333%; + } + .small-margin-collapse > .medium-5 { + width: 41.6666666667%; + } + .small-margin-collapse > .medium-6 { + width: 50%; + } + .small-margin-collapse > .medium-7 { + width: 58.3333333333%; + } + .small-margin-collapse > .medium-8 { + width: 66.6666666667%; + } + .small-margin-collapse > .medium-9 { + width: 75%; + } + .small-margin-collapse > .medium-10 { + width: 83.3333333333%; + } + .small-margin-collapse > .medium-11 { + width: 91.6666666667%; + } + .small-margin-collapse > .medium-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .small-margin-collapse > .large-1 { + width: 8.3333333333%; + } + .small-margin-collapse > .large-2 { + width: 16.6666666667%; + } + .small-margin-collapse > .large-3 { + width: 25%; + } + .small-margin-collapse > .large-4 { + width: 33.3333333333%; + } + .small-margin-collapse > .large-5 { + width: 41.6666666667%; + } + .small-margin-collapse > .large-6 { + width: 50%; + } + .small-margin-collapse > .large-7 { + width: 58.3333333333%; + } + .small-margin-collapse > .large-8 { + width: 66.6666666667%; + } + .small-margin-collapse > .large-9 { + width: 75%; + } + .small-margin-collapse > .large-10 { + width: 83.3333333333%; + } + .small-margin-collapse > .large-11 { + width: 91.6666666667%; + } + .small-margin-collapse > .large-12 { + width: 100%; + } +} + +.small-padding-collapse { + margin-right: 0; + margin-left: 0; +} +.small-padding-collapse > .cell { + padding-right: 0; + padding-left: 0; +} + +@media print, screen and (min-width: 40em) { + .medium-margin-collapse { + margin-right: 0; + margin-left: 0; + } + .medium-margin-collapse > .cell { + margin-right: 0; + margin-left: 0; + } +} +@media print, screen and (min-width: 40em) { + .medium-margin-collapse > .small-1 { + width: 8.3333333333%; + } + .medium-margin-collapse > .small-2 { + width: 16.6666666667%; + } + .medium-margin-collapse > .small-3 { + width: 25%; + } + .medium-margin-collapse > .small-4 { + width: 33.3333333333%; + } + .medium-margin-collapse > .small-5 { + width: 41.6666666667%; + } + .medium-margin-collapse > .small-6 { + width: 50%; + } + .medium-margin-collapse > .small-7 { + width: 58.3333333333%; + } + .medium-margin-collapse > .small-8 { + width: 66.6666666667%; + } + .medium-margin-collapse > .small-9 { + width: 75%; + } + .medium-margin-collapse > .small-10 { + width: 83.3333333333%; + } + .medium-margin-collapse > .small-11 { + width: 91.6666666667%; + } + .medium-margin-collapse > .small-12 { + width: 100%; + } +} +@media print, screen and (min-width: 40em) { + .medium-margin-collapse > .medium-1 { + width: 8.3333333333%; + } + .medium-margin-collapse > .medium-2 { + width: 16.6666666667%; + } + .medium-margin-collapse > .medium-3 { + width: 25%; + } + .medium-margin-collapse > .medium-4 { + width: 33.3333333333%; + } + .medium-margin-collapse > .medium-5 { + width: 41.6666666667%; + } + .medium-margin-collapse > .medium-6 { + width: 50%; + } + .medium-margin-collapse > .medium-7 { + width: 58.3333333333%; + } + .medium-margin-collapse > .medium-8 { + width: 66.6666666667%; + } + .medium-margin-collapse > .medium-9 { + width: 75%; + } + .medium-margin-collapse > .medium-10 { + width: 83.3333333333%; + } + .medium-margin-collapse > .medium-11 { + width: 91.6666666667%; + } + .medium-margin-collapse > .medium-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .medium-margin-collapse > .large-1 { + width: 8.3333333333%; + } + .medium-margin-collapse > .large-2 { + width: 16.6666666667%; + } + .medium-margin-collapse > .large-3 { + width: 25%; + } + .medium-margin-collapse > .large-4 { + width: 33.3333333333%; + } + .medium-margin-collapse > .large-5 { + width: 41.6666666667%; + } + .medium-margin-collapse > .large-6 { + width: 50%; + } + .medium-margin-collapse > .large-7 { + width: 58.3333333333%; + } + .medium-margin-collapse > .large-8 { + width: 66.6666666667%; + } + .medium-margin-collapse > .large-9 { + width: 75%; + } + .medium-margin-collapse > .large-10 { + width: 83.3333333333%; + } + .medium-margin-collapse > .large-11 { + width: 91.6666666667%; + } + .medium-margin-collapse > .large-12 { + width: 100%; + } +} + +@media print, screen and (min-width: 40em) { + .medium-padding-collapse { + margin-right: 0; + margin-left: 0; + } + .medium-padding-collapse > .cell { + padding-right: 0; + padding-left: 0; + } +} + +@media print, screen and (min-width: 64em) { + .large-margin-collapse { + margin-right: 0; + margin-left: 0; + } + .large-margin-collapse > .cell { + margin-right: 0; + margin-left: 0; + } +} +@media print, screen and (min-width: 64em) { + .large-margin-collapse > .small-1 { + width: 8.3333333333%; + } + .large-margin-collapse > .small-2 { + width: 16.6666666667%; + } + .large-margin-collapse > .small-3 { + width: 25%; + } + .large-margin-collapse > .small-4 { + width: 33.3333333333%; + } + .large-margin-collapse > .small-5 { + width: 41.6666666667%; + } + .large-margin-collapse > .small-6 { + width: 50%; + } + .large-margin-collapse > .small-7 { + width: 58.3333333333%; + } + .large-margin-collapse > .small-8 { + width: 66.6666666667%; + } + .large-margin-collapse > .small-9 { + width: 75%; + } + .large-margin-collapse > .small-10 { + width: 83.3333333333%; + } + .large-margin-collapse > .small-11 { + width: 91.6666666667%; + } + .large-margin-collapse > .small-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .large-margin-collapse > .medium-1 { + width: 8.3333333333%; + } + .large-margin-collapse > .medium-2 { + width: 16.6666666667%; + } + .large-margin-collapse > .medium-3 { + width: 25%; + } + .large-margin-collapse > .medium-4 { + width: 33.3333333333%; + } + .large-margin-collapse > .medium-5 { + width: 41.6666666667%; + } + .large-margin-collapse > .medium-6 { + width: 50%; + } + .large-margin-collapse > .medium-7 { + width: 58.3333333333%; + } + .large-margin-collapse > .medium-8 { + width: 66.6666666667%; + } + .large-margin-collapse > .medium-9 { + width: 75%; + } + .large-margin-collapse > .medium-10 { + width: 83.3333333333%; + } + .large-margin-collapse > .medium-11 { + width: 91.6666666667%; + } + .large-margin-collapse > .medium-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .large-margin-collapse > .large-1 { + width: 8.3333333333%; + } + .large-margin-collapse > .large-2 { + width: 16.6666666667%; + } + .large-margin-collapse > .large-3 { + width: 25%; + } + .large-margin-collapse > .large-4 { + width: 33.3333333333%; + } + .large-margin-collapse > .large-5 { + width: 41.6666666667%; + } + .large-margin-collapse > .large-6 { + width: 50%; + } + .large-margin-collapse > .large-7 { + width: 58.3333333333%; + } + .large-margin-collapse > .large-8 { + width: 66.6666666667%; + } + .large-margin-collapse > .large-9 { + width: 75%; + } + .large-margin-collapse > .large-10 { + width: 83.3333333333%; + } + .large-margin-collapse > .large-11 { + width: 91.6666666667%; + } + .large-margin-collapse > .large-12 { + width: 100%; + } +} + +@media print, screen and (min-width: 64em) { + .large-padding-collapse { + margin-right: 0; + margin-left: 0; + } + .large-padding-collapse > .cell { + padding-right: 0; + padding-left: 0; + } +} + +.small-offset-0 { + margin-left: 0%; +} + +.grid-margin-x > .small-offset-0 { + margin-left: calc(0% + 1.25rem / 2); +} + +.small-offset-1 { + margin-left: 8.3333333333%; +} + +.grid-margin-x > .small-offset-1 { + margin-left: calc(8.3333333333% + 1.25rem / 2); +} + +.small-offset-2 { + margin-left: 16.6666666667%; +} + +.grid-margin-x > .small-offset-2 { + margin-left: calc(16.6666666667% + 1.25rem / 2); +} + +.small-offset-3 { + margin-left: 25%; +} + +.grid-margin-x > .small-offset-3 { + margin-left: calc(25% + 1.25rem / 2); +} + +.small-offset-4 { + margin-left: 33.3333333333%; +} + +.grid-margin-x > .small-offset-4 { + margin-left: calc(33.3333333333% + 1.25rem / 2); +} + +.small-offset-5 { + margin-left: 41.6666666667%; +} + +.grid-margin-x > .small-offset-5 { + margin-left: calc(41.6666666667% + 1.25rem / 2); +} + +.small-offset-6 { + margin-left: 50%; +} + +.grid-margin-x > .small-offset-6 { + margin-left: calc(50% + 1.25rem / 2); +} + +.small-offset-7 { + margin-left: 58.3333333333%; +} + +.grid-margin-x > .small-offset-7 { + margin-left: calc(58.3333333333% + 1.25rem / 2); +} + +.small-offset-8 { + margin-left: 66.6666666667%; +} + +.grid-margin-x > .small-offset-8 { + margin-left: calc(66.6666666667% + 1.25rem / 2); +} + +.small-offset-9 { + margin-left: 75%; +} + +.grid-margin-x > .small-offset-9 { + margin-left: calc(75% + 1.25rem / 2); +} + +.small-offset-10 { + margin-left: 83.3333333333%; +} + +.grid-margin-x > .small-offset-10 { + margin-left: calc(83.3333333333% + 1.25rem / 2); +} + +.small-offset-11 { + margin-left: 91.6666666667%; +} + +.grid-margin-x > .small-offset-11 { + margin-left: calc(91.6666666667% + 1.25rem / 2); +} + +@media print, screen and (min-width: 40em) { + .medium-offset-0 { + margin-left: 0%; + } + .grid-margin-x > .medium-offset-0 { + margin-left: calc(0% + 1.875rem / 2); + } + .medium-offset-1 { + margin-left: 8.3333333333%; + } + .grid-margin-x > .medium-offset-1 { + margin-left: calc(8.3333333333% + 1.875rem / 2); + } + .medium-offset-2 { + margin-left: 16.6666666667%; + } + .grid-margin-x > .medium-offset-2 { + margin-left: calc(16.6666666667% + 1.875rem / 2); + } + .medium-offset-3 { + margin-left: 25%; + } + .grid-margin-x > .medium-offset-3 { + margin-left: calc(25% + 1.875rem / 2); + } + .medium-offset-4 { + margin-left: 33.3333333333%; + } + .grid-margin-x > .medium-offset-4 { + margin-left: calc(33.3333333333% + 1.875rem / 2); + } + .medium-offset-5 { + margin-left: 41.6666666667%; + } + .grid-margin-x > .medium-offset-5 { + margin-left: calc(41.6666666667% + 1.875rem / 2); + } + .medium-offset-6 { + margin-left: 50%; + } + .grid-margin-x > .medium-offset-6 { + margin-left: calc(50% + 1.875rem / 2); + } + .medium-offset-7 { + margin-left: 58.3333333333%; + } + .grid-margin-x > .medium-offset-7 { + margin-left: calc(58.3333333333% + 1.875rem / 2); + } + .medium-offset-8 { + margin-left: 66.6666666667%; + } + .grid-margin-x > .medium-offset-8 { + margin-left: calc(66.6666666667% + 1.875rem / 2); + } + .medium-offset-9 { + margin-left: 75%; + } + .grid-margin-x > .medium-offset-9 { + margin-left: calc(75% + 1.875rem / 2); + } + .medium-offset-10 { + margin-left: 83.3333333333%; + } + .grid-margin-x > .medium-offset-10 { + margin-left: calc(83.3333333333% + 1.875rem / 2); + } + .medium-offset-11 { + margin-left: 91.6666666667%; + } + .grid-margin-x > .medium-offset-11 { + margin-left: calc(91.6666666667% + 1.875rem / 2); + } +} +@media print, screen and (min-width: 64em) { + .large-offset-0 { + margin-left: 0%; + } + .grid-margin-x > .large-offset-0 { + margin-left: calc(0% + 1.875rem / 2); + } + .large-offset-1 { + margin-left: 8.3333333333%; + } + .grid-margin-x > .large-offset-1 { + margin-left: calc(8.3333333333% + 1.875rem / 2); + } + .large-offset-2 { + margin-left: 16.6666666667%; + } + .grid-margin-x > .large-offset-2 { + margin-left: calc(16.6666666667% + 1.875rem / 2); + } + .large-offset-3 { + margin-left: 25%; + } + .grid-margin-x > .large-offset-3 { + margin-left: calc(25% + 1.875rem / 2); + } + .large-offset-4 { + margin-left: 33.3333333333%; + } + .grid-margin-x > .large-offset-4 { + margin-left: calc(33.3333333333% + 1.875rem / 2); + } + .large-offset-5 { + margin-left: 41.6666666667%; + } + .grid-margin-x > .large-offset-5 { + margin-left: calc(41.6666666667% + 1.875rem / 2); + } + .large-offset-6 { + margin-left: 50%; + } + .grid-margin-x > .large-offset-6 { + margin-left: calc(50% + 1.875rem / 2); + } + .large-offset-7 { + margin-left: 58.3333333333%; + } + .grid-margin-x > .large-offset-7 { + margin-left: calc(58.3333333333% + 1.875rem / 2); + } + .large-offset-8 { + margin-left: 66.6666666667%; + } + .grid-margin-x > .large-offset-8 { + margin-left: calc(66.6666666667% + 1.875rem / 2); + } + .large-offset-9 { + margin-left: 75%; + } + .grid-margin-x > .large-offset-9 { + margin-left: calc(75% + 1.875rem / 2); + } + .large-offset-10 { + margin-left: 83.3333333333%; + } + .grid-margin-x > .large-offset-10 { + margin-left: calc(83.3333333333% + 1.875rem / 2); + } + .large-offset-11 { + margin-left: 91.6666666667%; + } + .grid-margin-x > .large-offset-11 { + margin-left: calc(91.6666666667% + 1.875rem / 2); + } +} +.grid-y { + display: flex; + flex-flow: column nowrap; +} +.grid-y > .cell { + height: auto; + max-height: none; +} +.grid-y > .auto { + height: auto; +} +.grid-y > .shrink { + height: auto; +} +.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { + flex-basis: auto; +} +@media print, screen and (min-width: 40em) { + .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { + flex-basis: auto; + } +} +@media print, screen and (min-width: 64em) { + .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { + flex-basis: auto; + } +} +.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 { + flex: 0 0 auto; +} +.grid-y > .small-1 { + height: 8.3333333333%; +} +.grid-y > .small-2 { + height: 16.6666666667%; +} +.grid-y > .small-3 { + height: 25%; +} +.grid-y > .small-4 { + height: 33.3333333333%; +} +.grid-y > .small-5 { + height: 41.6666666667%; +} +.grid-y > .small-6 { + height: 50%; +} +.grid-y > .small-7 { + height: 58.3333333333%; +} +.grid-y > .small-8 { + height: 66.6666666667%; +} +.grid-y > .small-9 { + height: 75%; +} +.grid-y > .small-10 { + height: 83.3333333333%; +} +.grid-y > .small-11 { + height: 91.6666666667%; +} +.grid-y > .small-12 { + height: 100%; +} +@media print, screen and (min-width: 40em) { + .grid-y > .medium-auto { + flex: 1 1 0; + height: auto; + } + .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink { + flex: 0 0 auto; + } + .grid-y > .medium-shrink { + height: auto; + } + .grid-y > .medium-1 { + height: 8.3333333333%; + } + .grid-y > .medium-2 { + height: 16.6666666667%; + } + .grid-y > .medium-3 { + height: 25%; + } + .grid-y > .medium-4 { + height: 33.3333333333%; + } + .grid-y > .medium-5 { + height: 41.6666666667%; + } + .grid-y > .medium-6 { + height: 50%; + } + .grid-y > .medium-7 { + height: 58.3333333333%; + } + .grid-y > .medium-8 { + height: 66.6666666667%; + } + .grid-y > .medium-9 { + height: 75%; + } + .grid-y > .medium-10 { + height: 83.3333333333%; + } + .grid-y > .medium-11 { + height: 91.6666666667%; + } + .grid-y > .medium-12 { + height: 100%; + } +} +@media print, screen and (min-width: 64em) { + .grid-y > .large-auto { + flex: 1 1 0; + height: auto; + } + .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink { + flex: 0 0 auto; + } + .grid-y > .large-shrink { + height: auto; + } + .grid-y > .large-1 { + height: 8.3333333333%; + } + .grid-y > .large-2 { + height: 16.6666666667%; + } + .grid-y > .large-3 { + height: 25%; + } + .grid-y > .large-4 { + height: 33.3333333333%; + } + .grid-y > .large-5 { + height: 41.6666666667%; + } + .grid-y > .large-6 { + height: 50%; + } + .grid-y > .large-7 { + height: 58.3333333333%; + } + .grid-y > .large-8 { + height: 66.6666666667%; + } + .grid-y > .large-9 { + height: 75%; + } + .grid-y > .large-10 { + height: 83.3333333333%; + } + .grid-y > .large-11 { + height: 91.6666666667%; + } + .grid-y > .large-12 { + height: 100%; + } +} + +.grid-padding-y .grid-padding-y { + margin-top: -0.625rem; + margin-bottom: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-y .grid-padding-y { + margin-top: -0.9375rem; + margin-bottom: -0.9375rem; + } +} +.grid-padding-y > .cell { + padding-top: 0.625rem; + padding-bottom: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-y > .cell { + padding-top: 0.9375rem; + padding-bottom: 0.9375rem; + } +} + +.grid-margin-y { + margin-top: -0.625rem; + margin-bottom: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-y { + margin-top: -0.9375rem; + margin-bottom: -0.9375rem; + } +} +.grid-margin-y > .cell { + height: calc(100% - 1.25rem); + margin-top: 0.625rem; + margin-bottom: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-y > .cell { + height: calc(100% - 1.875rem); + margin-top: 0.9375rem; + margin-bottom: 0.9375rem; + } +} +.grid-margin-y > .auto { + height: auto; +} +.grid-margin-y > .shrink { + height: auto; +} +.grid-margin-y > .small-1 { + height: calc(8.3333333333% - 1.25rem); +} +.grid-margin-y > .small-2 { + height: calc(16.6666666667% - 1.25rem); +} +.grid-margin-y > .small-3 { + height: calc(25% - 1.25rem); +} +.grid-margin-y > .small-4 { + height: calc(33.3333333333% - 1.25rem); +} +.grid-margin-y > .small-5 { + height: calc(41.6666666667% - 1.25rem); +} +.grid-margin-y > .small-6 { + height: calc(50% - 1.25rem); +} +.grid-margin-y > .small-7 { + height: calc(58.3333333333% - 1.25rem); +} +.grid-margin-y > .small-8 { + height: calc(66.6666666667% - 1.25rem); +} +.grid-margin-y > .small-9 { + height: calc(75% - 1.25rem); +} +.grid-margin-y > .small-10 { + height: calc(83.3333333333% - 1.25rem); +} +.grid-margin-y > .small-11 { + height: calc(91.6666666667% - 1.25rem); +} +.grid-margin-y > .small-12 { + height: calc(100% - 1.25rem); +} +@media print, screen and (min-width: 40em) { + .grid-margin-y > .auto { + height: auto; + } + .grid-margin-y > .shrink { + height: auto; + } + .grid-margin-y > .small-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .small-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .small-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .small-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .small-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .small-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .small-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .small-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .small-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .small-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .small-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .small-12 { + height: calc(100% - 1.875rem); + } + .grid-margin-y > .medium-auto { + height: auto; + } + .grid-margin-y > .medium-shrink { + height: auto; + } + .grid-margin-y > .medium-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .medium-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .medium-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .medium-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-12 { + height: calc(100% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-y > .large-auto { + height: auto; + } + .grid-margin-y > .large-shrink { + height: auto; + } + .grid-margin-y > .large-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .large-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .large-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .large-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .large-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .large-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .large-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .large-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .large-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .large-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .large-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .large-12 { + height: calc(100% - 1.875rem); + } +} + +.grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + width: 100vw; +} + +.cell .grid-frame { + width: 100%; +} + +.cell-block { + overflow-x: auto; + max-width: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.cell-block-y { + overflow-y: auto; + max-height: 100%; + min-height: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.cell-block-container { + display: flex; + flex-direction: column; + max-height: 100%; +} +.cell-block-container > .grid-x { + max-height: 100%; + flex-wrap: nowrap; +} + +@media print, screen and (min-width: 40em) { + .medium-grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + width: 100vw; + } + .cell .medium-grid-frame { + width: 100%; + } + .medium-cell-block { + overflow-x: auto; + max-width: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .medium-cell-block-container { + display: flex; + flex-direction: column; + max-height: 100%; + } + .medium-cell-block-container > .grid-x { + max-height: 100%; + flex-wrap: nowrap; + } + .medium-cell-block-y { + overflow-y: auto; + max-height: 100%; + min-height: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } +} +@media print, screen and (min-width: 64em) { + .large-grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + width: 100vw; + } + .cell .large-grid-frame { + width: 100%; + } + .large-cell-block { + overflow-x: auto; + max-width: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .large-cell-block-container { + display: flex; + flex-direction: column; + max-height: 100%; + } + .large-cell-block-container > .grid-x { + max-height: 100%; + flex-wrap: nowrap; + } + .large-cell-block-y { + overflow-y: auto; + max-height: 100%; + min-height: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } +} +.grid-y.grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + height: 100vh; + width: auto; +} +@media print, screen and (min-width: 40em) { + .grid-y.medium-grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + height: 100vh; + width: auto; + } +} +@media print, screen and (min-width: 64em) { + .grid-y.large-grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + height: 100vh; + width: auto; + } +} + +.cell .grid-y.grid-frame { + height: 100%; +} +@media print, screen and (min-width: 40em) { + .cell .grid-y.medium-grid-frame { + height: 100%; + } +} +@media print, screen and (min-width: 64em) { + .cell .grid-y.large-grid-frame { + height: 100%; + } +} + +.grid-margin-y { + margin-top: -0.625rem; + margin-bottom: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-y { + margin-top: -0.9375rem; + margin-bottom: -0.9375rem; + } +} +.grid-margin-y > .cell { + height: calc(100% - 1.25rem); + margin-top: 0.625rem; + margin-bottom: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-y > .cell { + height: calc(100% - 1.875rem); + margin-top: 0.9375rem; + margin-bottom: 0.9375rem; + } +} +.grid-margin-y > .auto { + height: auto; +} +.grid-margin-y > .shrink { + height: auto; +} +.grid-margin-y > .small-1 { + height: calc(8.3333333333% - 1.25rem); +} +.grid-margin-y > .small-2 { + height: calc(16.6666666667% - 1.25rem); +} +.grid-margin-y > .small-3 { + height: calc(25% - 1.25rem); +} +.grid-margin-y > .small-4 { + height: calc(33.3333333333% - 1.25rem); +} +.grid-margin-y > .small-5 { + height: calc(41.6666666667% - 1.25rem); +} +.grid-margin-y > .small-6 { + height: calc(50% - 1.25rem); +} +.grid-margin-y > .small-7 { + height: calc(58.3333333333% - 1.25rem); +} +.grid-margin-y > .small-8 { + height: calc(66.6666666667% - 1.25rem); +} +.grid-margin-y > .small-9 { + height: calc(75% - 1.25rem); +} +.grid-margin-y > .small-10 { + height: calc(83.3333333333% - 1.25rem); +} +.grid-margin-y > .small-11 { + height: calc(91.6666666667% - 1.25rem); +} +.grid-margin-y > .small-12 { + height: calc(100% - 1.25rem); +} +@media print, screen and (min-width: 40em) { + .grid-margin-y > .auto { + height: auto; + } + .grid-margin-y > .shrink { + height: auto; + } + .grid-margin-y > .small-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .small-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .small-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .small-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .small-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .small-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .small-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .small-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .small-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .small-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .small-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .small-12 { + height: calc(100% - 1.875rem); + } + .grid-margin-y > .medium-auto { + height: auto; + } + .grid-margin-y > .medium-shrink { + height: auto; + } + .grid-margin-y > .medium-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .medium-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .medium-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .medium-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-12 { + height: calc(100% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-y > .large-auto { + height: auto; + } + .grid-margin-y > .large-shrink { + height: auto; + } + .grid-margin-y > .large-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .large-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .large-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .large-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .large-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .large-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .large-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .large-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .large-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .large-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .large-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .large-12 { + height: calc(100% - 1.875rem); + } +} + +.grid-frame.grid-margin-y { + height: calc(100vh + 1.25rem); +} +@media print, screen and (min-width: 40em) { + .grid-frame.grid-margin-y { + height: calc(100vh + 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-frame.grid-margin-y { + height: calc(100vh + 1.875rem); + } +} + +@media print, screen and (min-width: 40em) { + .grid-margin-y.medium-grid-frame { + height: calc(100vh + 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-y.large-grid-frame { + height: calc(100vh + 1.875rem); + } +} +.button { + display: inline-block; + vertical-align: middle; + margin: 0 0 1rem 0; + padding: 0.85em 1em; + border: 1px solid transparent; + border-radius: 0; + transition: background-color 0.25s ease-out, color 0.25s ease-out; + font-family: inherit; + font-size: 0.9rem; + -webkit-appearance: none; + line-height: 1; + text-align: center; + cursor: pointer; +} +[data-whatinput=mouse] .button { + outline: 0; +} +.button.tiny { + font-size: 0.6rem; +} +.button.small { + font-size: 0.75rem; +} +.button.large { + font-size: 1.25rem; +} +.button.expanded { + display: block; + width: 100%; + margin-right: 0; + margin-left: 0; +} +.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus { + background-color: #1779ba; + color: #fefefe; +} +.button:hover, .button:focus { + background-color: #14679e; + color: #fefefe; +} +.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus { + background-color: #1779ba; + color: #fefefe; +} +.button.primary:hover, .button.primary:focus { + background-color: #126195; + color: #fefefe; +} +.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus { + background-color: #767676; + color: #fefefe; +} +.button.secondary:hover, .button.secondary:focus { + background-color: #5e5e5e; + color: #fefefe; +} +.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus { + background-color: #3adb76; + color: #0a0a0a; +} +.button.success:hover, .button.success:focus { + background-color: #22bb5b; + color: #0a0a0a; +} +.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus { + background-color: #ffae00; + color: #0a0a0a; +} +.button.warning:hover, .button.warning:focus { + background-color: #cc8b00; + color: #0a0a0a; +} +.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus { + background-color: #cc4b37; + color: #fefefe; +} +.button.alert:hover, .button.alert:focus { + background-color: #a53b2a; + color: #fefefe; +} +.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { + background-color: transparent; +} +.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus { + border: 1px solid #1779ba; + color: #1779ba; +} +.button.hollow:hover, .button.hollow:focus { + border-color: #0c3d5d; + color: #0c3d5d; +} +.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus { + border: 1px solid #1779ba; + color: #1779ba; +} +.button.hollow.primary:hover, .button.hollow.primary:focus { + border-color: #0c3d5d; + color: #0c3d5d; +} +.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus { + border: 1px solid #767676; + color: #767676; +} +.button.hollow.secondary:hover, .button.hollow.secondary:focus { + border-color: #3b3b3b; + color: #3b3b3b; +} +.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus { + border: 1px solid #3adb76; + color: #3adb76; +} +.button.hollow.success:hover, .button.hollow.success:focus { + border-color: #157539; + color: #157539; +} +.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus { + border: 1px solid #ffae00; + color: #ffae00; +} +.button.hollow.warning:hover, .button.hollow.warning:focus { + border-color: #805700; + color: #805700; +} +.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus { + border: 1px solid #cc4b37; + color: #cc4b37; +} +.button.hollow.alert:hover, .button.hollow.alert:focus { + border-color: #67251a; + color: #67251a; +} +.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { + border-color: transparent; + background-color: transparent; +} +.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus { + color: #1779ba; +} +.button.clear:hover, .button.clear:focus { + color: #0c3d5d; +} +.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus { + color: #1779ba; +} +.button.clear.primary:hover, .button.clear.primary:focus { + color: #0c3d5d; +} +.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus { + color: #767676; +} +.button.clear.secondary:hover, .button.clear.secondary:focus { + color: #3b3b3b; +} +.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus { + color: #3adb76; +} +.button.clear.success:hover, .button.clear.success:focus { + color: #157539; +} +.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus { + color: #ffae00; +} +.button.clear.warning:hover, .button.clear.warning:focus { + color: #805700; +} +.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus { + color: #cc4b37; +} +.button.clear.alert:hover, .button.clear.alert:focus { + color: #67251a; +} +.button.disabled, .button[disabled] { + opacity: 0.25; + cursor: not-allowed; +} +.button.dropdown::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.4em; + content: ""; + border-bottom-width: 0; + border-color: #fefefe transparent transparent; + position: relative; + top: 0.4em; + display: inline-block; + float: right; + margin-left: 1em; +} +.button.dropdown.hollow::after, .button.dropdown.clear::after { + border-top-color: #1779ba; +} +.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after { + border-top-color: #1779ba; +} +.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after { + border-top-color: #767676; +} +.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after { + border-top-color: #3adb76; +} +.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after { + border-top-color: #ffae00; +} +.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after { + border-top-color: #cc4b37; +} +.button.arrow-only::after { + top: -0.1em; + float: none; + margin-left: 0; +} + +a.button:hover, a.button:focus { + text-decoration: none; +} + +.button-group { + margin-bottom: 1rem; + display: flex; + flex-wrap: wrap; + align-items: stretch; + flex-grow: 1; +} +.button-group::before, .button-group::after { + display: table; + content: " "; + flex-basis: 0; + order: 1; +} +.button-group::after { + clear: both; +} +.button-group::before, .button-group::after { + display: none; +} +.button-group .button { + margin: 0; + margin-right: 1px; + margin-bottom: 1px; + font-size: 0.9rem; + flex: 0 0 auto; +} +.button-group .button:last-child { + margin-right: 0; +} +.button-group.tiny .button { + font-size: 0.6rem; +} +.button-group.small .button { + font-size: 0.75rem; +} +.button-group.large .button { + font-size: 1.25rem; +} +.button-group.expanded .button { + flex: 1 1 0px; +} +.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus { + background-color: #1779ba; + color: #fefefe; +} +.button-group.primary .button:hover, .button-group.primary .button:focus { + background-color: #126195; + color: #fefefe; +} +.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus { + background-color: #767676; + color: #fefefe; +} +.button-group.secondary .button:hover, .button-group.secondary .button:focus { + background-color: #5e5e5e; + color: #fefefe; +} +.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus { + background-color: #3adb76; + color: #0a0a0a; +} +.button-group.success .button:hover, .button-group.success .button:focus { + background-color: #22bb5b; + color: #0a0a0a; +} +.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus { + background-color: #ffae00; + color: #0a0a0a; +} +.button-group.warning .button:hover, .button-group.warning .button:focus { + background-color: #cc8b00; + color: #0a0a0a; +} +.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus { + background-color: #cc4b37; + color: #fefefe; +} +.button-group.alert .button:hover, .button-group.alert .button:focus { + background-color: #a53b2a; + color: #fefefe; +} +.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus { + background-color: transparent; +} +.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus { + border: 1px solid #1779ba; + color: #1779ba; +} +.button-group.hollow .button:hover, .button-group.hollow .button:focus { + border-color: #0c3d5d; + color: #0c3d5d; +} +.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus { + border: 1px solid #1779ba; + color: #1779ba; +} +.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus { + border-color: #0c3d5d; + color: #0c3d5d; +} +.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus { + border: 1px solid #767676; + color: #767676; +} +.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus { + border-color: #3b3b3b; + color: #3b3b3b; +} +.button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus { + border: 1px solid #3adb76; + color: #3adb76; +} +.button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus { + border-color: #157539; + color: #157539; +} +.button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus { + border: 1px solid #ffae00; + color: #ffae00; +} +.button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus { + border-color: #805700; + color: #805700; +} +.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus { + border: 1px solid #cc4b37; + color: #cc4b37; +} +.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus { + border-color: #67251a; + color: #67251a; +} +.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus { + border-color: transparent; + background-color: transparent; +} +.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus { + color: #1779ba; +} +.button-group.clear .button:hover, .button-group.clear .button:focus { + color: #0c3d5d; +} +.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus { + color: #1779ba; +} +.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus { + color: #0c3d5d; +} +.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus { + color: #767676; +} +.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus { + color: #3b3b3b; +} +.button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus { + color: #3adb76; +} +.button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus { + color: #157539; +} +.button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus { + color: #ffae00; +} +.button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus { + color: #805700; +} +.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus { + color: #cc4b37; +} +.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus { + color: #67251a; +} +.button-group.no-gaps .button { + margin-right: -0.0625rem; +} +.button-group.no-gaps .button + .button { + border-left-color: transparent; +} +.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { + flex-wrap: wrap; +} +.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { + flex: 0 0 100%; +} +.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { + margin-bottom: 0; +} +.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button { + flex: 1 1 0px; +} +@media print, screen and (min-width: 40em) { + .button-group.stacked-for-small .button { + flex: 0 0 auto; + margin-bottom: 0; + } +} +@media print, screen and (min-width: 64em) { + .button-group.stacked-for-medium .button { + flex: 0 0 auto; + margin-bottom: 0; + } +} +@media print, screen and (max-width: 39.99875em) { + .button-group.stacked-for-small.expanded { + display: block; + } + .button-group.stacked-for-small.expanded .button { + display: block; + margin-right: 0; + } +} +@media print, screen and (max-width: 63.99875em) { + .button-group.stacked-for-medium.expanded { + display: block; + } + .button-group.stacked-for-medium.expanded .button { + display: block; + margin-right: 0; + } +} + +.close-button { + position: absolute; + z-index: 10; + color: #8a8a8a; + cursor: pointer; +} +[data-whatinput=mouse] .close-button { + outline: 0; +} +.close-button:hover, .close-button:focus { + color: #0a0a0a; +} +.close-button.small { + right: 0.66rem; + top: 0.33em; + font-size: 1.5em; + line-height: 1; +} + +.close-button.medium, .close-button { + right: 1rem; + top: 0.5rem; + font-size: 2em; + line-height: 1; +} + +.label { + display: inline-block; + padding: 0.33333rem 0.5rem; + border-radius: 0; + font-size: 0.8rem; + line-height: 1; + white-space: nowrap; + cursor: default; + background: #1779ba; + color: #fefefe; +} +.label.primary { + background: #1779ba; + color: #fefefe; +} +.label.secondary { + background: #767676; + color: #fefefe; +} +.label.success { + background: #3adb76; + color: #0a0a0a; +} +.label.warning { + background: #ffae00; + color: #0a0a0a; +} +.label.alert { + background: #cc4b37; + color: #fefefe; +} + +.progress { + height: 1rem; + margin-bottom: 1rem; + border-radius: 0; + background-color: #cacaca; +} +.progress.primary .progress-meter { + background-color: #1779ba; +} +.progress.secondary .progress-meter { + background-color: #767676; +} +.progress.success .progress-meter { + background-color: #3adb76; +} +.progress.warning .progress-meter { + background-color: #ffae00; +} +.progress.alert .progress-meter { + background-color: #cc4b37; +} + +.progress-meter { + position: relative; + display: block; + width: 0%; + height: 100%; + background-color: #1779ba; +} + +.progress-meter-text { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + margin: 0; + font-size: 0.75rem; + font-weight: bold; + color: #fefefe; + white-space: nowrap; +} + +.slider { + position: relative; + height: 0.5rem; + margin-top: 1.25rem; + margin-bottom: 2.25rem; + background-color: #e6e6e6; + cursor: pointer; + user-select: none; + touch-action: none; +} + +.slider-fill { + position: absolute; + top: 0; + left: 0; + display: inline-block; + max-width: 100%; + height: 0.5rem; + background-color: #cacaca; + transition: all 0.2s ease-in-out; +} +.slider-fill.is-dragging { + transition: all 0s linear; +} + +.slider-handle { + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 0; + z-index: 1; + cursor: grab; + display: inline-block; + width: 1.4rem; + height: 1.4rem; + border-radius: 0; + background-color: #1779ba; + transition: all 0.2s ease-in-out; + touch-action: manipulation; +} +[data-whatinput=mouse] .slider-handle { + outline: 0; +} +.slider-handle:hover { + background-color: #14679e; +} +.slider-handle.is-dragging { + transition: all 0s linear; + cursor: grabbing; +} + +.slider.disabled, +.slider[disabled] { + opacity: 0.25; + cursor: not-allowed; +} + +.slider.vertical { + display: inline-block; + width: 0.5rem; + height: 12.5rem; + margin: 0 1.25rem; + transform: scale(1, -1); +} +.slider.vertical .slider-fill { + top: 0; + width: 0.5rem; + max-height: 100%; +} +.slider.vertical .slider-handle { + position: absolute; + top: 0; + left: 50%; + width: 1.4rem; + height: 1.4rem; + transform: translateX(-50%); +} + +.switch { + position: relative; + margin-bottom: 1rem; + outline: 0; + font-size: 0.875rem; + font-weight: bold; + color: #fefefe; + user-select: none; + height: 2rem; +} + +.switch-input { + position: absolute; + margin-bottom: 0; + opacity: 0; +} + +.switch-paddle { + position: relative; + display: block; + width: 4rem; + height: 2rem; + border-radius: 0; + background: #cacaca; + transition: all 0.25s ease-out; + font-weight: inherit; + color: inherit; + cursor: pointer; +} +input + .switch-paddle { + margin: 0; +} +.switch-paddle::after { + position: absolute; + top: 0.25rem; + left: 0.25rem; + display: block; + width: 1.5rem; + height: 1.5rem; + transform: translate3d(0, 0, 0); + border-radius: 0; + background: #fefefe; + transition: all 0.25s ease-out; + content: ""; +} +input:checked ~ .switch-paddle { + background: #1779ba; +} +input:checked ~ .switch-paddle::after { + left: 2.25rem; +} +input:disabled ~ .switch-paddle { + cursor: not-allowed; + opacity: 0.5; +} +[data-whatinput=mouse] input:focus ~ .switch-paddle { + outline: 0; +} + +.switch-inactive, .switch-active { + position: absolute; + top: 50%; + transform: translateY(-50%); +} + +.switch-active { + left: 8%; + display: none; +} +input:checked + label > .switch-active { + display: block; +} + +.switch-inactive { + right: 15%; +} +input:checked + label > .switch-inactive { + display: none; +} + +.switch.tiny { + height: 1.5rem; +} +.switch.tiny .switch-paddle { + width: 3rem; + height: 1.5rem; + font-size: 0.625rem; +} +.switch.tiny .switch-paddle::after { + top: 0.25rem; + left: 0.25rem; + width: 1rem; + height: 1rem; +} +.switch.tiny input:checked ~ .switch-paddle::after { + left: 1.75rem; +} + +.switch.small { + height: 1.75rem; +} +.switch.small .switch-paddle { + width: 3.5rem; + height: 1.75rem; + font-size: 0.75rem; +} +.switch.small .switch-paddle::after { + top: 0.25rem; + left: 0.25rem; + width: 1.25rem; + height: 1.25rem; +} +.switch.small input:checked ~ .switch-paddle::after { + left: 2rem; +} + +.switch.large { + height: 2.5rem; +} +.switch.large .switch-paddle { + width: 5rem; + height: 2.5rem; + font-size: 1rem; +} +.switch.large .switch-paddle::after { + top: 0.25rem; + left: 0.25rem; + width: 2rem; + height: 2rem; +} +.switch.large input:checked ~ .switch-paddle::after { + left: 2.75rem; +} + +table { + border-collapse: collapse; + width: 100%; + margin-bottom: 1rem; + border-radius: 0; +} +thead, +tbody, +tfoot { + border: 1px solid #f1f1f1; + background-color: #fefefe; +} + +caption { + padding: 0.5rem 0.625rem 0.625rem; + font-weight: bold; +} + +thead { + background: #f8f8f8; + color: #0a0a0a; +} + +tfoot { + background: #f1f1f1; + color: #0a0a0a; +} + +thead tr, +tfoot tr { + background: transparent; +} +thead th, +thead td, +tfoot th, +tfoot td { + padding: 0.5rem 0.625rem 0.625rem; + font-weight: bold; + text-align: left; +} + +tbody th, +tbody td { + padding: 0.5rem 0.625rem 0.625rem; +} + +tbody tr:nth-child(even) { + border-bottom: 0; + background-color: #f1f1f1; +} + +table.unstriped tbody { + background-color: #fefefe; +} +table.unstriped tbody tr { + border-bottom: 1px solid #f1f1f1; + background-color: #fefefe; +} + +@media print, screen and (max-width: 63.99875em) { + table.stack thead { + display: none; + } + table.stack tfoot { + display: none; + } + table.stack tr, + table.stack th, + table.stack td { + display: block; + } + table.stack td { + border-top: 0; + } +} + +table.scroll { + display: block; + width: 100%; + overflow-x: auto; +} + +table.hover thead tr:hover { + background-color: #f3f3f3; +} +table.hover tfoot tr:hover { + background-color: #ececec; +} +table.hover tbody tr:hover { + background-color: #f9f9f9; +} +table.hover:not(.unstriped) tr:nth-of-type(even):hover { + background-color: #ececec; +} + +.table-scroll { + overflow-x: auto; +} + +.badge { + display: inline-block; + min-width: 2.1em; + padding: 0.3em; + border-radius: 50%; + font-size: 0.6rem; + text-align: center; + background: #1779ba; + color: #fefefe; +} +.badge.primary { + background: #1779ba; + color: #fefefe; +} +.badge.secondary { + background: #767676; + color: #fefefe; +} +.badge.success { + background: #3adb76; + color: #0a0a0a; +} +.badge.warning { + background: #ffae00; + color: #0a0a0a; +} +.badge.alert { + background: #cc4b37; + color: #fefefe; +} + +.breadcrumbs { + margin: 0 0 1rem 0; + list-style: none; +} +.breadcrumbs::before, .breadcrumbs::after { + display: table; + content: " "; + flex-basis: 0; + order: 1; +} +.breadcrumbs::after { + clear: both; +} +.breadcrumbs li { + float: left; + font-size: 0.6875rem; + color: #0a0a0a; + cursor: default; + text-transform: uppercase; +} +.breadcrumbs li:not(:last-child)::after { + position: relative; + margin: 0 0.75rem; + opacity: 1; + content: "/"; + color: #cacaca; +} +.breadcrumbs a { + color: #1779ba; +} +.breadcrumbs a:hover { + text-decoration: underline; +} +.breadcrumbs .disabled { + color: #cacaca; + cursor: not-allowed; +} + +.callout { + position: relative; + margin: 0 0 1rem 0; + padding: 1rem; + border: 1px solid rgba(10, 10, 10, 0.25); + border-radius: 0; + background-color: white; + color: #0a0a0a; +} +.callout > :first-child { + margin-top: 0; +} +.callout > :last-child { + margin-bottom: 0; +} +.callout.primary { + background-color: #d7ecfa; + color: #0a0a0a; +} +.callout.secondary { + background-color: #eaeaea; + color: #0a0a0a; +} +.callout.success { + background-color: #e1faea; + color: #0a0a0a; +} +.callout.warning { + background-color: #fff3d9; + color: #0a0a0a; +} +.callout.alert { + background-color: #f7e4e1; + color: #0a0a0a; +} +.callout.small { + padding-top: 0.5rem; + padding-right: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 0.5rem; +} +.callout.large { + padding-top: 3rem; + padding-right: 3rem; + padding-bottom: 3rem; + padding-left: 3rem; +} + +.card { + display: flex; + flex-direction: column; + flex-grow: 1; + margin-bottom: 1rem; + border: 1px solid #e6e6e6; + border-radius: 0; + background: #fefefe; + box-shadow: none; + overflow: hidden; + color: #0a0a0a; +} +.card > :last-child { + margin-bottom: 0; +} + +.card-divider { + display: flex; + flex: 0 1 auto; + padding: 1rem; + background: #e6e6e6; +} +.card-divider > :last-child { + margin-bottom: 0; +} + +.card-section { + flex: 1 0 auto; + padding: 1rem; +} +.card-section > :last-child { + margin-bottom: 0; +} + +.card-image { + min-height: 1px; +} + +.dropdown-pane { + position: absolute; + z-index: 10; + display: none; + width: 300px; + padding: 1rem; + visibility: hidden; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + font-size: 1rem; +} +.dropdown-pane.is-opening { + display: block; +} +.dropdown-pane.is-open { + display: block; + visibility: visible; +} + +.dropdown-pane.tiny { + width: 100px; +} + +.dropdown-pane.small { + width: 200px; +} + +.dropdown-pane.large { + width: 400px; +} + +.pagination { + margin-left: 0; + margin-bottom: 1rem; +} +.pagination::before, .pagination::after { + display: table; + content: " "; + flex-basis: 0; + order: 1; +} +.pagination::after { + clear: both; +} +.pagination li { + margin-right: 0.0625rem; + border-radius: 0; + font-size: 0.875rem; + display: none; +} +.pagination li:last-child, .pagination li:first-child { + display: inline-block; +} +@media print, screen and (min-width: 40em) { + .pagination li { + display: inline-block; + } +} +.pagination a, +.pagination button { + display: block; + padding: 0.1875rem 0.625rem; + border-radius: 0; + color: #0a0a0a; +} +.pagination a:hover, +.pagination button:hover { + background: #e6e6e6; +} +.pagination .current { + padding: 0.1875rem 0.625rem; + background: #1779ba; + color: #fefefe; + cursor: default; +} +.pagination .disabled { + padding: 0.1875rem 0.625rem; + color: #cacaca; + cursor: not-allowed; +} +.pagination .disabled:hover { + background: transparent; +} +.pagination .ellipsis::after { + padding: 0.1875rem 0.625rem; + content: "…"; + color: #0a0a0a; +} + +.pagination-previous a::before, +.pagination-previous.disabled::before { + display: inline-block; + margin-right: 0.5rem; + content: "«"; +} + +.pagination-next a::after, +.pagination-next.disabled::after { + display: inline-block; + margin-left: 0.5rem; + content: "»"; +} + +.has-tip { + position: relative; + display: inline-block; + border-bottom: dotted 1px #8a8a8a; + font-weight: bold; + cursor: help; +} + +.tooltip { + position: absolute; + top: calc(100% + 0.6495rem); + z-index: 1200; + max-width: 10rem; + padding: 0.75rem; + border-radius: 0; + background-color: #0a0a0a; + font-size: 80%; + color: #fefefe; +} +.tooltip::before { + position: absolute; +} +.tooltip.bottom::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.75rem; + content: ""; + border-top-width: 0; + border-color: transparent transparent #0a0a0a; + bottom: 100%; +} +.tooltip.bottom.align-center::before { + left: 50%; + transform: translateX(-50%); +} +.tooltip.top::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.75rem; + content: ""; + border-bottom-width: 0; + border-color: #0a0a0a transparent transparent; + top: 100%; + bottom: auto; +} +.tooltip.top.align-center::before { + left: 50%; + transform: translateX(-50%); +} +.tooltip.left::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.75rem; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #0a0a0a; + left: 100%; +} +.tooltip.left.align-center::before { + bottom: auto; + top: 50%; + transform: translateY(-50%); +} +.tooltip.right::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.75rem; + content: ""; + border-left-width: 0; + border-color: transparent #0a0a0a transparent transparent; + right: 100%; + left: auto; +} +.tooltip.right.align-center::before { + bottom: auto; + top: 50%; + transform: translateY(-50%); +} +.tooltip.align-top::before { + bottom: auto; + top: 10%; +} +.tooltip.align-bottom::before { + bottom: 10%; + top: auto; +} +.tooltip.align-left::before { + left: 10%; + right: auto; +} +.tooltip.align-right::before { + left: auto; + right: 10%; +} + +.accordion { + margin-left: 0; + background: #fefefe; + list-style-type: none; +} +.accordion[disabled] .accordion-title { + cursor: not-allowed; +} + +.accordion-item:first-child > :first-child { + border-radius: 0 0 0 0; +} +.accordion-item:last-child > :last-child { + border-radius: 0 0 0 0; +} + +.accordion-title { + position: relative; + display: block; + padding: 1.25rem 1rem; + border: 1px solid #e6e6e6; + border-bottom: 0; + font-size: 0.75rem; + line-height: 1; + color: #1779ba; +} +:last-child:not(.is-active) > .accordion-title { + border-bottom: 1px solid #e6e6e6; + border-radius: 0 0 0 0; +} +.accordion-title:hover, .accordion-title:focus { + background-color: #e6e6e6; +} +.accordion-title::before { + position: absolute; + top: 50%; + right: 1rem; + margin-top: -0.5rem; + content: "+"; +} +.is-active > .accordion-title::before { + content: "–"; +} + +.accordion-content { + display: none; + padding: 1rem; + border: 1px solid #e6e6e6; + border-bottom: 0; + background-color: #fefefe; + color: #0a0a0a; +} +:last-child > .accordion-content:last-child { + border-bottom: 1px solid #e6e6e6; +} + +.media-object { + display: flex; + margin-bottom: 1rem; + flex-wrap: nowrap; +} +.media-object img { + max-width: none; +} +@media print, screen and (max-width: 39.99875em) { + .media-object.stack-for-small { + flex-wrap: wrap; + } +} + +.media-object-section { + flex: 0 1 auto; +} +.media-object-section:first-child { + padding-right: 1rem; +} +.media-object-section:last-child:not(:nth-child(2)) { + padding-left: 1rem; +} +.media-object-section > :last-child { + margin-bottom: 0; +} +@media print, screen and (max-width: 39.99875em) { + .stack-for-small .media-object-section { + padding: 0; + padding-bottom: 1rem; + flex-basis: 100%; + max-width: 100%; + } + .stack-for-small .media-object-section img { + width: 100%; + } +} +.media-object-section.main-section { + flex: 1 1 0px; +} + +.orbit { + position: relative; +} + +.orbit-container { + position: relative; + height: 0; + margin: 0; + list-style: none; + overflow: hidden; +} + +.orbit-slide { + width: 100%; + position: absolute; +} +.orbit-slide.no-motionui.is-active { + top: 0; + left: 0; +} + +.orbit-figure { + margin: 0; +} + +.orbit-image { + width: 100%; + max-width: 100%; + margin: 0; +} + +.orbit-caption { + position: absolute; + bottom: 0; + width: 100%; + margin-bottom: 0; + padding: 1rem; + background-color: rgba(10, 10, 10, 0.5); + color: #fefefe; +} + +.orbit-next, .orbit-previous { + position: absolute; + top: 50%; + transform: translateY(-50%); + z-index: 10; + padding: 1rem; + color: #fefefe; +} +[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous { + outline: 0; +} +.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus { + background-color: rgba(10, 10, 10, 0.5); +} + +.orbit-previous { + left: 0; +} + +.orbit-next { + left: auto; + right: 0; +} + +.orbit-bullets { + position: relative; + margin-top: 0.8rem; + margin-bottom: 0.8rem; + text-align: center; +} +[data-whatinput=mouse] .orbit-bullets { + outline: 0; +} +.orbit-bullets button { + width: 1.2rem; + height: 1.2rem; + margin: 0.1rem; + border-radius: 50%; + background-color: #cacaca; +} +.orbit-bullets button:hover { + background-color: #8a8a8a; +} +.orbit-bullets button.is-active { + background-color: #8a8a8a; +} + +.responsive-embed, +.flex-video { + position: relative; + height: 0; + margin-bottom: 1rem; + padding-bottom: 75%; + overflow: hidden; +} +.responsive-embed iframe, +.responsive-embed object, +.responsive-embed embed, +.responsive-embed video, +.flex-video iframe, +.flex-video object, +.flex-video embed, +.flex-video video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.responsive-embed.widescreen, +.flex-video.widescreen { + padding-bottom: 56.25%; +} + +.tabs { + margin: 0; + border: 1px solid #e6e6e6; + background: #fefefe; + list-style-type: none; +} +.tabs::before, .tabs::after { + display: table; + content: " "; + flex-basis: 0; + order: 1; +} +.tabs::after { + clear: both; +} + +.tabs.vertical > li { + display: block; + float: none; + width: auto; +} + +.tabs.simple > li > a { + padding: 0; +} +.tabs.simple > li > a:hover { + background: transparent; +} + +.tabs.primary { + background: #1779ba; +} +.tabs.primary > li > a { + color: #fefefe; +} +.tabs.primary > li > a:hover, .tabs.primary > li > a:focus { + background: #1673b1; +} + +.tabs-title { + float: left; +} +.tabs-title > a { + display: block; + padding: 1.25rem 1.5rem; + font-size: 0.75rem; + line-height: 1; + color: #1779ba; +} +[data-whatinput=mouse] .tabs-title > a { + outline: 0; +} +.tabs-title > a:hover { + background: #fefefe; + color: #1468a0; +} +.tabs-title > a:focus, .tabs-title > a[aria-selected=true] { + background: #e6e6e6; + color: #1779ba; +} + +.tabs-content { + border: 1px solid #e6e6e6; + border-top: 0; + background: #fefefe; + color: #0a0a0a; + transition: all 0.5s ease; +} + +.tabs-content.vertical { + border: 1px solid #e6e6e6; + border-left: 0; +} + +.tabs-panel { + display: none; + padding: 1rem; +} +.tabs-panel.is-active { + display: block; +} + +.thumbnail { + display: inline-block; + max-width: 100%; + margin-bottom: 1rem; + border: 4px solid #fefefe; + border-radius: 0; + box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); + line-height: 0; +} + +a.thumbnail { + transition: box-shadow 200ms ease-out; +} +a.thumbnail:hover, a.thumbnail:focus { + box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); +} +a.thumbnail image { + box-shadow: none; +} + +.menu { + padding: 0; + margin: 0; + list-style: none; + position: relative; + display: flex; + flex-wrap: wrap; +} +[data-whatinput=mouse] .menu li { + outline: 0; +} +.menu a, +.menu .button { + line-height: 1; + text-decoration: none; + display: block; + padding: 0.7rem 1rem; +} +.menu input, +.menu select, +.menu a, +.menu button { + margin-bottom: 0; +} +.menu input { + display: inline-block; +} +.menu, .menu.horizontal { + flex-wrap: wrap; + flex-direction: row; +} +.menu.vertical { + flex-wrap: nowrap; + flex-direction: column; +} +.menu.vertical.icon-top li a img, +.menu.vertical.icon-top li a i, +.menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img, +.menu.vertical.icon-bottom li a i, +.menu.vertical.icon-bottom li a svg { + text-align: left; +} +.menu.expanded li { + flex: 1 1 0px; +} +.menu.expanded.icon-top li a img, +.menu.expanded.icon-top li a i, +.menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img, +.menu.expanded.icon-bottom li a i, +.menu.expanded.icon-bottom li a svg { + text-align: left; +} +.menu.simple { + align-items: center; +} +.menu.simple li + li { + margin-left: 1rem; +} +.menu.simple a { + padding: 0; +} +@media print, screen and (min-width: 40em) { + .menu.medium-horizontal { + flex-wrap: wrap; + flex-direction: row; + } + .menu.medium-vertical { + flex-wrap: nowrap; + flex-direction: column; + } + .menu.medium-expanded li { + flex: 1 1 0px; + } + .menu.medium-simple li { + flex: 1 1 0px; + } +} +@media print, screen and (min-width: 64em) { + .menu.large-horizontal { + flex-wrap: wrap; + flex-direction: row; + } + .menu.large-vertical { + flex-wrap: nowrap; + flex-direction: column; + } + .menu.large-expanded li { + flex: 1 1 0px; + } + .menu.large-simple li { + flex: 1 1 0px; + } +} +.menu.nested { + margin-right: 0; + margin-left: 1rem; +} +.menu.icons a { + display: flex; +} +.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { + display: flex; +} +.menu.icon-left li a, .menu.nested.icon-left li a { + flex-flow: row nowrap; +} +.menu.icon-left li a img, +.menu.icon-left li a i, +.menu.icon-left li a svg, .menu.nested.icon-left li a img, +.menu.nested.icon-left li a i, +.menu.nested.icon-left li a svg { + margin-right: 0.25rem; +} +.menu.icon-right li a, .menu.nested.icon-right li a { + flex-flow: row nowrap; +} +.menu.icon-right li a img, +.menu.icon-right li a i, +.menu.icon-right li a svg, .menu.nested.icon-right li a img, +.menu.nested.icon-right li a i, +.menu.nested.icon-right li a svg { + margin-left: 0.25rem; +} +.menu.icon-top li a, .menu.nested.icon-top li a { + flex-flow: column nowrap; +} +.menu.icon-top li a img, +.menu.icon-top li a i, +.menu.icon-top li a svg, .menu.nested.icon-top li a img, +.menu.nested.icon-top li a i, +.menu.nested.icon-top li a svg { + align-self: stretch; + margin-bottom: 0.25rem; + text-align: center; +} +.menu.icon-bottom li a, .menu.nested.icon-bottom li a { + flex-flow: column nowrap; +} +.menu.icon-bottom li a img, +.menu.icon-bottom li a i, +.menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img, +.menu.nested.icon-bottom li a i, +.menu.nested.icon-bottom li a svg { + align-self: stretch; + margin-bottom: 0.25rem; + text-align: center; +} +.menu .is-active > a { + background: #1779ba; + color: #fefefe; +} +.menu .active > a { + background: #1779ba; + color: #fefefe; +} +.menu.align-left { + justify-content: flex-start; +} +.menu.align-right li { + display: flex; + justify-content: flex-end; +} +.menu.align-right li .submenu li { + justify-content: flex-start; +} +.menu.align-right.vertical li { + display: block; + text-align: right; +} +.menu.align-right.vertical li .submenu li { + text-align: right; +} +.menu.align-right.icon-top li a img, +.menu.align-right.icon-top li a i, +.menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img, +.menu.align-right.icon-bottom li a i, +.menu.align-right.icon-bottom li a svg { + text-align: right; +} +.menu.align-right .nested { + margin-right: 1rem; + margin-left: 0; +} +.menu.align-center li { + display: flex; + justify-content: center; +} +.menu.align-center li .submenu li { + justify-content: flex-start; +} +.menu .menu-text { + padding: 0.7rem 1rem; + font-weight: bold; + line-height: 1; + color: inherit; +} + +.menu-centered > .menu { + justify-content: center; +} +.menu-centered > .menu li { + display: flex; + justify-content: center; +} +.menu-centered > .menu li .submenu li { + justify-content: flex-start; +} + +.no-js [data-responsive-menu] ul { + display: none; +} + +.menu-icon { + position: relative; + display: inline-block; + vertical-align: middle; + width: 20px; + height: 16px; + cursor: pointer; +} +.menu-icon::after { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 2px; + background: #fefefe; + box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; + content: ""; +} +.menu-icon:hover::after { + background: #cacaca; + box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; +} + +.menu-icon.dark { + position: relative; + display: inline-block; + vertical-align: middle; + width: 20px; + height: 16px; + cursor: pointer; +} +.menu-icon.dark::after { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 2px; + background: #0a0a0a; + box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; + content: ""; +} +.menu-icon.dark:hover::after { + background: #8a8a8a; + box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; +} + +.accordion-menu li { + width: 100%; +} +.accordion-menu a { + padding: 0.7rem 1rem; +} +.accordion-menu .is-accordion-submenu a { + padding: 0.7rem 1rem; +} +.accordion-menu .nested.is-accordion-submenu { + margin-right: 0; + margin-left: 1rem; +} +.accordion-menu.align-right .nested.is-accordion-submenu { + margin-right: 1rem; + margin-left: 0; +} +.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { + position: relative; +} +.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + position: absolute; + top: 50%; + margin-top: -3px; + right: 1rem; +} +.accordion-menu.align-left .is-accordion-submenu-parent > a::after { + right: 1rem; + left: auto; +} +.accordion-menu.align-right .is-accordion-submenu-parent > a::after { + right: auto; + left: 1rem; +} +.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after { + transform: rotate(180deg); + transform-origin: 50% 50%; +} + +.is-accordion-submenu-parent { + position: relative; +} + +.has-submenu-toggle > a { + margin-right: 40px; +} + +.submenu-toggle { + position: absolute; + top: 0; + right: 0; + width: 40px; + height: 40px; + cursor: pointer; +} +.submenu-toggle::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + top: 0; + bottom: 0; + margin: auto; +} + +.submenu-toggle[aria-expanded=true]::after { + transform: scaleY(-1); + transform-origin: 50% 50%; +} + +.submenu-toggle-text { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; +} + +.is-drilldown { + position: relative; + overflow: hidden; +} +.is-drilldown li { + display: block; +} +.is-drilldown.animate-height { + transition: height 0.5s; +} + +.drilldown a { + padding: 0.7rem 1rem; + background: #fefefe; +} +.drilldown .is-drilldown-submenu { + position: absolute; + top: 0; + left: 100%; + z-index: -1; + width: 100%; + background: #fefefe; + transition: transform 0.15s linear; +} +.drilldown .is-drilldown-submenu.is-active { + z-index: 1; + display: block; + transform: translateX(-100%); +} +.drilldown .is-drilldown-submenu.is-closing { + transform: translateX(100%); +} +.drilldown .is-drilldown-submenu a { + padding: 0.7rem 1rem; +} +.drilldown .nested.is-drilldown-submenu { + margin-right: 0; + margin-left: 0; +} +.drilldown .drilldown-submenu-cover-previous { + min-height: 100%; +} +.drilldown .is-drilldown-submenu-parent > a { + position: relative; +} +.drilldown .is-drilldown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; + position: absolute; + top: 50%; + margin-top: -6px; + right: 1rem; +} +.drilldown.align-left .is-drilldown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; + right: 1rem; + left: auto; +} +.drilldown.align-right .is-drilldown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 1rem; +} +.drilldown .js-drilldown-back > a::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + display: inline-block; + vertical-align: middle; + margin-right: 0.75rem; +} + +.dropdown.menu > li.opens-left > .is-dropdown-submenu { + top: 100%; + right: 0; + left: auto; +} +.dropdown.menu > li.opens-right > .is-dropdown-submenu { + top: 100%; + right: auto; + left: 0; +} +.dropdown.menu > li.is-dropdown-submenu-parent > a { + position: relative; + padding-right: 1.5rem; +} +.dropdown.menu > li.is-dropdown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + right: 5px; + left: auto; + margin-top: -3px; +} +[data-whatinput=mouse] .dropdown.menu a { + outline: 0; +} +.dropdown.menu > li > a { + padding: 0.7rem 1rem; +} +.dropdown.menu > li.is-active > a { + background: transparent; + color: #1779ba; +} +.no-js .dropdown.menu ul { + display: none; +} +.dropdown.menu .nested.is-dropdown-submenu { + margin-right: 0; + margin-left: 0; +} +.dropdown.menu.vertical > li .is-dropdown-submenu { + top: 0; +} +.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { + top: 0; + right: 100%; + left: auto; +} +.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; +} +.dropdown.menu.vertical > li > a::after { + right: 14px; +} +.dropdown.menu.vertical > li.opens-left > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 5px; +} +.dropdown.menu.vertical > li.opens-right > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; +} +@media print, screen and (min-width: 40em) { + .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { + top: 100%; + right: 0; + left: auto; + } + .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { + top: 100%; + right: auto; + left: 0; + } + .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { + position: relative; + padding-right: 1.5rem; + } + .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + right: 5px; + left: auto; + margin-top: -3px; + } + .dropdown.menu.medium-vertical > li .is-dropdown-submenu { + top: 0; + } + .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { + top: 0; + right: 100%; + left: auto; + } + .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; + } + .dropdown.menu.medium-vertical > li > a::after { + right: 14px; + } + .dropdown.menu.medium-vertical > li.opens-left > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 5px; + } + .dropdown.menu.medium-vertical > li.opens-right > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; + } +} +@media print, screen and (min-width: 64em) { + .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { + top: 100%; + right: 0; + left: auto; + } + .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { + top: 100%; + right: auto; + left: 0; + } + .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { + position: relative; + padding-right: 1.5rem; + } + .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + right: 5px; + left: auto; + margin-top: -3px; + } + .dropdown.menu.large-vertical > li .is-dropdown-submenu { + top: 0; + } + .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { + top: 0; + right: 100%; + left: auto; + } + .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; + } + .dropdown.menu.large-vertical > li > a::after { + right: 14px; + } + .dropdown.menu.large-vertical > li.opens-left > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 5px; + } + .dropdown.menu.large-vertical > li.opens-right > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; + } +} +.dropdown.menu.align-right .is-dropdown-submenu.first-sub { + top: 100%; + right: 0; + left: auto; +} + +.is-dropdown-menu.vertical { + width: 100px; +} +.is-dropdown-menu.vertical.align-right { + float: right; +} + +.is-dropdown-submenu-parent { + position: relative; +} +.is-dropdown-submenu-parent a::after { + position: absolute; + top: 50%; + right: 5px; + left: auto; + margin-top: -6px; +} +.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { + top: 100%; + left: auto; +} +.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { + right: 100%; + left: auto; +} +.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; +} + +.is-dropdown-submenu { + position: absolute; + top: 0; + left: 100%; + z-index: 1; + display: none; + min-width: 200px; + border: 1px solid #cacaca; + background: #fefefe; +} +.dropdown .is-dropdown-submenu a { + padding: 0.7rem 1rem; +} +.is-dropdown-submenu .is-dropdown-submenu-parent > a::after { + right: 14px; +} +.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 5px; +} +.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; +} +.is-dropdown-submenu .is-dropdown-submenu { + margin-top: -1px; +} +.is-dropdown-submenu > li { + width: 100%; +} +.is-dropdown-submenu.js-dropdown-active { + display: block; +} + +.is-off-canvas-open { + overflow: hidden; +} + +.js-off-canvas-overlay { + position: absolute; + top: 0; + left: 0; + z-index: 11; + width: 100%; + height: 100%; + transition: opacity 0.5s ease, visibility 0.5s ease; + background: rgba(254, 254, 254, 0.25); + opacity: 0; + visibility: hidden; + overflow: hidden; +} +.js-off-canvas-overlay.is-visible { + opacity: 1; + visibility: visible; +} +.js-off-canvas-overlay.is-closable { + cursor: pointer; +} +.js-off-canvas-overlay.is-overlay-absolute { + position: absolute; +} +.js-off-canvas-overlay.is-overlay-fixed { + position: fixed; +} + +.off-canvas-wrapper { + position: relative; + overflow: hidden; +} + +.off-canvas { + position: fixed; + z-index: 12; + transition: transform 0.5s ease; + backface-visibility: hidden; + background: #e6e6e6; +} +[data-whatinput=mouse] .off-canvas { + outline: 0; +} +.off-canvas.is-transition-push { + z-index: 12; +} +.off-canvas.is-closed { + visibility: hidden; +} +.off-canvas.is-transition-overlap { + z-index: 13; +} +.off-canvas.is-transition-overlap.is-open { + box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); +} +.off-canvas.is-open { + transform: translate(0, 0); +} + +.off-canvas-absolute { + position: absolute; + z-index: 12; + transition: transform 0.5s ease; + backface-visibility: hidden; + background: #e6e6e6; +} +[data-whatinput=mouse] .off-canvas-absolute { + outline: 0; +} +.off-canvas-absolute.is-transition-push { + z-index: 12; +} +.off-canvas-absolute.is-closed { + visibility: hidden; +} +.off-canvas-absolute.is-transition-overlap { + z-index: 13; +} +.off-canvas-absolute.is-transition-overlap.is-open { + box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); +} +.off-canvas-absolute.is-open { + transform: translate(0, 0); +} + +.position-left { + top: 0; + left: 0; + height: 100%; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + width: 250px; + transform: translateX(-250px); +} +.off-canvas-content .off-canvas.position-left { + transform: translateX(-250px); +} +.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { + transform: translate(0, 0); +} + +.off-canvas-content.is-open-left.has-transition-push { + transform: translateX(250px); +} + +.position-left.is-transition-push { + box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); +} + +.position-right { + top: 0; + right: 0; + height: 100%; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + width: 250px; + transform: translateX(250px); +} +.off-canvas-content .off-canvas.position-right { + transform: translateX(250px); +} +.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { + transform: translate(0, 0); +} + +.off-canvas-content.is-open-right.has-transition-push { + transform: translateX(-250px); +} + +.position-right.is-transition-push { + box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); +} + +.position-top { + top: 0; + left: 0; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + height: 250px; + transform: translateY(-250px); +} +.off-canvas-content .off-canvas.position-top { + transform: translateY(-250px); +} +.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { + transform: translate(0, 0); +} + +.off-canvas-content.is-open-top.has-transition-push { + transform: translateY(250px); +} + +.position-top.is-transition-push { + box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); +} + +.position-bottom { + bottom: 0; + left: 0; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + height: 250px; + transform: translateY(250px); +} +.off-canvas-content .off-canvas.position-bottom { + transform: translateY(250px); +} +.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { + transform: translate(0, 0); +} + +.off-canvas-content.is-open-bottom.has-transition-push { + transform: translateY(-250px); +} + +.position-bottom.is-transition-push { + box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); +} + +.off-canvas-content { + transform: none; + backface-visibility: hidden; +} +.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push { + transition: transform 0.5s ease; +} +.off-canvas-content.has-transition-push { + transform: translate(0, 0); +} +.off-canvas-content .off-canvas.is-open { + transform: translate(0, 0); +} + +@media print, screen and (min-width: 40em) { + .position-left.reveal-for-medium { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-left.reveal-for-medium .close-button { + display: none; + } + .off-canvas-content .position-left.reveal-for-medium { + transform: none; + } + .off-canvas-content.has-reveal-left { + margin-left: 250px; + } + .position-left.reveal-for-medium ~ .off-canvas-content { + margin-left: 250px; + } + .position-right.reveal-for-medium { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-right.reveal-for-medium .close-button { + display: none; + } + .off-canvas-content .position-right.reveal-for-medium { + transform: none; + } + .off-canvas-content.has-reveal-right { + margin-right: 250px; + } + .position-right.reveal-for-medium ~ .off-canvas-content { + margin-right: 250px; + } + .position-top.reveal-for-medium { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-top.reveal-for-medium .close-button { + display: none; + } + .off-canvas-content .position-top.reveal-for-medium { + transform: none; + } + .off-canvas-content.has-reveal-top { + margin-top: 250px; + } + .position-top.reveal-for-medium ~ .off-canvas-content { + margin-top: 250px; + } + .position-bottom.reveal-for-medium { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-bottom.reveal-for-medium .close-button { + display: none; + } + .off-canvas-content .position-bottom.reveal-for-medium { + transform: none; + } + .off-canvas-content.has-reveal-bottom { + margin-bottom: 250px; + } + .position-bottom.reveal-for-medium ~ .off-canvas-content { + margin-bottom: 250px; + } +} +@media print, screen and (min-width: 64em) { + .position-left.reveal-for-large { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-left.reveal-for-large .close-button { + display: none; + } + .off-canvas-content .position-left.reveal-for-large { + transform: none; + } + .off-canvas-content.has-reveal-left { + margin-left: 250px; + } + .position-left.reveal-for-large ~ .off-canvas-content { + margin-left: 250px; + } + .position-right.reveal-for-large { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-right.reveal-for-large .close-button { + display: none; + } + .off-canvas-content .position-right.reveal-for-large { + transform: none; + } + .off-canvas-content.has-reveal-right { + margin-right: 250px; + } + .position-right.reveal-for-large ~ .off-canvas-content { + margin-right: 250px; + } + .position-top.reveal-for-large { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-top.reveal-for-large .close-button { + display: none; + } + .off-canvas-content .position-top.reveal-for-large { + transform: none; + } + .off-canvas-content.has-reveal-top { + margin-top: 250px; + } + .position-top.reveal-for-large ~ .off-canvas-content { + margin-top: 250px; + } + .position-bottom.reveal-for-large { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-bottom.reveal-for-large .close-button { + display: none; + } + .off-canvas-content .position-bottom.reveal-for-large { + transform: none; + } + .off-canvas-content.has-reveal-bottom { + margin-bottom: 250px; + } + .position-bottom.reveal-for-large ~ .off-canvas-content { + margin-bottom: 250px; + } +} +@media print, screen and (min-width: 40em) { + .off-canvas.in-canvas-for-medium { + visibility: visible; + height: auto; + position: static; + background: none; + width: auto; + overflow: visible; + transition: none; + } + .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { + box-shadow: none; + transform: none; + } + .off-canvas.in-canvas-for-medium .close-button { + display: none; + } +} +@media print, screen and (min-width: 64em) { + .off-canvas.in-canvas-for-large { + visibility: visible; + height: auto; + position: static; + background: none; + width: auto; + overflow: visible; + transition: none; + } + .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { + box-shadow: none; + transform: none; + } + .off-canvas.in-canvas-for-large .close-button { + display: none; + } +} +html.is-reveal-open { + position: fixed; + width: 100%; + overflow-y: hidden; +} +html.is-reveal-open.zf-has-scroll { + overflow-y: scroll; + -webkit-overflow-scrolling: touch; +} +html.is-reveal-open body { + overflow-y: hidden; +} + +.reveal-overlay { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1005; + display: none; + background-color: rgba(10, 10, 10, 0.45); + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} + +.reveal { + z-index: 1006; + backface-visibility: hidden; + display: none; + padding: 1rem; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + position: relative; + top: 100px; + margin-right: auto; + margin-left: auto; + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} +[data-whatinput=mouse] .reveal { + outline: 0; +} +@media print, screen and (min-width: 40em) { + .reveal { + min-height: 0; + } +} +.reveal .column { + min-width: 0; +} +.reveal > :last-child { + margin-bottom: 0; +} +@media print, screen and (min-width: 40em) { + .reveal { + width: 600px; + max-width: 75rem; + } +} +.reveal.collapse { + padding: 0; +} +@media print, screen and (min-width: 40em) { + .reveal.tiny { + width: 30%; + max-width: 75rem; + } +} +@media print, screen and (min-width: 40em) { + .reveal.small { + width: 50%; + max-width: 75rem; + } +} +@media print, screen and (min-width: 40em) { + .reveal.large { + width: 90%; + max-width: 75rem; + } +} +.reveal.full { + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + max-width: none; + height: 100%; + min-height: 100%; + margin-left: 0; + border: 0; + border-radius: 0; +} +@media print, screen and (max-width: 39.99875em) { + .reveal { + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + max-width: none; + height: 100%; + min-height: 100%; + margin-left: 0; + border: 0; + border-radius: 0; + } +} +.reveal.without-overlay { + position: fixed; +} + +.sticky-container { + position: relative; +} + +.sticky { + position: relative; + z-index: 0; + transform: translate3d(0, 0, 0); +} + +.sticky.is-stuck { + position: fixed; + z-index: 5; + width: 100%; +} +.sticky.is-stuck.is-at-top { + top: 0; +} +.sticky.is-stuck.is-at-bottom { + bottom: 0; +} + +.sticky.is-anchored { + position: relative; + right: auto; + left: auto; +} +.sticky.is-anchored.is-at-bottom { + bottom: 0; +} + +.title-bar { + padding: 0.5rem; + background: #0a0a0a; + color: #fefefe; + display: flex; + justify-content: flex-start; + align-items: center; +} +.title-bar .menu-icon { + margin-left: 0.25rem; + margin-right: 0.25rem; +} + +.title-bar-left, +.title-bar-right { + flex: 1 1 0px; +} + +.title-bar-right { + text-align: right; +} + +.title-bar-title { + display: inline-block; + vertical-align: middle; + font-weight: bold; +} + +.top-bar { + display: flex; + flex-wrap: nowrap; + justify-content: space-between; + align-items: center; + padding: 0.5rem; + flex-wrap: wrap; +} +.top-bar, +.top-bar ul { + background-color: #e6e6e6; +} +.top-bar input { + max-width: 200px; + margin-right: 1rem; +} +.top-bar .input-group-field { + width: 100%; + margin-right: 0; +} +.top-bar input.button { + width: auto; +} +.top-bar .top-bar-left, +.top-bar .top-bar-right { + flex: 0 0 100%; + max-width: 100%; +} +@media print, screen and (min-width: 40em) { + .top-bar { + flex-wrap: nowrap; + } + .top-bar .top-bar-left { + flex: 1 1 auto; + margin-right: auto; + } + .top-bar .top-bar-right { + flex: 0 1 auto; + margin-left: auto; + } +} +@media print, screen and (max-width: 63.99875em) { + .top-bar.stacked-for-medium { + flex-wrap: wrap; + } + .top-bar.stacked-for-medium .top-bar-left, + .top-bar.stacked-for-medium .top-bar-right { + flex: 0 0 100%; + max-width: 100%; + } +} +@media print, screen and (max-width: 74.99875em) { + .top-bar.stacked-for-large { + flex-wrap: wrap; + } + .top-bar.stacked-for-large .top-bar-left, + .top-bar.stacked-for-large .top-bar-right { + flex: 0 0 100%; + max-width: 100%; + } +} + +.top-bar-title { + flex: 0 0 auto; + margin: 0.5rem 1rem 0.5rem 0; +} + +.top-bar-left, +.top-bar-right { + flex: 0 0 auto; +} + +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-center { + display: block; + margin-right: auto; + margin-left: auto; +} + +.clearfix::before, .clearfix::after { + display: table; + content: " "; + flex-basis: 0; + order: 1; +} +.clearfix::after { + clear: both; +} + +.hide { + display: none !important; +} + +.invisible { + visibility: hidden; +} + +.visible { + visibility: visible; +} + +@media print, screen and (max-width: 39.99875em) { + .hide-for-small-only { + display: none !important; + } +} + +@media screen and (max-width: 0em), screen and (min-width: 40em) { + .show-for-small-only { + display: none !important; + } +} + +@media print, screen and (min-width: 40em) { + .hide-for-medium { + display: none !important; + } +} + +@media screen and (max-width: 39.99875em) { + .show-for-medium { + display: none !important; + } +} + +@media print, screen and (min-width: 40em) and (max-width: 63.99875em) { + .hide-for-medium-only { + display: none !important; + } +} + +@media screen and (max-width: 39.99875em), screen and (min-width: 64em) { + .show-for-medium-only { + display: none !important; + } +} + +@media print, screen and (min-width: 64em) { + .hide-for-large { + display: none !important; + } +} + +@media screen and (max-width: 63.99875em) { + .show-for-large { + display: none !important; + } +} + +@media print, screen and (min-width: 64em) and (max-width: 74.99875em) { + .hide-for-large-only { + display: none !important; + } +} + +@media screen and (max-width: 63.99875em), screen and (min-width: 75em) { + .show-for-large-only { + display: none !important; + } +} + +.show-for-sr, +.show-on-focus { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; +} + +.show-on-focus:active, .show-on-focus:focus { + position: static !important; + width: auto !important; + height: auto !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; +} + +.show-for-landscape, +.hide-for-portrait { + display: block !important; +} +@media screen and (orientation: landscape) { + .show-for-landscape, + .hide-for-portrait { + display: block !important; + } +} +@media screen and (orientation: portrait) { + .show-for-landscape, + .hide-for-portrait { + display: none !important; + } +} + +.hide-for-landscape, +.show-for-portrait { + display: none !important; +} +@media screen and (orientation: landscape) { + .hide-for-landscape, + .show-for-portrait { + display: none !important; + } +} +@media screen and (orientation: portrait) { + .hide-for-landscape, + .show-for-portrait { + display: block !important; + } +} + +.show-for-dark-mode { + display: none; +} + +.hide-for-dark-mode { + display: block; +} + +@media screen and (prefers-color-scheme: dark) { + .show-for-dark-mode { + display: block !important; + } + .hide-for-dark-mode { + display: none !important; + } +} +.show-for-ie { + display: none; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .show-for-ie { + display: block !important; + } + .hide-for-ie { + display: none !important; + } +} +.show-for-sticky { + display: none; +} + +.is-stuck .show-for-sticky { + display: block; +} + +.is-stuck .hide-for-sticky { + display: none; +}" +`; + +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'modern' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +/** + * Foundation for Sites + * Version 6.8.1 + * https://get.foundation + * Licensed under MIT Open Source + */ +@media print, screen and (min-width: 40em) { + .reveal.large, .reveal.small, .reveal.tiny, .reveal { + right: auto; + left: auto; + margin: 0 auto; + } +} +/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ +html { + line-height: 1.15; + -webkit-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +pre { + font-family: monospace, monospace; + font-size: 1em; +} + +a { + background-color: transparent; +} + +abbr[title] { + border-bottom: 0; + text-decoration: underline dotted; +} + +b, +strong { + font-weight: bolder; +} + +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +img { + border-style: none; +} + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + font-size: 100%; + line-height: 1.15; + margin: 0; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +button:-moz-focusring, +[type=button]:-moz-focusring, +[type=reset]:-moz-focusring, +[type=submit]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +legend { + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +textarea { + overflow: auto; +} + +[type=checkbox], +[type=radio] { + box-sizing: border-box; + padding: 0; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +details { + display: block; +} + +summary { + display: list-item; +} + +template { + display: none; +} + +[hidden] { + display: none; +} + +[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus, +[data-whatintent=touch] *, +[data-whatintent=touch] *:focus, +[data-whatinput=mouse] *, +[data-whatinput=mouse] *:focus, +[data-whatinput=touch] *, +[data-whatinput=touch] *:focus { + outline: none; +} + +[draggable=false] { + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.foundation-mq { + font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; +} + +html { + box-sizing: border-box; + font-size: 100%; +} + +*, +*::before, +*::after { + box-sizing: inherit; +} + +body { + margin: 0; + padding: 0; + background: #fefefe; + font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; + font-weight: normal; + line-height: 1.5; + color: #0a0a0a; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +img { + display: inline-block; + vertical-align: middle; + max-width: 100%; + height: auto; + -ms-interpolation-mode: bicubic; +} + +textarea { + height: auto; + min-height: 50px; + border-radius: 0; +} + +select { + box-sizing: border-box; + width: 100%; + border-radius: 0; +} + +.map_canvas img, +.map_canvas embed, +.map_canvas object, +.mqa-display img, +.mqa-display embed, +.mqa-display object { + max-width: none !important; +} + +button { + padding: 0; + appearance: none; + border: 0; + border-radius: 0; + background: transparent; + line-height: 1; + cursor: auto; +} +[data-whatinput=mouse] button { + outline: 0; +} + +pre { + overflow: auto; + -webkit-overflow-scrolling: touch; +} + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; +} + +.is-visible { + display: block !important; +} + +.is-hidden { + display: none !important; +} + +[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], +textarea { + display: block; + box-sizing: border-box; + width: 100%; + height: 2.4375rem; + margin: 0 0 1rem; + padding: 0.5rem; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + font-family: inherit; + font-size: 1rem; + font-weight: normal; + line-height: 1.5; + color: #0a0a0a; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; + appearance: none; +} +[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, +textarea:focus { + outline: none; + border: 1px solid #8a8a8a; + background-color: #fefefe; + box-shadow: 0 0 5px #cacaca; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; +} + +textarea { + max-width: 100%; +} +textarea[rows] { + height: auto; +} + +input:disabled, input[readonly], +textarea:disabled, +textarea[readonly] { + background-color: #e6e6e6; + cursor: not-allowed; +} + +[type=submit], +[type=button] { + appearance: none; + border-radius: 0; +} + +input[type=search] { + box-sizing: border-box; +} + +::placeholder { + color: #cacaca; +} + +[type=file], +[type=checkbox], +[type=radio] { + margin: 0 0 1rem; +} + +[type=checkbox] + label, +[type=radio] + label { + display: inline-block; + vertical-align: baseline; + margin-left: 0.5rem; + margin-right: 1rem; + margin-bottom: 0; +} +[type=checkbox] + label[for], +[type=radio] + label[for] { + cursor: pointer; +} + +label > [type=checkbox], +label > [type=radio] { + margin-right: 0.5rem; +} + +[type=file] { + width: 100%; +} + +label { + display: block; + margin: 0; + font-size: 0.875rem; + font-weight: normal; + line-height: 1.8; + color: #0a0a0a; +} +label.middle { + margin: 0 0 1rem; + line-height: 1.5; + padding: 0.5625rem 0; +} + +.help-text { + margin-top: -0.5rem; + font-size: 0.8125rem; + font-style: italic; + color: #0a0a0a; +} + +.input-group { + display: flex; + width: 100%; + margin-bottom: 1rem; + align-items: stretch; +} +.input-group > :first-child, .input-group > :first-child.input-group-button > * { + border-radius: 0 0 0 0; +} +.input-group > :last-child, .input-group > :last-child.input-group-button > * { + border-radius: 0 0 0 0; +} + +.input-group-button a, +.input-group-button input, +.input-group-button button, +.input-group-button label, .input-group-button, .input-group-field, .input-group-label { + margin: 0; + white-space: nowrap; +} + +.input-group-label { + padding: 0 1rem; + border: 1px solid #cacaca; + background: #e6e6e6; + color: #0a0a0a; + text-align: center; + white-space: nowrap; + display: flex; + flex: 0 0 auto; + align-items: center; +} +.input-group-label:first-child { + border-right: 0; +} +.input-group-label:last-child { + border-left: 0; +} + +.input-group-field { + border-radius: 0; + flex: 1 1 0px; + min-width: 0; +} + +.input-group-button { + padding-top: 0; + padding-bottom: 0; + text-align: center; + display: flex; + flex: 0 0 auto; +} +.input-group-button a, +.input-group-button input, +.input-group-button button, +.input-group-button label { + align-self: stretch; + height: auto; + padding-top: 0; + padding-bottom: 0; + font-size: 1rem; +} + +fieldset { + margin: 0; + padding: 0; + border: 0; +} + +legend { + max-width: 100%; + margin-bottom: 0.5rem; +} + +.fieldset { + margin: 1.125rem 0; + padding: 1.25rem; + border: 1px solid #cacaca; +} +.fieldset legend { + margin: 0; + margin-left: -0.1875rem; + padding: 0 0.1875rem; +} + +select { + height: 2.4375rem; + margin: 0 0 1rem; + padding: 0.5rem; + appearance: none; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + font-family: inherit; + font-size: 1rem; + font-weight: normal; + line-height: 1.5; + color: #0a0a0a; + background-image: url('data:image/svg+xml;utf8,'); + background-origin: content-box; + background-position: right -1rem center; + background-repeat: no-repeat; + background-size: 9px 6px; + padding-right: 1.5rem; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; +} +@media screen and (min-width: 0\\0 ) { + select { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); + } +} +select:focus { + outline: none; + border: 1px solid #8a8a8a; + background-color: #fefefe; + box-shadow: 0 0 5px #cacaca; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; +} +select:disabled { + background-color: #e6e6e6; + cursor: not-allowed; +} +select::-ms-expand { + display: none; +} +select[multiple] { + height: auto; + background-image: none; +} +select:not([multiple]) { + padding-top: 0; + padding-bottom: 0; +} + +.is-invalid-input:not(:focus) { + border-color: #cc4b37; + background-color: #f9ecea; +} +.is-invalid-input:not(:focus)::placeholder { + color: #cc4b37; +} + +.is-invalid-label { + color: #cc4b37; +} + +.form-error { + display: none; + margin-top: -0.5rem; + margin-bottom: 1rem; + font-size: 0.75rem; + font-weight: bold; + color: #cc4b37; +} +.form-error.is-visible { + display: block; +} + +div, +dl, +dt, +dd, +ul, +ol, +li, +h1, +h2, +h3, +h4, +h5, +h6, +pre, +form, +p, +blockquote, +th, +td { + margin: 0; + padding: 0; +} + +p { + margin-bottom: 1rem; + font-size: inherit; + line-height: 1.6; + text-rendering: optimizeLegibility; +} + +em, +i { + font-style: italic; + line-height: inherit; +} + +strong, +b { + font-weight: bold; + line-height: inherit; +} + +small { + font-size: 80%; + line-height: inherit; +} + +h1, .h1, +h2, .h2, +h3, .h3, +h4, .h4, +h5, .h5, +h6, .h6 { + font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; + font-style: normal; + font-weight: normal; + color: inherit; + text-rendering: optimizeLegibility; +} +h1 small, .h1 small, +h2 small, .h2 small, +h3 small, .h3 small, +h4 small, .h4 small, +h5 small, .h5 small, +h6 small, .h6 small { + line-height: 0; + color: #cacaca; +} + +h1, .h1 { + font-size: 1.5rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h2, .h2 { + font-size: 1.25rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h3, .h3 { + font-size: 1.1875rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h4, .h4 { + font-size: 1.125rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h5, .h5 { + font-size: 1.0625rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h6, .h6 { + font-size: 1rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +@media print, screen and (min-width: 40em) { + h1, .h1 { + font-size: 3rem; + } + h2, .h2 { + font-size: 2.5rem; + } + h3, .h3 { + font-size: 1.9375rem; + } + h4, .h4 { + font-size: 1.5625rem; + } + h5, .h5 { + font-size: 1.25rem; + } + h6, .h6 { + font-size: 1rem; + } +} +a { + line-height: inherit; + color: #1779ba; + text-decoration: none; + cursor: pointer; +} +a:hover, a:focus { + color: #1468a0; +} +a img { + border: 0; +} + +hr { + clear: both; + max-width: 75rem; + height: 0; + margin: 1.25rem auto; + border-top: 0; + border-right: 0; + border-bottom: 1px solid #cacaca; + border-left: 0; +} + +ul, +ol, +dl { + margin-bottom: 1rem; + list-style-position: outside; + line-height: 1.6; +} + +li { + font-size: inherit; +} + +ul { + margin-left: 1.25rem; + list-style-type: disc; +} + +ol { + margin-left: 1.25rem; +} + +ul ul, ul ol, ol ul, ol ol { + margin-left: 1.25rem; + margin-bottom: 0; +} + +dl { + margin-bottom: 1rem; +} +dl dt { + margin-bottom: 0.3rem; + font-weight: bold; +} + +blockquote { + margin: 0 0 1rem; + padding: 0.5625rem 1.25rem 0 1.1875rem; + border-left: 1px solid #cacaca; +} +blockquote, blockquote p { + line-height: 1.6; + color: #8a8a8a; +} + +abbr, abbr[title] { + border-bottom: 1px dotted #0a0a0a; + cursor: help; + text-decoration: none; +} + +figure { + margin: 0; +} + +kbd { + margin: 0; + padding: 0.125rem 0.25rem 0; + background-color: #e6e6e6; + font-family: Consolas, "Liberation Mono", Courier, monospace; + color: #0a0a0a; +} + +.subheader { + margin-top: 0.2rem; + margin-bottom: 0.5rem; + font-weight: normal; + line-height: 1.4; + color: #8a8a8a; +} + +.lead { + font-size: 125%; + line-height: 1.6; +} + +.stat { + font-size: 2.5rem; + line-height: 1; +} +p + .stat { + margin-top: -1rem; +} + +ul.no-bullet, ol.no-bullet { + margin-left: 0; + list-style: none; +} + +.cite-block, cite { + display: block; + color: #8a8a8a; + font-size: 0.8125rem; +} +.cite-block:before, cite:before { + content: "— "; +} + +.code-inline, code { + border: 1px solid #cacaca; + background-color: #e6e6e6; + font-family: Consolas, "Liberation Mono", Courier, monospace; + font-weight: normal; + color: #0a0a0a; + display: inline; + max-width: 100%; + word-wrap: break-word; + padding: 0.125rem 0.3125rem 0.0625rem; +} + +.code-block { + border: 1px solid #cacaca; + background-color: #e6e6e6; + font-family: Consolas, "Liberation Mono", Courier, monospace; + font-weight: normal; + color: #0a0a0a; + display: block; + overflow: auto; + white-space: pre; + padding: 1rem; + margin-bottom: 1.5rem; +} + +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + +.text-justify { + text-align: justify; +} + +@media print, screen and (min-width: 40em) { + .medium-text-left { + text-align: left; + } + .medium-text-right { + text-align: right; + } + .medium-text-center { + text-align: center; + } + .medium-text-justify { + text-align: justify; + } +} +@media print, screen and (min-width: 64em) { + .large-text-left { + text-align: left; + } + .large-text-right { + text-align: right; + } + .large-text-center { + text-align: center; + } + .large-text-justify { + text-align: justify; + } +} +.show-for-print { + display: none !important; +} + +@media print { + * { + background: transparent !important; + color: black !important; + print-color-adjust: economy; + box-shadow: none !important; + text-shadow: none !important; + } + .show-for-print { + display: block !important; + } + .hide-for-print { + display: none !important; + } + table.show-for-print { + display: table !important; + } + thead.show-for-print { + display: table-header-group !important; + } + tbody.show-for-print { + display: table-row-group !important; + } + tr.show-for-print { + display: table-row !important; + } + td.show-for-print { + display: table-cell !important; + } + th.show-for-print { + display: table-cell !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + pre, + blockquote { + border: 1px solid #8a8a8a; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + .print-break-inside { + page-break-inside: auto; + } +} +.grid-container { + padding-right: 0.625rem; + padding-left: 0.625rem; + max-width: 75rem; + margin-left: auto; + margin-right: auto; +} +@media print, screen and (min-width: 40em) { + .grid-container { + padding-right: 0.9375rem; + padding-left: 0.9375rem; + } +} +.grid-container.fluid { + padding-right: 0.625rem; + padding-left: 0.625rem; + max-width: 100%; + margin-left: auto; + margin-right: auto; +} +@media print, screen and (min-width: 40em) { + .grid-container.fluid { + padding-right: 0.9375rem; + padding-left: 0.9375rem; + } +} +.grid-container.full { + padding-right: 0; + padding-left: 0; + max-width: 100%; + margin-left: auto; + margin-right: auto; +} + +.grid-x { + display: flex; + flex-flow: row wrap; +} + +.cell { + flex: 0 0 auto; + min-height: 0; + min-width: 0; + width: 100%; +} +.cell.auto { + flex: 1 1 0; +} +.cell.shrink { + flex: 0 0 auto; +} + +.grid-x > .auto { + width: auto; +} +.grid-x > .shrink { + width: auto; +} + +.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { + flex-basis: auto; +} + +@media print, screen and (min-width: 40em) { + .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { + flex-basis: auto; + } +} +@media print, screen and (min-width: 64em) { + .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { + flex-basis: auto; + } +} +.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 { + flex: 0 0 auto; +} + +.grid-x > .small-1 { + width: 8.3333333333%; +} + +.grid-x > .small-2 { + width: 16.6666666667%; +} + +.grid-x > .small-3 { + width: 25%; +} + +.grid-x > .small-4 { + width: 33.3333333333%; +} + +.grid-x > .small-5 { + width: 41.6666666667%; +} + +.grid-x > .small-6 { + width: 50%; +} + +.grid-x > .small-7 { + width: 58.3333333333%; +} + +.grid-x > .small-8 { + width: 66.6666666667%; +} + +.grid-x > .small-9 { + width: 75%; +} + +.grid-x > .small-10 { + width: 83.3333333333%; +} + +.grid-x > .small-11 { + width: 91.6666666667%; +} + +.grid-x > .small-12 { + width: 100%; +} + +@media print, screen and (min-width: 40em) { + .grid-x > .medium-auto { + flex: 1 1 0; + width: auto; + } + .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink { + flex: 0 0 auto; + } + .grid-x > .medium-shrink { + width: auto; + } + .grid-x > .medium-1 { + width: 8.3333333333%; + } + .grid-x > .medium-2 { + width: 16.6666666667%; + } + .grid-x > .medium-3 { + width: 25%; + } + .grid-x > .medium-4 { + width: 33.3333333333%; + } + .grid-x > .medium-5 { + width: 41.6666666667%; + } + .grid-x > .medium-6 { + width: 50%; + } + .grid-x > .medium-7 { + width: 58.3333333333%; + } + .grid-x > .medium-8 { + width: 66.6666666667%; + } + .grid-x > .medium-9 { + width: 75%; + } + .grid-x > .medium-10 { + width: 83.3333333333%; + } + .grid-x > .medium-11 { + width: 91.6666666667%; + } + .grid-x > .medium-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .grid-x > .large-auto { + flex: 1 1 0; + width: auto; + } + .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink { + flex: 0 0 auto; + } + .grid-x > .large-shrink { + width: auto; + } + .grid-x > .large-1 { + width: 8.3333333333%; + } + .grid-x > .large-2 { + width: 16.6666666667%; + } + .grid-x > .large-3 { + width: 25%; + } + .grid-x > .large-4 { + width: 33.3333333333%; + } + .grid-x > .large-5 { + width: 41.6666666667%; + } + .grid-x > .large-6 { + width: 50%; + } + .grid-x > .large-7 { + width: 58.3333333333%; + } + .grid-x > .large-8 { + width: 66.6666666667%; + } + .grid-x > .large-9 { + width: 75%; + } + .grid-x > .large-10 { + width: 83.3333333333%; + } + .grid-x > .large-11 { + width: 91.6666666667%; + } + .grid-x > .large-12 { + width: 100%; + } +} +.grid-margin-x:not(.grid-x) > .cell { + width: auto; +} + +.grid-margin-y:not(.grid-y) > .cell { + height: auto; +} + +.grid-margin-x { + margin-left: -0.625rem; + margin-right: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-x { + margin-left: -0.9375rem; + margin-right: -0.9375rem; + } +} +.grid-margin-x > .cell { + width: calc(100% - 1.25rem); + margin-left: 0.625rem; + margin-right: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-x > .cell { + width: calc(100% - 1.875rem); + margin-left: 0.9375rem; + margin-right: 0.9375rem; + } +} +.grid-margin-x > .auto { + width: auto; +} +.grid-margin-x > .shrink { + width: auto; +} +.grid-margin-x > .small-1 { + width: calc(8.3333333333% - 1.25rem); +} +.grid-margin-x > .small-2 { + width: calc(16.6666666667% - 1.25rem); +} +.grid-margin-x > .small-3 { + width: calc(25% - 1.25rem); +} +.grid-margin-x > .small-4 { + width: calc(33.3333333333% - 1.25rem); +} +.grid-margin-x > .small-5 { + width: calc(41.6666666667% - 1.25rem); +} +.grid-margin-x > .small-6 { + width: calc(50% - 1.25rem); +} +.grid-margin-x > .small-7 { + width: calc(58.3333333333% - 1.25rem); +} +.grid-margin-x > .small-8 { + width: calc(66.6666666667% - 1.25rem); +} +.grid-margin-x > .small-9 { + width: calc(75% - 1.25rem); +} +.grid-margin-x > .small-10 { + width: calc(83.3333333333% - 1.25rem); +} +.grid-margin-x > .small-11 { + width: calc(91.6666666667% - 1.25rem); +} +.grid-margin-x > .small-12 { + width: calc(100% - 1.25rem); +} +@media print, screen and (min-width: 40em) { + .grid-margin-x > .auto { + width: auto; + } + .grid-margin-x > .shrink { + width: auto; + } + .grid-margin-x > .small-1 { + width: calc(8.3333333333% - 1.875rem); + } + .grid-margin-x > .small-2 { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x > .small-3 { + width: calc(25% - 1.875rem); + } + .grid-margin-x > .small-4 { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x > .small-5 { + width: calc(41.6666666667% - 1.875rem); + } + .grid-margin-x > .small-6 { + width: calc(50% - 1.875rem); + } + .grid-margin-x > .small-7 { + width: calc(58.3333333333% - 1.875rem); + } + .grid-margin-x > .small-8 { + width: calc(66.6666666667% - 1.875rem); + } + .grid-margin-x > .small-9 { + width: calc(75% - 1.875rem); + } + .grid-margin-x > .small-10 { + width: calc(83.3333333333% - 1.875rem); + } + .grid-margin-x > .small-11 { + width: calc(91.6666666667% - 1.875rem); + } + .grid-margin-x > .small-12 { + width: calc(100% - 1.875rem); + } + .grid-margin-x > .medium-auto { + width: auto; + } + .grid-margin-x > .medium-shrink { + width: auto; + } + .grid-margin-x > .medium-1 { + width: calc(8.3333333333% - 1.875rem); + } + .grid-margin-x > .medium-2 { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x > .medium-3 { + width: calc(25% - 1.875rem); + } + .grid-margin-x > .medium-4 { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x > .medium-5 { + width: calc(41.6666666667% - 1.875rem); + } + .grid-margin-x > .medium-6 { + width: calc(50% - 1.875rem); + } + .grid-margin-x > .medium-7 { + width: calc(58.3333333333% - 1.875rem); + } + .grid-margin-x > .medium-8 { + width: calc(66.6666666667% - 1.875rem); + } + .grid-margin-x > .medium-9 { + width: calc(75% - 1.875rem); + } + .grid-margin-x > .medium-10 { + width: calc(83.3333333333% - 1.875rem); + } + .grid-margin-x > .medium-11 { + width: calc(91.6666666667% - 1.875rem); + } + .grid-margin-x > .medium-12 { + width: calc(100% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-x > .large-auto { + width: auto; + } + .grid-margin-x > .large-shrink { + width: auto; + } + .grid-margin-x > .large-1 { + width: calc(8.3333333333% - 1.875rem); + } + .grid-margin-x > .large-2 { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x > .large-3 { + width: calc(25% - 1.875rem); + } + .grid-margin-x > .large-4 { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x > .large-5 { + width: calc(41.6666666667% - 1.875rem); + } + .grid-margin-x > .large-6 { + width: calc(50% - 1.875rem); + } + .grid-margin-x > .large-7 { + width: calc(58.3333333333% - 1.875rem); + } + .grid-margin-x > .large-8 { + width: calc(66.6666666667% - 1.875rem); + } + .grid-margin-x > .large-9 { + width: calc(75% - 1.875rem); + } + .grid-margin-x > .large-10 { + width: calc(83.3333333333% - 1.875rem); + } + .grid-margin-x > .large-11 { + width: calc(91.6666666667% - 1.875rem); + } + .grid-margin-x > .large-12 { + width: calc(100% - 1.875rem); + } +} + +.grid-padding-x .grid-padding-x { + margin-right: -0.625rem; + margin-left: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-x .grid-padding-x { + margin-right: -0.9375rem; + margin-left: -0.9375rem; + } +} +.grid-container:not(.full) > .grid-padding-x { + margin-right: -0.625rem; + margin-left: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-container:not(.full) > .grid-padding-x { + margin-right: -0.9375rem; + margin-left: -0.9375rem; + } +} +.grid-padding-x > .cell { + padding-right: 0.625rem; + padding-left: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-x > .cell { + padding-right: 0.9375rem; + padding-left: 0.9375rem; + } +} + +.small-up-1 > .cell { + width: 100%; +} + +.small-up-2 > .cell { + width: 50%; +} + +.small-up-3 > .cell { + width: 33.3333333333%; +} + +.small-up-4 > .cell { + width: 25%; +} + +.small-up-5 > .cell { + width: 20%; +} + +.small-up-6 > .cell { + width: 16.6666666667%; +} + +.small-up-7 > .cell { + width: 14.2857142857%; +} + +.small-up-8 > .cell { + width: 12.5%; +} + +@media print, screen and (min-width: 40em) { + .medium-up-1 > .cell { + width: 100%; + } + .medium-up-2 > .cell { + width: 50%; + } + .medium-up-3 > .cell { + width: 33.3333333333%; + } + .medium-up-4 > .cell { + width: 25%; + } + .medium-up-5 > .cell { + width: 20%; + } + .medium-up-6 > .cell { + width: 16.6666666667%; + } + .medium-up-7 > .cell { + width: 14.2857142857%; + } + .medium-up-8 > .cell { + width: 12.5%; + } +} +@media print, screen and (min-width: 64em) { + .large-up-1 > .cell { + width: 100%; + } + .large-up-2 > .cell { + width: 50%; + } + .large-up-3 > .cell { + width: 33.3333333333%; + } + .large-up-4 > .cell { + width: 25%; + } + .large-up-5 > .cell { + width: 20%; + } + .large-up-6 > .cell { + width: 16.6666666667%; + } + .large-up-7 > .cell { + width: 14.2857142857%; + } + .large-up-8 > .cell { + width: 12.5%; + } +} +.grid-margin-x.small-up-1 > .cell { + width: calc(100% - 1.25rem); +} + +.grid-margin-x.small-up-2 > .cell { + width: calc(50% - 1.25rem); +} + +.grid-margin-x.small-up-3 > .cell { + width: calc(33.3333333333% - 1.25rem); +} + +.grid-margin-x.small-up-4 > .cell { + width: calc(25% - 1.25rem); +} + +.grid-margin-x.small-up-5 > .cell { + width: calc(20% - 1.25rem); +} + +.grid-margin-x.small-up-6 > .cell { + width: calc(16.6666666667% - 1.25rem); +} + +.grid-margin-x.small-up-7 > .cell { + width: calc(14.2857142857% - 1.25rem); +} + +.grid-margin-x.small-up-8 > .cell { + width: calc(12.5% - 1.25rem); +} + +@media print, screen and (min-width: 40em) { + .grid-margin-x.small-up-1 > .cell { + width: calc(100% - 1.875rem); + } + .grid-margin-x.small-up-2 > .cell { + width: calc(50% - 1.875rem); + } + .grid-margin-x.small-up-3 > .cell { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x.small-up-4 > .cell { + width: calc(25% - 1.875rem); + } + .grid-margin-x.small-up-5 > .cell { + width: calc(20% - 1.875rem); + } + .grid-margin-x.small-up-6 > .cell { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x.small-up-7 > .cell { + width: calc(14.2857142857% - 1.875rem); + } + .grid-margin-x.small-up-8 > .cell { + width: calc(12.5% - 1.875rem); + } + .grid-margin-x.medium-up-1 > .cell { + width: calc(100% - 1.875rem); + } + .grid-margin-x.medium-up-2 > .cell { + width: calc(50% - 1.875rem); + } + .grid-margin-x.medium-up-3 > .cell { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x.medium-up-4 > .cell { + width: calc(25% - 1.875rem); + } + .grid-margin-x.medium-up-5 > .cell { + width: calc(20% - 1.875rem); + } + .grid-margin-x.medium-up-6 > .cell { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x.medium-up-7 > .cell { + width: calc(14.2857142857% - 1.875rem); + } + .grid-margin-x.medium-up-8 > .cell { + width: calc(12.5% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-x.large-up-1 > .cell { + width: calc(100% - 1.875rem); + } + .grid-margin-x.large-up-2 > .cell { + width: calc(50% - 1.875rem); + } + .grid-margin-x.large-up-3 > .cell { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x.large-up-4 > .cell { + width: calc(25% - 1.875rem); + } + .grid-margin-x.large-up-5 > .cell { + width: calc(20% - 1.875rem); + } + .grid-margin-x.large-up-6 > .cell { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x.large-up-7 > .cell { + width: calc(14.2857142857% - 1.875rem); + } + .grid-margin-x.large-up-8 > .cell { + width: calc(12.5% - 1.875rem); + } +} +.small-margin-collapse { + margin-right: 0; + margin-left: 0; +} +.small-margin-collapse > .cell { + margin-right: 0; + margin-left: 0; +} +.small-margin-collapse > .small-1 { + width: 8.3333333333%; +} +.small-margin-collapse > .small-2 { + width: 16.6666666667%; +} +.small-margin-collapse > .small-3 { + width: 25%; +} +.small-margin-collapse > .small-4 { + width: 33.3333333333%; +} +.small-margin-collapse > .small-5 { + width: 41.6666666667%; +} +.small-margin-collapse > .small-6 { + width: 50%; +} +.small-margin-collapse > .small-7 { + width: 58.3333333333%; +} +.small-margin-collapse > .small-8 { + width: 66.6666666667%; +} +.small-margin-collapse > .small-9 { + width: 75%; +} +.small-margin-collapse > .small-10 { + width: 83.3333333333%; +} +.small-margin-collapse > .small-11 { + width: 91.6666666667%; +} +.small-margin-collapse > .small-12 { + width: 100%; +} +@media print, screen and (min-width: 40em) { + .small-margin-collapse > .medium-1 { + width: 8.3333333333%; + } + .small-margin-collapse > .medium-2 { + width: 16.6666666667%; + } + .small-margin-collapse > .medium-3 { + width: 25%; + } + .small-margin-collapse > .medium-4 { + width: 33.3333333333%; + } + .small-margin-collapse > .medium-5 { + width: 41.6666666667%; + } + .small-margin-collapse > .medium-6 { + width: 50%; + } + .small-margin-collapse > .medium-7 { + width: 58.3333333333%; + } + .small-margin-collapse > .medium-8 { + width: 66.6666666667%; + } + .small-margin-collapse > .medium-9 { + width: 75%; + } + .small-margin-collapse > .medium-10 { + width: 83.3333333333%; + } + .small-margin-collapse > .medium-11 { + width: 91.6666666667%; + } + .small-margin-collapse > .medium-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .small-margin-collapse > .large-1 { + width: 8.3333333333%; + } + .small-margin-collapse > .large-2 { + width: 16.6666666667%; + } + .small-margin-collapse > .large-3 { + width: 25%; + } + .small-margin-collapse > .large-4 { + width: 33.3333333333%; + } + .small-margin-collapse > .large-5 { + width: 41.6666666667%; + } + .small-margin-collapse > .large-6 { + width: 50%; + } + .small-margin-collapse > .large-7 { + width: 58.3333333333%; + } + .small-margin-collapse > .large-8 { + width: 66.6666666667%; + } + .small-margin-collapse > .large-9 { + width: 75%; + } + .small-margin-collapse > .large-10 { + width: 83.3333333333%; + } + .small-margin-collapse > .large-11 { + width: 91.6666666667%; + } + .small-margin-collapse > .large-12 { + width: 100%; + } +} + +.small-padding-collapse { + margin-right: 0; + margin-left: 0; +} +.small-padding-collapse > .cell { + padding-right: 0; + padding-left: 0; +} + +@media print, screen and (min-width: 40em) { + .medium-margin-collapse { + margin-right: 0; + margin-left: 0; + } + .medium-margin-collapse > .cell { + margin-right: 0; + margin-left: 0; + } +} +@media print, screen and (min-width: 40em) { + .medium-margin-collapse > .small-1 { + width: 8.3333333333%; + } + .medium-margin-collapse > .small-2 { + width: 16.6666666667%; + } + .medium-margin-collapse > .small-3 { + width: 25%; + } + .medium-margin-collapse > .small-4 { + width: 33.3333333333%; + } + .medium-margin-collapse > .small-5 { + width: 41.6666666667%; + } + .medium-margin-collapse > .small-6 { + width: 50%; + } + .medium-margin-collapse > .small-7 { + width: 58.3333333333%; + } + .medium-margin-collapse > .small-8 { + width: 66.6666666667%; + } + .medium-margin-collapse > .small-9 { + width: 75%; + } + .medium-margin-collapse > .small-10 { + width: 83.3333333333%; + } + .medium-margin-collapse > .small-11 { + width: 91.6666666667%; + } + .medium-margin-collapse > .small-12 { + width: 100%; + } +} +@media print, screen and (min-width: 40em) { + .medium-margin-collapse > .medium-1 { + width: 8.3333333333%; + } + .medium-margin-collapse > .medium-2 { + width: 16.6666666667%; + } + .medium-margin-collapse > .medium-3 { + width: 25%; + } + .medium-margin-collapse > .medium-4 { + width: 33.3333333333%; + } + .medium-margin-collapse > .medium-5 { + width: 41.6666666667%; + } + .medium-margin-collapse > .medium-6 { + width: 50%; + } + .medium-margin-collapse > .medium-7 { + width: 58.3333333333%; + } + .medium-margin-collapse > .medium-8 { + width: 66.6666666667%; + } + .medium-margin-collapse > .medium-9 { + width: 75%; + } + .medium-margin-collapse > .medium-10 { + width: 83.3333333333%; + } + .medium-margin-collapse > .medium-11 { + width: 91.6666666667%; + } + .medium-margin-collapse > .medium-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .medium-margin-collapse > .large-1 { + width: 8.3333333333%; + } + .medium-margin-collapse > .large-2 { + width: 16.6666666667%; + } + .medium-margin-collapse > .large-3 { + width: 25%; + } + .medium-margin-collapse > .large-4 { + width: 33.3333333333%; + } + .medium-margin-collapse > .large-5 { + width: 41.6666666667%; + } + .medium-margin-collapse > .large-6 { + width: 50%; + } + .medium-margin-collapse > .large-7 { + width: 58.3333333333%; + } + .medium-margin-collapse > .large-8 { + width: 66.6666666667%; + } + .medium-margin-collapse > .large-9 { + width: 75%; + } + .medium-margin-collapse > .large-10 { + width: 83.3333333333%; + } + .medium-margin-collapse > .large-11 { + width: 91.6666666667%; + } + .medium-margin-collapse > .large-12 { + width: 100%; + } +} + +@media print, screen and (min-width: 40em) { + .medium-padding-collapse { + margin-right: 0; + margin-left: 0; + } + .medium-padding-collapse > .cell { + padding-right: 0; + padding-left: 0; + } +} + +@media print, screen and (min-width: 64em) { + .large-margin-collapse { + margin-right: 0; + margin-left: 0; + } + .large-margin-collapse > .cell { + margin-right: 0; + margin-left: 0; + } +} +@media print, screen and (min-width: 64em) { + .large-margin-collapse > .small-1 { + width: 8.3333333333%; + } + .large-margin-collapse > .small-2 { + width: 16.6666666667%; + } + .large-margin-collapse > .small-3 { + width: 25%; + } + .large-margin-collapse > .small-4 { + width: 33.3333333333%; + } + .large-margin-collapse > .small-5 { + width: 41.6666666667%; + } + .large-margin-collapse > .small-6 { + width: 50%; + } + .large-margin-collapse > .small-7 { + width: 58.3333333333%; + } + .large-margin-collapse > .small-8 { + width: 66.6666666667%; + } + .large-margin-collapse > .small-9 { + width: 75%; + } + .large-margin-collapse > .small-10 { + width: 83.3333333333%; + } + .large-margin-collapse > .small-11 { + width: 91.6666666667%; + } + .large-margin-collapse > .small-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .large-margin-collapse > .medium-1 { + width: 8.3333333333%; + } + .large-margin-collapse > .medium-2 { + width: 16.6666666667%; + } + .large-margin-collapse > .medium-3 { + width: 25%; + } + .large-margin-collapse > .medium-4 { + width: 33.3333333333%; + } + .large-margin-collapse > .medium-5 { + width: 41.6666666667%; + } + .large-margin-collapse > .medium-6 { + width: 50%; + } + .large-margin-collapse > .medium-7 { + width: 58.3333333333%; + } + .large-margin-collapse > .medium-8 { + width: 66.6666666667%; + } + .large-margin-collapse > .medium-9 { + width: 75%; + } + .large-margin-collapse > .medium-10 { + width: 83.3333333333%; + } + .large-margin-collapse > .medium-11 { + width: 91.6666666667%; + } + .large-margin-collapse > .medium-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .large-margin-collapse > .large-1 { + width: 8.3333333333%; + } + .large-margin-collapse > .large-2 { + width: 16.6666666667%; + } + .large-margin-collapse > .large-3 { + width: 25%; + } + .large-margin-collapse > .large-4 { + width: 33.3333333333%; + } + .large-margin-collapse > .large-5 { + width: 41.6666666667%; + } + .large-margin-collapse > .large-6 { + width: 50%; + } + .large-margin-collapse > .large-7 { + width: 58.3333333333%; + } + .large-margin-collapse > .large-8 { + width: 66.6666666667%; + } + .large-margin-collapse > .large-9 { + width: 75%; + } + .large-margin-collapse > .large-10 { + width: 83.3333333333%; + } + .large-margin-collapse > .large-11 { + width: 91.6666666667%; + } + .large-margin-collapse > .large-12 { + width: 100%; + } +} + +@media print, screen and (min-width: 64em) { + .large-padding-collapse { + margin-right: 0; + margin-left: 0; + } + .large-padding-collapse > .cell { + padding-right: 0; + padding-left: 0; + } +} + +.small-offset-0 { + margin-left: 0%; +} + +.grid-margin-x > .small-offset-0 { + margin-left: calc(0% + 1.25rem / 2); +} + +.small-offset-1 { + margin-left: 8.3333333333%; +} + +.grid-margin-x > .small-offset-1 { + margin-left: calc(8.3333333333% + 1.25rem / 2); +} + +.small-offset-2 { + margin-left: 16.6666666667%; +} + +.grid-margin-x > .small-offset-2 { + margin-left: calc(16.6666666667% + 1.25rem / 2); +} + +.small-offset-3 { + margin-left: 25%; +} + +.grid-margin-x > .small-offset-3 { + margin-left: calc(25% + 1.25rem / 2); +} + +.small-offset-4 { + margin-left: 33.3333333333%; +} + +.grid-margin-x > .small-offset-4 { + margin-left: calc(33.3333333333% + 1.25rem / 2); +} + +.small-offset-5 { + margin-left: 41.6666666667%; +} + +.grid-margin-x > .small-offset-5 { + margin-left: calc(41.6666666667% + 1.25rem / 2); +} + +.small-offset-6 { + margin-left: 50%; +} + +.grid-margin-x > .small-offset-6 { + margin-left: calc(50% + 1.25rem / 2); +} + +.small-offset-7 { + margin-left: 58.3333333333%; +} + +.grid-margin-x > .small-offset-7 { + margin-left: calc(58.3333333333% + 1.25rem / 2); +} + +.small-offset-8 { + margin-left: 66.6666666667%; +} + +.grid-margin-x > .small-offset-8 { + margin-left: calc(66.6666666667% + 1.25rem / 2); +} + +.small-offset-9 { + margin-left: 75%; +} + +.grid-margin-x > .small-offset-9 { + margin-left: calc(75% + 1.25rem / 2); +} + +.small-offset-10 { + margin-left: 83.3333333333%; +} + +.grid-margin-x > .small-offset-10 { + margin-left: calc(83.3333333333% + 1.25rem / 2); +} + +.small-offset-11 { + margin-left: 91.6666666667%; +} + +.grid-margin-x > .small-offset-11 { + margin-left: calc(91.6666666667% + 1.25rem / 2); +} + +@media print, screen and (min-width: 40em) { + .medium-offset-0 { + margin-left: 0%; + } + .grid-margin-x > .medium-offset-0 { + margin-left: calc(0% + 1.875rem / 2); + } + .medium-offset-1 { + margin-left: 8.3333333333%; + } + .grid-margin-x > .medium-offset-1 { + margin-left: calc(8.3333333333% + 1.875rem / 2); + } + .medium-offset-2 { + margin-left: 16.6666666667%; + } + .grid-margin-x > .medium-offset-2 { + margin-left: calc(16.6666666667% + 1.875rem / 2); + } + .medium-offset-3 { + margin-left: 25%; + } + .grid-margin-x > .medium-offset-3 { + margin-left: calc(25% + 1.875rem / 2); + } + .medium-offset-4 { + margin-left: 33.3333333333%; + } + .grid-margin-x > .medium-offset-4 { + margin-left: calc(33.3333333333% + 1.875rem / 2); + } + .medium-offset-5 { + margin-left: 41.6666666667%; + } + .grid-margin-x > .medium-offset-5 { + margin-left: calc(41.6666666667% + 1.875rem / 2); + } + .medium-offset-6 { + margin-left: 50%; + } + .grid-margin-x > .medium-offset-6 { + margin-left: calc(50% + 1.875rem / 2); + } + .medium-offset-7 { + margin-left: 58.3333333333%; + } + .grid-margin-x > .medium-offset-7 { + margin-left: calc(58.3333333333% + 1.875rem / 2); + } + .medium-offset-8 { + margin-left: 66.6666666667%; + } + .grid-margin-x > .medium-offset-8 { + margin-left: calc(66.6666666667% + 1.875rem / 2); + } + .medium-offset-9 { + margin-left: 75%; + } + .grid-margin-x > .medium-offset-9 { + margin-left: calc(75% + 1.875rem / 2); + } + .medium-offset-10 { + margin-left: 83.3333333333%; + } + .grid-margin-x > .medium-offset-10 { + margin-left: calc(83.3333333333% + 1.875rem / 2); + } + .medium-offset-11 { + margin-left: 91.6666666667%; + } + .grid-margin-x > .medium-offset-11 { + margin-left: calc(91.6666666667% + 1.875rem / 2); + } +} +@media print, screen and (min-width: 64em) { + .large-offset-0 { + margin-left: 0%; + } + .grid-margin-x > .large-offset-0 { + margin-left: calc(0% + 1.875rem / 2); + } + .large-offset-1 { + margin-left: 8.3333333333%; + } + .grid-margin-x > .large-offset-1 { + margin-left: calc(8.3333333333% + 1.875rem / 2); + } + .large-offset-2 { + margin-left: 16.6666666667%; + } + .grid-margin-x > .large-offset-2 { + margin-left: calc(16.6666666667% + 1.875rem / 2); + } + .large-offset-3 { + margin-left: 25%; + } + .grid-margin-x > .large-offset-3 { + margin-left: calc(25% + 1.875rem / 2); + } + .large-offset-4 { + margin-left: 33.3333333333%; + } + .grid-margin-x > .large-offset-4 { + margin-left: calc(33.3333333333% + 1.875rem / 2); + } + .large-offset-5 { + margin-left: 41.6666666667%; + } + .grid-margin-x > .large-offset-5 { + margin-left: calc(41.6666666667% + 1.875rem / 2); + } + .large-offset-6 { + margin-left: 50%; + } + .grid-margin-x > .large-offset-6 { + margin-left: calc(50% + 1.875rem / 2); + } + .large-offset-7 { + margin-left: 58.3333333333%; + } + .grid-margin-x > .large-offset-7 { + margin-left: calc(58.3333333333% + 1.875rem / 2); + } + .large-offset-8 { + margin-left: 66.6666666667%; + } + .grid-margin-x > .large-offset-8 { + margin-left: calc(66.6666666667% + 1.875rem / 2); + } + .large-offset-9 { + margin-left: 75%; + } + .grid-margin-x > .large-offset-9 { + margin-left: calc(75% + 1.875rem / 2); + } + .large-offset-10 { + margin-left: 83.3333333333%; + } + .grid-margin-x > .large-offset-10 { + margin-left: calc(83.3333333333% + 1.875rem / 2); + } + .large-offset-11 { + margin-left: 91.6666666667%; + } + .grid-margin-x > .large-offset-11 { + margin-left: calc(91.6666666667% + 1.875rem / 2); + } +} +.grid-y { + display: flex; + flex-flow: column nowrap; +} +.grid-y > .cell { + height: auto; + max-height: none; +} +.grid-y > .auto { + height: auto; +} +.grid-y > .shrink { + height: auto; +} +.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { + flex-basis: auto; +} +@media print, screen and (min-width: 40em) { + .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { + flex-basis: auto; + } +} +@media print, screen and (min-width: 64em) { + .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { + flex-basis: auto; + } +} +.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 { + flex: 0 0 auto; +} +.grid-y > .small-1 { + height: 8.3333333333%; +} +.grid-y > .small-2 { + height: 16.6666666667%; +} +.grid-y > .small-3 { + height: 25%; +} +.grid-y > .small-4 { + height: 33.3333333333%; +} +.grid-y > .small-5 { + height: 41.6666666667%; +} +.grid-y > .small-6 { + height: 50%; +} +.grid-y > .small-7 { + height: 58.3333333333%; +} +.grid-y > .small-8 { + height: 66.6666666667%; +} +.grid-y > .small-9 { + height: 75%; +} +.grid-y > .small-10 { + height: 83.3333333333%; +} +.grid-y > .small-11 { + height: 91.6666666667%; +} +.grid-y > .small-12 { + height: 100%; +} +@media print, screen and (min-width: 40em) { + .grid-y > .medium-auto { + flex: 1 1 0; + height: auto; + } + .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink { + flex: 0 0 auto; + } + .grid-y > .medium-shrink { + height: auto; + } + .grid-y > .medium-1 { + height: 8.3333333333%; + } + .grid-y > .medium-2 { + height: 16.6666666667%; + } + .grid-y > .medium-3 { + height: 25%; + } + .grid-y > .medium-4 { + height: 33.3333333333%; + } + .grid-y > .medium-5 { + height: 41.6666666667%; + } + .grid-y > .medium-6 { + height: 50%; + } + .grid-y > .medium-7 { + height: 58.3333333333%; + } + .grid-y > .medium-8 { + height: 66.6666666667%; + } + .grid-y > .medium-9 { + height: 75%; + } + .grid-y > .medium-10 { + height: 83.3333333333%; + } + .grid-y > .medium-11 { + height: 91.6666666667%; + } + .grid-y > .medium-12 { + height: 100%; + } +} +@media print, screen and (min-width: 64em) { + .grid-y > .large-auto { + flex: 1 1 0; + height: auto; + } + .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink { + flex: 0 0 auto; + } + .grid-y > .large-shrink { + height: auto; + } + .grid-y > .large-1 { + height: 8.3333333333%; + } + .grid-y > .large-2 { + height: 16.6666666667%; + } + .grid-y > .large-3 { + height: 25%; + } + .grid-y > .large-4 { + height: 33.3333333333%; + } + .grid-y > .large-5 { + height: 41.6666666667%; + } + .grid-y > .large-6 { + height: 50%; + } + .grid-y > .large-7 { + height: 58.3333333333%; + } + .grid-y > .large-8 { + height: 66.6666666667%; + } + .grid-y > .large-9 { + height: 75%; + } + .grid-y > .large-10 { + height: 83.3333333333%; + } + .grid-y > .large-11 { + height: 91.6666666667%; + } + .grid-y > .large-12 { + height: 100%; + } +} + +.grid-padding-y .grid-padding-y { + margin-top: -0.625rem; + margin-bottom: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-y .grid-padding-y { + margin-top: -0.9375rem; + margin-bottom: -0.9375rem; + } +} +.grid-padding-y > .cell { + padding-top: 0.625rem; + padding-bottom: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-y > .cell { + padding-top: 0.9375rem; + padding-bottom: 0.9375rem; + } +} + +.grid-margin-y { + margin-top: -0.625rem; + margin-bottom: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-y { + margin-top: -0.9375rem; + margin-bottom: -0.9375rem; + } +} +.grid-margin-y > .cell { + height: calc(100% - 1.25rem); + margin-top: 0.625rem; + margin-bottom: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-y > .cell { + height: calc(100% - 1.875rem); + margin-top: 0.9375rem; + margin-bottom: 0.9375rem; + } +} +.grid-margin-y > .auto { + height: auto; +} +.grid-margin-y > .shrink { + height: auto; +} +.grid-margin-y > .small-1 { + height: calc(8.3333333333% - 1.25rem); +} +.grid-margin-y > .small-2 { + height: calc(16.6666666667% - 1.25rem); +} +.grid-margin-y > .small-3 { + height: calc(25% - 1.25rem); +} +.grid-margin-y > .small-4 { + height: calc(33.3333333333% - 1.25rem); +} +.grid-margin-y > .small-5 { + height: calc(41.6666666667% - 1.25rem); +} +.grid-margin-y > .small-6 { + height: calc(50% - 1.25rem); +} +.grid-margin-y > .small-7 { + height: calc(58.3333333333% - 1.25rem); +} +.grid-margin-y > .small-8 { + height: calc(66.6666666667% - 1.25rem); +} +.grid-margin-y > .small-9 { + height: calc(75% - 1.25rem); +} +.grid-margin-y > .small-10 { + height: calc(83.3333333333% - 1.25rem); +} +.grid-margin-y > .small-11 { + height: calc(91.6666666667% - 1.25rem); +} +.grid-margin-y > .small-12 { + height: calc(100% - 1.25rem); +} +@media print, screen and (min-width: 40em) { + .grid-margin-y > .auto { + height: auto; + } + .grid-margin-y > .shrink { + height: auto; + } + .grid-margin-y > .small-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .small-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .small-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .small-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .small-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .small-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .small-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .small-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .small-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .small-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .small-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .small-12 { + height: calc(100% - 1.875rem); + } + .grid-margin-y > .medium-auto { + height: auto; + } + .grid-margin-y > .medium-shrink { + height: auto; + } + .grid-margin-y > .medium-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .medium-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .medium-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .medium-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-12 { + height: calc(100% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-y > .large-auto { + height: auto; + } + .grid-margin-y > .large-shrink { + height: auto; + } + .grid-margin-y > .large-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .large-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .large-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .large-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .large-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .large-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .large-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .large-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .large-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .large-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .large-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .large-12 { + height: calc(100% - 1.875rem); + } +} + +.grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + width: 100vw; +} + +.cell .grid-frame { + width: 100%; +} + +.cell-block { + overflow-x: auto; + max-width: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.cell-block-y { + overflow-y: auto; + max-height: 100%; + min-height: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.cell-block-container { + display: flex; + flex-direction: column; + max-height: 100%; +} +.cell-block-container > .grid-x { + max-height: 100%; + flex-wrap: nowrap; +} + +@media print, screen and (min-width: 40em) { + .medium-grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + width: 100vw; + } + .cell .medium-grid-frame { + width: 100%; + } + .medium-cell-block { + overflow-x: auto; + max-width: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .medium-cell-block-container { + display: flex; + flex-direction: column; + max-height: 100%; + } + .medium-cell-block-container > .grid-x { + max-height: 100%; + flex-wrap: nowrap; + } + .medium-cell-block-y { + overflow-y: auto; + max-height: 100%; + min-height: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } +} +@media print, screen and (min-width: 64em) { + .large-grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + width: 100vw; + } + .cell .large-grid-frame { + width: 100%; + } + .large-cell-block { + overflow-x: auto; + max-width: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .large-cell-block-container { + display: flex; + flex-direction: column; + max-height: 100%; + } + .large-cell-block-container > .grid-x { + max-height: 100%; + flex-wrap: nowrap; + } + .large-cell-block-y { + overflow-y: auto; + max-height: 100%; + min-height: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } +} +.grid-y.grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + height: 100vh; + width: auto; +} +@media print, screen and (min-width: 40em) { + .grid-y.medium-grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + height: 100vh; + width: auto; + } +} +@media print, screen and (min-width: 64em) { + .grid-y.large-grid-frame { + overflow: hidden; + position: relative; + flex-wrap: nowrap; + align-items: stretch; + height: 100vh; + width: auto; + } +} + +.cell .grid-y.grid-frame { + height: 100%; +} +@media print, screen and (min-width: 40em) { + .cell .grid-y.medium-grid-frame { + height: 100%; + } +} +@media print, screen and (min-width: 64em) { + .cell .grid-y.large-grid-frame { + height: 100%; + } +} + +.grid-margin-y { + margin-top: -0.625rem; + margin-bottom: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-y { + margin-top: -0.9375rem; + margin-bottom: -0.9375rem; + } +} +.grid-margin-y > .cell { + height: calc(100% - 1.25rem); + margin-top: 0.625rem; + margin-bottom: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-y > .cell { + height: calc(100% - 1.875rem); + margin-top: 0.9375rem; + margin-bottom: 0.9375rem; + } +} +.grid-margin-y > .auto { + height: auto; +} +.grid-margin-y > .shrink { + height: auto; +} +.grid-margin-y > .small-1 { + height: calc(8.3333333333% - 1.25rem); +} +.grid-margin-y > .small-2 { + height: calc(16.6666666667% - 1.25rem); +} +.grid-margin-y > .small-3 { + height: calc(25% - 1.25rem); +} +.grid-margin-y > .small-4 { + height: calc(33.3333333333% - 1.25rem); +} +.grid-margin-y > .small-5 { + height: calc(41.6666666667% - 1.25rem); +} +.grid-margin-y > .small-6 { + height: calc(50% - 1.25rem); +} +.grid-margin-y > .small-7 { + height: calc(58.3333333333% - 1.25rem); +} +.grid-margin-y > .small-8 { + height: calc(66.6666666667% - 1.25rem); +} +.grid-margin-y > .small-9 { + height: calc(75% - 1.25rem); +} +.grid-margin-y > .small-10 { + height: calc(83.3333333333% - 1.25rem); +} +.grid-margin-y > .small-11 { + height: calc(91.6666666667% - 1.25rem); +} +.grid-margin-y > .small-12 { + height: calc(100% - 1.25rem); +} +@media print, screen and (min-width: 40em) { + .grid-margin-y > .auto { + height: auto; + } + .grid-margin-y > .shrink { + height: auto; + } + .grid-margin-y > .small-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .small-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .small-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .small-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .small-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .small-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .small-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .small-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .small-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .small-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .small-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .small-12 { + height: calc(100% - 1.875rem); + } + .grid-margin-y > .medium-auto { + height: auto; + } + .grid-margin-y > .medium-shrink { + height: auto; + } + .grid-margin-y > .medium-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .medium-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .medium-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .medium-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-12 { + height: calc(100% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-y > .large-auto { + height: auto; + } + .grid-margin-y > .large-shrink { + height: auto; + } + .grid-margin-y > .large-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .large-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .large-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .large-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .large-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .large-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .large-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .large-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .large-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .large-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .large-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .large-12 { + height: calc(100% - 1.875rem); + } +} + +.grid-frame.grid-margin-y { + height: calc(100vh + 1.25rem); +} +@media print, screen and (min-width: 40em) { + .grid-frame.grid-margin-y { + height: calc(100vh + 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-frame.grid-margin-y { + height: calc(100vh + 1.875rem); + } +} + +@media print, screen and (min-width: 40em) { + .grid-margin-y.medium-grid-frame { + height: calc(100vh + 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-y.large-grid-frame { + height: calc(100vh + 1.875rem); + } +} +.button { + display: inline-block; + vertical-align: middle; + margin: 0 0 1rem 0; + padding: 0.85em 1em; + border: 1px solid transparent; + border-radius: 0; + transition: background-color 0.25s ease-out, color 0.25s ease-out; + font-family: inherit; + font-size: 0.9rem; + -webkit-appearance: none; + line-height: 1; + text-align: center; + cursor: pointer; +} +[data-whatinput=mouse] .button { + outline: 0; +} +.button.tiny { + font-size: 0.6rem; +} +.button.small { + font-size: 0.75rem; +} +.button.large { + font-size: 1.25rem; +} +.button.expanded { + display: block; + width: 100%; + margin-right: 0; + margin-left: 0; +} +.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus { + background-color: #1779ba; + color: #fefefe; +} +.button:hover, .button:focus { + background-color: #14679e; + color: #fefefe; +} +.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus { + background-color: #1779ba; + color: #fefefe; +} +.button.primary:hover, .button.primary:focus { + background-color: #126195; + color: #fefefe; +} +.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus { + background-color: #767676; + color: #fefefe; +} +.button.secondary:hover, .button.secondary:focus { + background-color: #5e5e5e; + color: #fefefe; +} +.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus { + background-color: #3adb76; + color: #0a0a0a; +} +.button.success:hover, .button.success:focus { + background-color: #22bb5b; + color: #0a0a0a; +} +.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus { + background-color: #ffae00; + color: #0a0a0a; +} +.button.warning:hover, .button.warning:focus { + background-color: #cc8b00; + color: #0a0a0a; +} +.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus { + background-color: #cc4b37; + color: #fefefe; +} +.button.alert:hover, .button.alert:focus { + background-color: #a53b2a; + color: #fefefe; +} +.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { + background-color: transparent; +} +.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus { + border: 1px solid #1779ba; + color: #1779ba; +} +.button.hollow:hover, .button.hollow:focus { + border-color: #0c3d5d; + color: #0c3d5d; +} +.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus { + border: 1px solid #1779ba; + color: #1779ba; +} +.button.hollow.primary:hover, .button.hollow.primary:focus { + border-color: #0c3d5d; + color: #0c3d5d; +} +.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus { + border: 1px solid #767676; + color: #767676; +} +.button.hollow.secondary:hover, .button.hollow.secondary:focus { + border-color: #3b3b3b; + color: #3b3b3b; +} +.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus { + border: 1px solid #3adb76; + color: #3adb76; +} +.button.hollow.success:hover, .button.hollow.success:focus { + border-color: #157539; + color: #157539; +} +.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus { + border: 1px solid #ffae00; + color: #ffae00; +} +.button.hollow.warning:hover, .button.hollow.warning:focus { + border-color: #805700; + color: #805700; +} +.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus { + border: 1px solid #cc4b37; + color: #cc4b37; +} +.button.hollow.alert:hover, .button.hollow.alert:focus { + border-color: #67251a; + color: #67251a; +} +.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { + border-color: transparent; + background-color: transparent; +} +.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus { + color: #1779ba; +} +.button.clear:hover, .button.clear:focus { + color: #0c3d5d; +} +.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus { + color: #1779ba; +} +.button.clear.primary:hover, .button.clear.primary:focus { + color: #0c3d5d; +} +.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus { + color: #767676; +} +.button.clear.secondary:hover, .button.clear.secondary:focus { + color: #3b3b3b; +} +.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus { + color: #3adb76; +} +.button.clear.success:hover, .button.clear.success:focus { + color: #157539; +} +.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus { + color: #ffae00; +} +.button.clear.warning:hover, .button.clear.warning:focus { + color: #805700; +} +.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus { + color: #cc4b37; +} +.button.clear.alert:hover, .button.clear.alert:focus { + color: #67251a; +} +.button.disabled, .button[disabled] { + opacity: 0.25; + cursor: not-allowed; +} +.button.dropdown::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.4em; + content: ""; + border-bottom-width: 0; + border-color: #fefefe transparent transparent; + position: relative; + top: 0.4em; + display: inline-block; + float: right; + margin-left: 1em; +} +.button.dropdown.hollow::after, .button.dropdown.clear::after { + border-top-color: #1779ba; +} +.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after { + border-top-color: #1779ba; +} +.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after { + border-top-color: #767676; +} +.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after { + border-top-color: #3adb76; +} +.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after { + border-top-color: #ffae00; +} +.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after { + border-top-color: #cc4b37; +} +.button.arrow-only::after { + top: -0.1em; + float: none; + margin-left: 0; +} + +a.button:hover, a.button:focus { + text-decoration: none; +} + +.button-group { + margin-bottom: 1rem; + display: flex; + flex-wrap: wrap; + align-items: stretch; + flex-grow: 1; +} +.button-group::before, .button-group::after { + display: table; + content: " "; + flex-basis: 0; + order: 1; +} +.button-group::after { + clear: both; +} +.button-group::before, .button-group::after { + display: none; +} +.button-group .button { + margin: 0; + margin-right: 1px; + margin-bottom: 1px; + font-size: 0.9rem; + flex: 0 0 auto; +} +.button-group .button:last-child { + margin-right: 0; +} +.button-group.tiny .button { + font-size: 0.6rem; +} +.button-group.small .button { + font-size: 0.75rem; +} +.button-group.large .button { + font-size: 1.25rem; +} +.button-group.expanded .button { + flex: 1 1 0px; +} +.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus { + background-color: #1779ba; + color: #fefefe; +} +.button-group.primary .button:hover, .button-group.primary .button:focus { + background-color: #126195; + color: #fefefe; +} +.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus { + background-color: #767676; + color: #fefefe; +} +.button-group.secondary .button:hover, .button-group.secondary .button:focus { + background-color: #5e5e5e; + color: #fefefe; +} +.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus { + background-color: #3adb76; + color: #0a0a0a; +} +.button-group.success .button:hover, .button-group.success .button:focus { + background-color: #22bb5b; + color: #0a0a0a; +} +.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus { + background-color: #ffae00; + color: #0a0a0a; +} +.button-group.warning .button:hover, .button-group.warning .button:focus { + background-color: #cc8b00; + color: #0a0a0a; +} +.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus { + background-color: #cc4b37; + color: #fefefe; +} +.button-group.alert .button:hover, .button-group.alert .button:focus { + background-color: #a53b2a; + color: #fefefe; +} +.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus { + background-color: transparent; +} +.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus { + border: 1px solid #1779ba; + color: #1779ba; +} +.button-group.hollow .button:hover, .button-group.hollow .button:focus { + border-color: #0c3d5d; + color: #0c3d5d; +} +.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus { + border: 1px solid #1779ba; + color: #1779ba; +} +.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus { + border-color: #0c3d5d; + color: #0c3d5d; +} +.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus { + border: 1px solid #767676; + color: #767676; +} +.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus { + border-color: #3b3b3b; + color: #3b3b3b; +} +.button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus { + border: 1px solid #3adb76; + color: #3adb76; +} +.button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus { + border-color: #157539; + color: #157539; +} +.button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus { + border: 1px solid #ffae00; + color: #ffae00; +} +.button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus { + border-color: #805700; + color: #805700; +} +.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus { + border: 1px solid #cc4b37; + color: #cc4b37; +} +.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus { + border-color: #67251a; + color: #67251a; +} +.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus { + border-color: transparent; + background-color: transparent; +} +.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus { + color: #1779ba; +} +.button-group.clear .button:hover, .button-group.clear .button:focus { + color: #0c3d5d; +} +.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus { + color: #1779ba; +} +.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus { + color: #0c3d5d; +} +.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus { + color: #767676; +} +.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus { + color: #3b3b3b; +} +.button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus { + color: #3adb76; +} +.button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus { + color: #157539; +} +.button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus { + color: #ffae00; +} +.button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus { + color: #805700; +} +.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus { + color: #cc4b37; +} +.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus { + color: #67251a; +} +.button-group.no-gaps .button { + margin-right: -0.0625rem; +} +.button-group.no-gaps .button + .button { + border-left-color: transparent; +} +.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { + flex-wrap: wrap; +} +.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { + flex: 0 0 100%; +} +.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { + margin-bottom: 0; +} +.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button { + flex: 1 1 0px; +} +@media print, screen and (min-width: 40em) { + .button-group.stacked-for-small .button { + flex: 0 0 auto; + margin-bottom: 0; + } +} +@media print, screen and (min-width: 64em) { + .button-group.stacked-for-medium .button { + flex: 0 0 auto; + margin-bottom: 0; + } +} +@media print, screen and (max-width: 39.99875em) { + .button-group.stacked-for-small.expanded { + display: block; + } + .button-group.stacked-for-small.expanded .button { + display: block; + margin-right: 0; + } +} +@media print, screen and (max-width: 63.99875em) { + .button-group.stacked-for-medium.expanded { + display: block; + } + .button-group.stacked-for-medium.expanded .button { + display: block; + margin-right: 0; + } +} + +.close-button { + position: absolute; + z-index: 10; + color: #8a8a8a; + cursor: pointer; +} +[data-whatinput=mouse] .close-button { + outline: 0; +} +.close-button:hover, .close-button:focus { + color: #0a0a0a; +} +.close-button.small { + right: 0.66rem; + top: 0.33em; + font-size: 1.5em; + line-height: 1; +} + +.close-button.medium, .close-button { + right: 1rem; + top: 0.5rem; + font-size: 2em; + line-height: 1; +} + +.label { + display: inline-block; + padding: 0.33333rem 0.5rem; + border-radius: 0; + font-size: 0.8rem; + line-height: 1; + white-space: nowrap; + cursor: default; + background: #1779ba; + color: #fefefe; +} +.label.primary { + background: #1779ba; + color: #fefefe; +} +.label.secondary { + background: #767676; + color: #fefefe; +} +.label.success { + background: #3adb76; + color: #0a0a0a; +} +.label.warning { + background: #ffae00; + color: #0a0a0a; +} +.label.alert { + background: #cc4b37; + color: #fefefe; +} + +.progress { + height: 1rem; + margin-bottom: 1rem; + border-radius: 0; + background-color: #cacaca; +} +.progress.primary .progress-meter { + background-color: #1779ba; +} +.progress.secondary .progress-meter { + background-color: #767676; +} +.progress.success .progress-meter { + background-color: #3adb76; +} +.progress.warning .progress-meter { + background-color: #ffae00; +} +.progress.alert .progress-meter { + background-color: #cc4b37; +} + +.progress-meter { + position: relative; + display: block; + width: 0%; + height: 100%; + background-color: #1779ba; +} + +.progress-meter-text { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + margin: 0; + font-size: 0.75rem; + font-weight: bold; + color: #fefefe; + white-space: nowrap; +} + +.slider { + position: relative; + height: 0.5rem; + margin-top: 1.25rem; + margin-bottom: 2.25rem; + background-color: #e6e6e6; + cursor: pointer; + user-select: none; + touch-action: none; +} + +.slider-fill { + position: absolute; + top: 0; + left: 0; + display: inline-block; + max-width: 100%; + height: 0.5rem; + background-color: #cacaca; + transition: all 0.2s ease-in-out; +} +.slider-fill.is-dragging { + transition: all 0s linear; +} + +.slider-handle { + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 0; + z-index: 1; + cursor: grab; + display: inline-block; + width: 1.4rem; + height: 1.4rem; + border-radius: 0; + background-color: #1779ba; + transition: all 0.2s ease-in-out; + touch-action: manipulation; +} +[data-whatinput=mouse] .slider-handle { + outline: 0; +} +.slider-handle:hover { + background-color: #14679e; +} +.slider-handle.is-dragging { + transition: all 0s linear; + cursor: grabbing; +} + +.slider.disabled, +.slider[disabled] { + opacity: 0.25; + cursor: not-allowed; +} + +.slider.vertical { + display: inline-block; + width: 0.5rem; + height: 12.5rem; + margin: 0 1.25rem; + transform: scale(1, -1); +} +.slider.vertical .slider-fill { + top: 0; + width: 0.5rem; + max-height: 100%; +} +.slider.vertical .slider-handle { + position: absolute; + top: 0; + left: 50%; + width: 1.4rem; + height: 1.4rem; + transform: translateX(-50%); +} + +.switch { + position: relative; + margin-bottom: 1rem; + outline: 0; + font-size: 0.875rem; + font-weight: bold; + color: #fefefe; + user-select: none; + height: 2rem; +} + +.switch-input { + position: absolute; + margin-bottom: 0; + opacity: 0; +} + +.switch-paddle { + position: relative; + display: block; + width: 4rem; + height: 2rem; + border-radius: 0; + background: #cacaca; + transition: all 0.25s ease-out; + font-weight: inherit; + color: inherit; + cursor: pointer; +} +input + .switch-paddle { + margin: 0; +} +.switch-paddle::after { + position: absolute; + top: 0.25rem; + left: 0.25rem; + display: block; + width: 1.5rem; + height: 1.5rem; + transform: translate3d(0, 0, 0); + border-radius: 0; + background: #fefefe; + transition: all 0.25s ease-out; + content: ""; +} +input:checked ~ .switch-paddle { + background: #1779ba; +} +input:checked ~ .switch-paddle::after { + left: 2.25rem; +} +input:disabled ~ .switch-paddle { + cursor: not-allowed; + opacity: 0.5; +} +[data-whatinput=mouse] input:focus ~ .switch-paddle { + outline: 0; +} + +.switch-inactive, .switch-active { + position: absolute; + top: 50%; + transform: translateY(-50%); +} + +.switch-active { + left: 8%; + display: none; +} +input:checked + label > .switch-active { + display: block; +} + +.switch-inactive { + right: 15%; +} +input:checked + label > .switch-inactive { + display: none; +} + +.switch.tiny { + height: 1.5rem; +} +.switch.tiny .switch-paddle { + width: 3rem; + height: 1.5rem; + font-size: 0.625rem; +} +.switch.tiny .switch-paddle::after { + top: 0.25rem; + left: 0.25rem; + width: 1rem; + height: 1rem; +} +.switch.tiny input:checked ~ .switch-paddle::after { + left: 1.75rem; +} + +.switch.small { + height: 1.75rem; +} +.switch.small .switch-paddle { + width: 3.5rem; + height: 1.75rem; + font-size: 0.75rem; +} +.switch.small .switch-paddle::after { + top: 0.25rem; + left: 0.25rem; + width: 1.25rem; + height: 1.25rem; +} +.switch.small input:checked ~ .switch-paddle::after { + left: 2rem; +} + +.switch.large { + height: 2.5rem; +} +.switch.large .switch-paddle { + width: 5rem; + height: 2.5rem; + font-size: 1rem; +} +.switch.large .switch-paddle::after { + top: 0.25rem; + left: 0.25rem; + width: 2rem; + height: 2rem; +} +.switch.large input:checked ~ .switch-paddle::after { + left: 2.75rem; +} + +table { + border-collapse: collapse; + width: 100%; + margin-bottom: 1rem; + border-radius: 0; +} +thead, +tbody, +tfoot { + border: 1px solid #f1f1f1; + background-color: #fefefe; +} + +caption { + padding: 0.5rem 0.625rem 0.625rem; + font-weight: bold; +} + +thead { + background: #f8f8f8; + color: #0a0a0a; +} + +tfoot { + background: #f1f1f1; + color: #0a0a0a; +} + +thead tr, +tfoot tr { + background: transparent; +} +thead th, +thead td, +tfoot th, +tfoot td { + padding: 0.5rem 0.625rem 0.625rem; + font-weight: bold; + text-align: left; +} + +tbody th, +tbody td { + padding: 0.5rem 0.625rem 0.625rem; +} + +tbody tr:nth-child(even) { + border-bottom: 0; + background-color: #f1f1f1; +} + +table.unstriped tbody { + background-color: #fefefe; +} +table.unstriped tbody tr { + border-bottom: 1px solid #f1f1f1; + background-color: #fefefe; +} + +@media print, screen and (max-width: 63.99875em) { + table.stack thead { + display: none; + } + table.stack tfoot { + display: none; + } + table.stack tr, + table.stack th, + table.stack td { + display: block; + } + table.stack td { + border-top: 0; + } +} + +table.scroll { + display: block; + width: 100%; + overflow-x: auto; +} + +table.hover thead tr:hover { + background-color: #f3f3f3; +} +table.hover tfoot tr:hover { + background-color: #ececec; +} +table.hover tbody tr:hover { + background-color: #f9f9f9; +} +table.hover:not(.unstriped) tr:nth-of-type(even):hover { + background-color: #ececec; +} + +.table-scroll { + overflow-x: auto; +} + +.badge { + display: inline-block; + min-width: 2.1em; + padding: 0.3em; + border-radius: 50%; + font-size: 0.6rem; + text-align: center; + background: #1779ba; + color: #fefefe; +} +.badge.primary { + background: #1779ba; + color: #fefefe; +} +.badge.secondary { + background: #767676; + color: #fefefe; +} +.badge.success { + background: #3adb76; + color: #0a0a0a; +} +.badge.warning { + background: #ffae00; + color: #0a0a0a; +} +.badge.alert { + background: #cc4b37; + color: #fefefe; +} + +.breadcrumbs { + margin: 0 0 1rem 0; + list-style: none; +} +.breadcrumbs::before, .breadcrumbs::after { + display: table; + content: " "; + flex-basis: 0; + order: 1; +} +.breadcrumbs::after { + clear: both; +} +.breadcrumbs li { + float: left; + font-size: 0.6875rem; + color: #0a0a0a; + cursor: default; + text-transform: uppercase; +} +.breadcrumbs li:not(:last-child)::after { + position: relative; + margin: 0 0.75rem; + opacity: 1; + content: "/"; + color: #cacaca; +} +.breadcrumbs a { + color: #1779ba; +} +.breadcrumbs a:hover { + text-decoration: underline; +} +.breadcrumbs .disabled { + color: #cacaca; + cursor: not-allowed; +} + +.callout { + position: relative; + margin: 0 0 1rem 0; + padding: 1rem; + border: 1px solid rgba(10, 10, 10, 0.25); + border-radius: 0; + background-color: white; + color: #0a0a0a; +} +.callout > :first-child { + margin-top: 0; +} +.callout > :last-child { + margin-bottom: 0; +} +.callout.primary { + background-color: #d7ecfa; + color: #0a0a0a; +} +.callout.secondary { + background-color: #eaeaea; + color: #0a0a0a; +} +.callout.success { + background-color: #e1faea; + color: #0a0a0a; +} +.callout.warning { + background-color: #fff3d9; + color: #0a0a0a; +} +.callout.alert { + background-color: #f7e4e1; + color: #0a0a0a; +} +.callout.small { + padding-top: 0.5rem; + padding-right: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 0.5rem; +} +.callout.large { + padding-top: 3rem; + padding-right: 3rem; + padding-bottom: 3rem; + padding-left: 3rem; +} + +.card { + display: flex; + flex-direction: column; + flex-grow: 1; + margin-bottom: 1rem; + border: 1px solid #e6e6e6; + border-radius: 0; + background: #fefefe; + box-shadow: none; + overflow: hidden; + color: #0a0a0a; +} +.card > :last-child { + margin-bottom: 0; +} + +.card-divider { + display: flex; + flex: 0 1 auto; + padding: 1rem; + background: #e6e6e6; +} +.card-divider > :last-child { + margin-bottom: 0; +} + +.card-section { + flex: 1 0 auto; + padding: 1rem; +} +.card-section > :last-child { + margin-bottom: 0; +} + +.card-image { + min-height: 1px; +} + +.dropdown-pane { + position: absolute; + z-index: 10; + display: none; + width: 300px; + padding: 1rem; + visibility: hidden; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + font-size: 1rem; +} +.dropdown-pane.is-opening { + display: block; +} +.dropdown-pane.is-open { + display: block; + visibility: visible; +} + +.dropdown-pane.tiny { + width: 100px; +} + +.dropdown-pane.small { + width: 200px; +} + +.dropdown-pane.large { + width: 400px; +} + +.pagination { + margin-left: 0; + margin-bottom: 1rem; +} +.pagination::before, .pagination::after { + display: table; + content: " "; + flex-basis: 0; + order: 1; +} +.pagination::after { + clear: both; +} +.pagination li { + margin-right: 0.0625rem; + border-radius: 0; + font-size: 0.875rem; + display: none; +} +.pagination li:last-child, .pagination li:first-child { + display: inline-block; +} +@media print, screen and (min-width: 40em) { + .pagination li { + display: inline-block; + } +} +.pagination a, +.pagination button { + display: block; + padding: 0.1875rem 0.625rem; + border-radius: 0; + color: #0a0a0a; +} +.pagination a:hover, +.pagination button:hover { + background: #e6e6e6; +} +.pagination .current { + padding: 0.1875rem 0.625rem; + background: #1779ba; + color: #fefefe; + cursor: default; +} +.pagination .disabled { + padding: 0.1875rem 0.625rem; + color: #cacaca; + cursor: not-allowed; +} +.pagination .disabled:hover { + background: transparent; +} +.pagination .ellipsis::after { + padding: 0.1875rem 0.625rem; + content: "…"; + color: #0a0a0a; +} + +.pagination-previous a::before, +.pagination-previous.disabled::before { + display: inline-block; + margin-right: 0.5rem; + content: "«"; +} + +.pagination-next a::after, +.pagination-next.disabled::after { + display: inline-block; + margin-left: 0.5rem; + content: "»"; +} + +.has-tip { + position: relative; + display: inline-block; + border-bottom: dotted 1px #8a8a8a; + font-weight: bold; + cursor: help; +} + +.tooltip { + position: absolute; + top: calc(100% + 0.6495rem); + z-index: 1200; + max-width: 10rem; + padding: 0.75rem; + border-radius: 0; + background-color: #0a0a0a; + font-size: 80%; + color: #fefefe; +} +.tooltip::before { + position: absolute; +} +.tooltip.bottom::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.75rem; + content: ""; + border-top-width: 0; + border-color: transparent transparent #0a0a0a; + bottom: 100%; +} +.tooltip.bottom.align-center::before { + left: 50%; + transform: translateX(-50%); +} +.tooltip.top::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.75rem; + content: ""; + border-bottom-width: 0; + border-color: #0a0a0a transparent transparent; + top: 100%; + bottom: auto; +} +.tooltip.top.align-center::before { + left: 50%; + transform: translateX(-50%); +} +.tooltip.left::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.75rem; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #0a0a0a; + left: 100%; +} +.tooltip.left.align-center::before { + bottom: auto; + top: 50%; + transform: translateY(-50%); +} +.tooltip.right::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.75rem; + content: ""; + border-left-width: 0; + border-color: transparent #0a0a0a transparent transparent; + right: 100%; + left: auto; +} +.tooltip.right.align-center::before { + bottom: auto; + top: 50%; + transform: translateY(-50%); +} +.tooltip.align-top::before { + bottom: auto; + top: 10%; +} +.tooltip.align-bottom::before { + bottom: 10%; + top: auto; +} +.tooltip.align-left::before { + left: 10%; + right: auto; +} +.tooltip.align-right::before { + left: auto; + right: 10%; +} + +.accordion { + margin-left: 0; + background: #fefefe; + list-style-type: none; +} +.accordion[disabled] .accordion-title { + cursor: not-allowed; +} + +.accordion-item:first-child > :first-child { + border-radius: 0 0 0 0; +} +.accordion-item:last-child > :last-child { + border-radius: 0 0 0 0; +} + +.accordion-title { + position: relative; + display: block; + padding: 1.25rem 1rem; + border: 1px solid #e6e6e6; + border-bottom: 0; + font-size: 0.75rem; + line-height: 1; + color: #1779ba; +} +:last-child:not(.is-active) > .accordion-title { + border-bottom: 1px solid #e6e6e6; + border-radius: 0 0 0 0; +} +.accordion-title:hover, .accordion-title:focus { + background-color: #e6e6e6; +} +.accordion-title::before { + position: absolute; + top: 50%; + right: 1rem; + margin-top: -0.5rem; + content: "+"; +} +.is-active > .accordion-title::before { + content: "–"; +} + +.accordion-content { + display: none; + padding: 1rem; + border: 1px solid #e6e6e6; + border-bottom: 0; + background-color: #fefefe; + color: #0a0a0a; +} +:last-child > .accordion-content:last-child { + border-bottom: 1px solid #e6e6e6; +} + +.media-object { + display: flex; + margin-bottom: 1rem; + flex-wrap: nowrap; +} +.media-object img { + max-width: none; +} +@media print, screen and (max-width: 39.99875em) { + .media-object.stack-for-small { + flex-wrap: wrap; + } +} + +.media-object-section { + flex: 0 1 auto; +} +.media-object-section:first-child { + padding-right: 1rem; +} +.media-object-section:last-child:not(:nth-child(2)) { + padding-left: 1rem; +} +.media-object-section > :last-child { + margin-bottom: 0; +} +@media print, screen and (max-width: 39.99875em) { + .stack-for-small .media-object-section { + padding: 0; + padding-bottom: 1rem; + flex-basis: 100%; + max-width: 100%; + } + .stack-for-small .media-object-section img { + width: 100%; + } +} +.media-object-section.main-section { + flex: 1 1 0px; +} + +.orbit { + position: relative; +} + +.orbit-container { + position: relative; + height: 0; + margin: 0; + list-style: none; + overflow: hidden; +} + +.orbit-slide { + width: 100%; + position: absolute; +} +.orbit-slide.no-motionui.is-active { + top: 0; + left: 0; +} + +.orbit-figure { + margin: 0; +} + +.orbit-image { + width: 100%; + max-width: 100%; + margin: 0; +} + +.orbit-caption { + position: absolute; + bottom: 0; + width: 100%; + margin-bottom: 0; + padding: 1rem; + background-color: rgba(10, 10, 10, 0.5); + color: #fefefe; +} + +.orbit-next, .orbit-previous { + position: absolute; + top: 50%; + transform: translateY(-50%); + z-index: 10; + padding: 1rem; + color: #fefefe; +} +[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous { + outline: 0; +} +.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus { + background-color: rgba(10, 10, 10, 0.5); +} + +.orbit-previous { + left: 0; +} + +.orbit-next { + left: auto; + right: 0; +} + +.orbit-bullets { + position: relative; + margin-top: 0.8rem; + margin-bottom: 0.8rem; + text-align: center; +} +[data-whatinput=mouse] .orbit-bullets { + outline: 0; +} +.orbit-bullets button { + width: 1.2rem; + height: 1.2rem; + margin: 0.1rem; + border-radius: 50%; + background-color: #cacaca; +} +.orbit-bullets button:hover { + background-color: #8a8a8a; +} +.orbit-bullets button.is-active { + background-color: #8a8a8a; +} + +.responsive-embed, +.flex-video { + position: relative; + height: 0; + margin-bottom: 1rem; + padding-bottom: 75%; + overflow: hidden; +} +.responsive-embed iframe, +.responsive-embed object, +.responsive-embed embed, +.responsive-embed video, +.flex-video iframe, +.flex-video object, +.flex-video embed, +.flex-video video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.responsive-embed.widescreen, +.flex-video.widescreen { + padding-bottom: 56.25%; +} + +.tabs { + margin: 0; + border: 1px solid #e6e6e6; + background: #fefefe; + list-style-type: none; +} +.tabs::before, .tabs::after { + display: table; + content: " "; + flex-basis: 0; + order: 1; +} +.tabs::after { + clear: both; +} + +.tabs.vertical > li { + display: block; + float: none; + width: auto; +} + +.tabs.simple > li > a { + padding: 0; +} +.tabs.simple > li > a:hover { + background: transparent; +} + +.tabs.primary { + background: #1779ba; +} +.tabs.primary > li > a { + color: #fefefe; +} +.tabs.primary > li > a:hover, .tabs.primary > li > a:focus { + background: #1673b1; +} + +.tabs-title { + float: left; +} +.tabs-title > a { + display: block; + padding: 1.25rem 1.5rem; + font-size: 0.75rem; + line-height: 1; + color: #1779ba; +} +[data-whatinput=mouse] .tabs-title > a { + outline: 0; +} +.tabs-title > a:hover { + background: #fefefe; + color: #1468a0; +} +.tabs-title > a:focus, .tabs-title > a[aria-selected=true] { + background: #e6e6e6; + color: #1779ba; +} + +.tabs-content { + border: 1px solid #e6e6e6; + border-top: 0; + background: #fefefe; + color: #0a0a0a; + transition: all 0.5s ease; +} + +.tabs-content.vertical { + border: 1px solid #e6e6e6; + border-left: 0; +} + +.tabs-panel { + display: none; + padding: 1rem; +} +.tabs-panel.is-active { + display: block; +} + +.thumbnail { + display: inline-block; + max-width: 100%; + margin-bottom: 1rem; + border: 4px solid #fefefe; + border-radius: 0; + box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); + line-height: 0; +} + +a.thumbnail { + transition: box-shadow 200ms ease-out; +} +a.thumbnail:hover, a.thumbnail:focus { + box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); +} +a.thumbnail image { + box-shadow: none; +} + +.menu { + padding: 0; + margin: 0; + list-style: none; + position: relative; + display: flex; + flex-wrap: wrap; +} +[data-whatinput=mouse] .menu li { + outline: 0; +} +.menu a, +.menu .button { + line-height: 1; + text-decoration: none; + display: block; + padding: 0.7rem 1rem; +} +.menu input, +.menu select, +.menu a, +.menu button { + margin-bottom: 0; +} +.menu input { + display: inline-block; +} +.menu, .menu.horizontal { + flex-wrap: wrap; + flex-direction: row; +} +.menu.vertical { + flex-wrap: nowrap; + flex-direction: column; +} +.menu.vertical.icon-top li a img, +.menu.vertical.icon-top li a i, +.menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img, +.menu.vertical.icon-bottom li a i, +.menu.vertical.icon-bottom li a svg { + text-align: left; +} +.menu.expanded li { + flex: 1 1 0px; +} +.menu.expanded.icon-top li a img, +.menu.expanded.icon-top li a i, +.menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img, +.menu.expanded.icon-bottom li a i, +.menu.expanded.icon-bottom li a svg { + text-align: left; +} +.menu.simple { + align-items: center; +} +.menu.simple li + li { + margin-left: 1rem; +} +.menu.simple a { + padding: 0; +} +@media print, screen and (min-width: 40em) { + .menu.medium-horizontal { + flex-wrap: wrap; + flex-direction: row; + } + .menu.medium-vertical { + flex-wrap: nowrap; + flex-direction: column; + } + .menu.medium-expanded li { + flex: 1 1 0px; + } + .menu.medium-simple li { + flex: 1 1 0px; + } +} +@media print, screen and (min-width: 64em) { + .menu.large-horizontal { + flex-wrap: wrap; + flex-direction: row; + } + .menu.large-vertical { + flex-wrap: nowrap; + flex-direction: column; + } + .menu.large-expanded li { + flex: 1 1 0px; + } + .menu.large-simple li { + flex: 1 1 0px; + } +} +.menu.nested { + margin-right: 0; + margin-left: 1rem; +} +.menu.icons a { + display: flex; +} +.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { + display: flex; +} +.menu.icon-left li a, .menu.nested.icon-left li a { + flex-flow: row nowrap; +} +.menu.icon-left li a img, +.menu.icon-left li a i, +.menu.icon-left li a svg, .menu.nested.icon-left li a img, +.menu.nested.icon-left li a i, +.menu.nested.icon-left li a svg { + margin-right: 0.25rem; +} +.menu.icon-right li a, .menu.nested.icon-right li a { + flex-flow: row nowrap; +} +.menu.icon-right li a img, +.menu.icon-right li a i, +.menu.icon-right li a svg, .menu.nested.icon-right li a img, +.menu.nested.icon-right li a i, +.menu.nested.icon-right li a svg { + margin-left: 0.25rem; +} +.menu.icon-top li a, .menu.nested.icon-top li a { + flex-flow: column nowrap; +} +.menu.icon-top li a img, +.menu.icon-top li a i, +.menu.icon-top li a svg, .menu.nested.icon-top li a img, +.menu.nested.icon-top li a i, +.menu.nested.icon-top li a svg { + align-self: stretch; + margin-bottom: 0.25rem; + text-align: center; +} +.menu.icon-bottom li a, .menu.nested.icon-bottom li a { + flex-flow: column nowrap; +} +.menu.icon-bottom li a img, +.menu.icon-bottom li a i, +.menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img, +.menu.nested.icon-bottom li a i, +.menu.nested.icon-bottom li a svg { + align-self: stretch; + margin-bottom: 0.25rem; + text-align: center; +} +.menu .is-active > a { + background: #1779ba; + color: #fefefe; +} +.menu .active > a { + background: #1779ba; + color: #fefefe; +} +.menu.align-left { + justify-content: flex-start; +} +.menu.align-right li { + display: flex; + justify-content: flex-end; +} +.menu.align-right li .submenu li { + justify-content: flex-start; +} +.menu.align-right.vertical li { + display: block; + text-align: right; +} +.menu.align-right.vertical li .submenu li { + text-align: right; +} +.menu.align-right.icon-top li a img, +.menu.align-right.icon-top li a i, +.menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img, +.menu.align-right.icon-bottom li a i, +.menu.align-right.icon-bottom li a svg { + text-align: right; +} +.menu.align-right .nested { + margin-right: 1rem; + margin-left: 0; +} +.menu.align-center li { + display: flex; + justify-content: center; +} +.menu.align-center li .submenu li { + justify-content: flex-start; +} +.menu .menu-text { + padding: 0.7rem 1rem; + font-weight: bold; + line-height: 1; + color: inherit; +} + +.menu-centered > .menu { + justify-content: center; +} +.menu-centered > .menu li { + display: flex; + justify-content: center; +} +.menu-centered > .menu li .submenu li { + justify-content: flex-start; +} + +.no-js [data-responsive-menu] ul { + display: none; +} + +.menu-icon { + position: relative; + display: inline-block; + vertical-align: middle; + width: 20px; + height: 16px; + cursor: pointer; +} +.menu-icon::after { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 2px; + background: #fefefe; + box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; + content: ""; +} +.menu-icon:hover::after { + background: #cacaca; + box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; +} + +.menu-icon.dark { + position: relative; + display: inline-block; + vertical-align: middle; + width: 20px; + height: 16px; + cursor: pointer; +} +.menu-icon.dark::after { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 2px; + background: #0a0a0a; + box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; + content: ""; +} +.menu-icon.dark:hover::after { + background: #8a8a8a; + box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; +} + +.accordion-menu li { + width: 100%; +} +.accordion-menu a { + padding: 0.7rem 1rem; +} +.accordion-menu .is-accordion-submenu a { + padding: 0.7rem 1rem; +} +.accordion-menu .nested.is-accordion-submenu { + margin-right: 0; + margin-left: 1rem; +} +.accordion-menu.align-right .nested.is-accordion-submenu { + margin-right: 1rem; + margin-left: 0; +} +.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { + position: relative; +} +.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + position: absolute; + top: 50%; + margin-top: -3px; + right: 1rem; +} +.accordion-menu.align-left .is-accordion-submenu-parent > a::after { + right: 1rem; + left: auto; +} +.accordion-menu.align-right .is-accordion-submenu-parent > a::after { + right: auto; + left: 1rem; +} +.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after { + transform: rotate(180deg); + transform-origin: 50% 50%; +} + +.is-accordion-submenu-parent { + position: relative; +} + +.has-submenu-toggle > a { + margin-right: 40px; +} + +.submenu-toggle { + position: absolute; + top: 0; + right: 0; + width: 40px; + height: 40px; + cursor: pointer; +} +.submenu-toggle::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + top: 0; + bottom: 0; + margin: auto; +} + +.submenu-toggle[aria-expanded=true]::after { + transform: scaleY(-1); + transform-origin: 50% 50%; +} + +.submenu-toggle-text { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; +} + +.is-drilldown { + position: relative; + overflow: hidden; +} +.is-drilldown li { + display: block; +} +.is-drilldown.animate-height { + transition: height 0.5s; +} + +.drilldown a { + padding: 0.7rem 1rem; + background: #fefefe; +} +.drilldown .is-drilldown-submenu { + position: absolute; + top: 0; + left: 100%; + z-index: -1; + width: 100%; + background: #fefefe; + transition: transform 0.15s linear; +} +.drilldown .is-drilldown-submenu.is-active { + z-index: 1; + display: block; + transform: translateX(-100%); +} +.drilldown .is-drilldown-submenu.is-closing { + transform: translateX(100%); +} +.drilldown .is-drilldown-submenu a { + padding: 0.7rem 1rem; +} +.drilldown .nested.is-drilldown-submenu { + margin-right: 0; + margin-left: 0; +} +.drilldown .drilldown-submenu-cover-previous { + min-height: 100%; +} +.drilldown .is-drilldown-submenu-parent > a { + position: relative; +} +.drilldown .is-drilldown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; + position: absolute; + top: 50%; + margin-top: -6px; + right: 1rem; +} +.drilldown.align-left .is-drilldown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; + right: 1rem; + left: auto; +} +.drilldown.align-right .is-drilldown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 1rem; +} +.drilldown .js-drilldown-back > a::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + display: inline-block; + vertical-align: middle; + margin-right: 0.75rem; +} + +.dropdown.menu > li.opens-left > .is-dropdown-submenu { + top: 100%; + right: 0; + left: auto; +} +.dropdown.menu > li.opens-right > .is-dropdown-submenu { + top: 100%; + right: auto; + left: 0; +} +.dropdown.menu > li.is-dropdown-submenu-parent > a { + position: relative; + padding-right: 1.5rem; +} +.dropdown.menu > li.is-dropdown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + right: 5px; + left: auto; + margin-top: -3px; +} +[data-whatinput=mouse] .dropdown.menu a { + outline: 0; +} +.dropdown.menu > li > a { + padding: 0.7rem 1rem; +} +.dropdown.menu > li.is-active > a { + background: transparent; + color: #1779ba; +} +.no-js .dropdown.menu ul { + display: none; +} +.dropdown.menu .nested.is-dropdown-submenu { + margin-right: 0; + margin-left: 0; +} +.dropdown.menu.vertical > li .is-dropdown-submenu { + top: 0; +} +.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { + top: 0; + right: 100%; + left: auto; +} +.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; +} +.dropdown.menu.vertical > li > a::after { + right: 14px; +} +.dropdown.menu.vertical > li.opens-left > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 5px; +} +.dropdown.menu.vertical > li.opens-right > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; +} +@media print, screen and (min-width: 40em) { + .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { + top: 100%; + right: 0; + left: auto; + } + .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { + top: 100%; + right: auto; + left: 0; + } + .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { + position: relative; + padding-right: 1.5rem; + } + .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + right: 5px; + left: auto; + margin-top: -3px; + } + .dropdown.menu.medium-vertical > li .is-dropdown-submenu { + top: 0; + } + .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { + top: 0; + right: 100%; + left: auto; + } + .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; + } + .dropdown.menu.medium-vertical > li > a::after { + right: 14px; + } + .dropdown.menu.medium-vertical > li.opens-left > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 5px; + } + .dropdown.menu.medium-vertical > li.opens-right > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; + } +} +@media print, screen and (min-width: 64em) { + .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { + top: 100%; + right: 0; + left: auto; + } + .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { + top: 100%; + right: auto; + left: 0; + } + .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { + position: relative; + padding-right: 1.5rem; + } + .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + right: 5px; + left: auto; + margin-top: -3px; + } + .dropdown.menu.large-vertical > li .is-dropdown-submenu { + top: 0; + } + .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { + top: 0; + right: 100%; + left: auto; + } + .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; + } + .dropdown.menu.large-vertical > li > a::after { + right: 14px; + } + .dropdown.menu.large-vertical > li.opens-left > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 5px; + } + .dropdown.menu.large-vertical > li.opens-right > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; + } +} +.dropdown.menu.align-right .is-dropdown-submenu.first-sub { + top: 100%; + right: 0; + left: auto; +} + +.is-dropdown-menu.vertical { + width: 100px; +} +.is-dropdown-menu.vertical.align-right { + float: right; +} + +.is-dropdown-submenu-parent { + position: relative; +} +.is-dropdown-submenu-parent a::after { + position: absolute; + top: 50%; + right: 5px; + left: auto; + margin-top: -6px; +} +.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { + top: 100%; + left: auto; +} +.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { + right: 100%; + left: auto; +} +.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; +} + +.is-dropdown-submenu { + position: absolute; + top: 0; + left: 100%; + z-index: 1; + display: none; + min-width: 200px; + border: 1px solid #cacaca; + background: #fefefe; +} +.dropdown .is-dropdown-submenu a { + padding: 0.7rem 1rem; +} +.is-dropdown-submenu .is-dropdown-submenu-parent > a::after { + right: 14px; +} +.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 5px; +} +.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; +} +.is-dropdown-submenu .is-dropdown-submenu { + margin-top: -1px; +} +.is-dropdown-submenu > li { + width: 100%; +} +.is-dropdown-submenu.js-dropdown-active { + display: block; +} + +.is-off-canvas-open { + overflow: hidden; +} + +.js-off-canvas-overlay { + position: absolute; + top: 0; + left: 0; + z-index: 11; + width: 100%; + height: 100%; + transition: opacity 0.5s ease, visibility 0.5s ease; + background: rgba(254, 254, 254, 0.25); + opacity: 0; + visibility: hidden; + overflow: hidden; +} +.js-off-canvas-overlay.is-visible { + opacity: 1; + visibility: visible; +} +.js-off-canvas-overlay.is-closable { + cursor: pointer; +} +.js-off-canvas-overlay.is-overlay-absolute { + position: absolute; +} +.js-off-canvas-overlay.is-overlay-fixed { + position: fixed; +} + +.off-canvas-wrapper { + position: relative; + overflow: hidden; +} + +.off-canvas { + position: fixed; + z-index: 12; + transition: transform 0.5s ease; + backface-visibility: hidden; + background: #e6e6e6; +} +[data-whatinput=mouse] .off-canvas { + outline: 0; +} +.off-canvas.is-transition-push { + z-index: 12; +} +.off-canvas.is-closed { + visibility: hidden; +} +.off-canvas.is-transition-overlap { + z-index: 13; +} +.off-canvas.is-transition-overlap.is-open { + box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); +} +.off-canvas.is-open { + transform: translate(0, 0); +} + +.off-canvas-absolute { + position: absolute; + z-index: 12; + transition: transform 0.5s ease; + backface-visibility: hidden; + background: #e6e6e6; +} +[data-whatinput=mouse] .off-canvas-absolute { + outline: 0; +} +.off-canvas-absolute.is-transition-push { + z-index: 12; +} +.off-canvas-absolute.is-closed { + visibility: hidden; +} +.off-canvas-absolute.is-transition-overlap { + z-index: 13; +} +.off-canvas-absolute.is-transition-overlap.is-open { + box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); +} +.off-canvas-absolute.is-open { + transform: translate(0, 0); +} + +.position-left { + top: 0; + left: 0; + height: 100%; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + width: 250px; + transform: translateX(-250px); +} +.off-canvas-content .off-canvas.position-left { + transform: translateX(-250px); +} +.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { + transform: translate(0, 0); +} + +.off-canvas-content.is-open-left.has-transition-push { + transform: translateX(250px); +} + +.position-left.is-transition-push { + box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); +} + +.position-right { + top: 0; + right: 0; + height: 100%; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + width: 250px; + transform: translateX(250px); +} +.off-canvas-content .off-canvas.position-right { + transform: translateX(250px); +} +.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { + transform: translate(0, 0); +} + +.off-canvas-content.is-open-right.has-transition-push { + transform: translateX(-250px); +} + +.position-right.is-transition-push { + box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); +} + +.position-top { + top: 0; + left: 0; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + height: 250px; + transform: translateY(-250px); +} +.off-canvas-content .off-canvas.position-top { + transform: translateY(-250px); } -.popover.left > .arrow { - top: 50%; - right: -11px; - margin-top: -11px; - border-right-width: 0; - border-left-color: #999999; - border-left-color: rgba(0, 0, 0, 0.25); +.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { + transform: translate(0, 0); } -.popover.left > .arrow:after { - right: 1px; - bottom: -10px; - content: " "; - border-right-width: 0; - border-left-color: #fff; + +.off-canvas-content.is-open-top.has-transition-push { + transform: translateY(250px); } -.popover-title { - padding: 8px 14px; - margin: 0; - font-size: 14px; - background-color: #f7f7f7; - border-bottom: 1px solid #ebebeb; - border-radius: 5px 5px 0 0; +.position-top.is-transition-push { + box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); } -.popover-content { - padding: 9px 14px; +.position-bottom { + bottom: 0; + left: 0; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + height: 250px; + transform: translateY(250px); +} +.off-canvas-content .off-canvas.position-bottom { + transform: translateY(250px); +} +.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { + transform: translate(0, 0); } -.carousel { - position: relative; +.off-canvas-content.is-open-bottom.has-transition-push { + transform: translateY(-250px); } -.carousel-inner { - position: relative; - width: 100%; - overflow: hidden; +.position-bottom.is-transition-push { + box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); } -.carousel-inner > .item { - position: relative; - display: none; - -webkit-transition: 0.6s ease-in-out left; - -o-transition: 0.6s ease-in-out left; - transition: 0.6s ease-in-out left; + +.off-canvas-content { + transform: none; + backface-visibility: hidden; } -.carousel-inner > .item > img, -.carousel-inner > .item > a > img { - display: block; - max-width: 100%; - height: auto; - line-height: 1; +.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push { + transition: transform 0.5s ease; } -@media all and (transform-3d), (-webkit-transform-3d) { - .carousel-inner > .item { - -webkit-transition: -webkit-transform 0.6s ease-in-out; - -moz-transition: -moz-transform 0.6s ease-in-out; - -o-transition: -o-transform 0.6s ease-in-out; - transition: transform 0.6s ease-in-out; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-perspective: 1000px; - -moz-perspective: 1000px; - perspective: 1000px; +.off-canvas-content.has-transition-push { + transform: translate(0, 0); +} +.off-canvas-content .off-canvas.is-open { + transform: translate(0, 0); +} + +@media print, screen and (min-width: 40em) { + .position-left.reveal-for-medium { + transform: none; + z-index: 12; + transition: none; + visibility: visible; } - .carousel-inner > .item.next, .carousel-inner > .item.active.right { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - left: 0; + .position-left.reveal-for-medium .close-button { + display: none; } - .carousel-inner > .item.prev, .carousel-inner > .item.active.left { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - left: 0; + .off-canvas-content .position-left.reveal-for-medium { + transform: none; } - .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - left: 0; + .off-canvas-content.has-reveal-left { + margin-left: 250px; + } + .position-left.reveal-for-medium ~ .off-canvas-content { + margin-left: 250px; + } + .position-right.reveal-for-medium { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-right.reveal-for-medium .close-button { + display: none; + } + .off-canvas-content .position-right.reveal-for-medium { + transform: none; + } + .off-canvas-content.has-reveal-right { + margin-right: 250px; + } + .position-right.reveal-for-medium ~ .off-canvas-content { + margin-right: 250px; + } + .position-top.reveal-for-medium { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-top.reveal-for-medium .close-button { + display: none; + } + .off-canvas-content .position-top.reveal-for-medium { + transform: none; + } + .off-canvas-content.has-reveal-top { + margin-top: 250px; + } + .position-top.reveal-for-medium ~ .off-canvas-content { + margin-top: 250px; + } + .position-bottom.reveal-for-medium { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-bottom.reveal-for-medium .close-button { + display: none; + } + .off-canvas-content .position-bottom.reveal-for-medium { + transform: none; + } + .off-canvas-content.has-reveal-bottom { + margin-bottom: 250px; + } + .position-bottom.reveal-for-medium ~ .off-canvas-content { + margin-bottom: 250px; } } -.carousel-inner > .active, -.carousel-inner > .next, -.carousel-inner > .prev { - display: block; -} -.carousel-inner > .active { - left: 0; -} -.carousel-inner > .next, -.carousel-inner > .prev { - position: absolute; - top: 0; - width: 100%; +@media print, screen and (min-width: 64em) { + .position-left.reveal-for-large { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-left.reveal-for-large .close-button { + display: none; + } + .off-canvas-content .position-left.reveal-for-large { + transform: none; + } + .off-canvas-content.has-reveal-left { + margin-left: 250px; + } + .position-left.reveal-for-large ~ .off-canvas-content { + margin-left: 250px; + } + .position-right.reveal-for-large { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-right.reveal-for-large .close-button { + display: none; + } + .off-canvas-content .position-right.reveal-for-large { + transform: none; + } + .off-canvas-content.has-reveal-right { + margin-right: 250px; + } + .position-right.reveal-for-large ~ .off-canvas-content { + margin-right: 250px; + } + .position-top.reveal-for-large { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-top.reveal-for-large .close-button { + display: none; + } + .off-canvas-content .position-top.reveal-for-large { + transform: none; + } + .off-canvas-content.has-reveal-top { + margin-top: 250px; + } + .position-top.reveal-for-large ~ .off-canvas-content { + margin-top: 250px; + } + .position-bottom.reveal-for-large { + transform: none; + z-index: 12; + transition: none; + visibility: visible; + } + .position-bottom.reveal-for-large .close-button { + display: none; + } + .off-canvas-content .position-bottom.reveal-for-large { + transform: none; + } + .off-canvas-content.has-reveal-bottom { + margin-bottom: 250px; + } + .position-bottom.reveal-for-large ~ .off-canvas-content { + margin-bottom: 250px; + } } -.carousel-inner > .next { - left: 100%; +@media print, screen and (min-width: 40em) { + .off-canvas.in-canvas-for-medium { + visibility: visible; + height: auto; + position: static; + background: none; + width: auto; + overflow: visible; + transition: none; + } + .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { + box-shadow: none; + transform: none; + } + .off-canvas.in-canvas-for-medium .close-button { + display: none; + } } -.carousel-inner > .prev { - left: -100%; +@media print, screen and (min-width: 64em) { + .off-canvas.in-canvas-for-large { + visibility: visible; + height: auto; + position: static; + background: none; + width: auto; + overflow: visible; + transition: none; + } + .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { + box-shadow: none; + transform: none; + } + .off-canvas.in-canvas-for-large .close-button { + display: none; + } } -.carousel-inner > .next.left, -.carousel-inner > .prev.right { - left: 0; +html.is-reveal-open { + position: fixed; + width: 100%; + overflow-y: hidden; } -.carousel-inner > .active.left { - left: -100%; +html.is-reveal-open.zf-has-scroll { + overflow-y: scroll; + -webkit-overflow-scrolling: touch; } -.carousel-inner > .active.right { - left: 100%; +html.is-reveal-open body { + overflow-y: hidden; } -.carousel-control { - position: absolute; +.reveal-overlay { + position: fixed; top: 0; + right: 0; bottom: 0; left: 0; - width: 15%; - font-size: 20px; - color: #fff; - text-align: center; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - background-color: rgba(0, 0, 0, 0); - filter: alpha(opacity=50); - opacity: 0.5; -} -.carousel-control.left { - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1); - background-repeat: repeat-x; + z-index: 1005; + display: none; + background-color: rgba(10, 10, 10, 0.45); + overflow-y: auto; + -webkit-overflow-scrolling: touch; } -.carousel-control.right { - right: 0; - left: auto; - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1); - background-repeat: repeat-x; + +.reveal { + z-index: 1006; + backface-visibility: hidden; + display: none; + padding: 1rem; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + position: relative; + top: 100px; + margin-right: auto; + margin-left: auto; + overflow-y: auto; + -webkit-overflow-scrolling: touch; } -.carousel-control:hover, .carousel-control:focus { - color: #fff; - text-decoration: none; +[data-whatinput=mouse] .reveal { outline: 0; - filter: alpha(opacity=90); - opacity: 0.9; -} -.carousel-control .icon-prev, -.carousel-control .icon-next, -.carousel-control .glyphicon-chevron-left, -.carousel-control .glyphicon-chevron-right { - position: absolute; - top: 50%; - z-index: 5; - display: inline-block; - margin-top: -10px; -} -.carousel-control .icon-prev, -.carousel-control .glyphicon-chevron-left { - left: 50%; - margin-left: -10px; } -.carousel-control .icon-next, -.carousel-control .glyphicon-chevron-right { - right: 50%; - margin-right: -10px; +@media print, screen and (min-width: 40em) { + .reveal { + min-height: 0; + } } -.carousel-control .icon-prev, -.carousel-control .icon-next { - width: 20px; - height: 20px; - font-family: serif; - line-height: 1; +.reveal .column { + min-width: 0; } -.carousel-control .icon-prev:before { - content: "‹"; +.reveal > :last-child { + margin-bottom: 0; } -.carousel-control .icon-next:before { - content: "›"; +@media print, screen and (min-width: 40em) { + .reveal { + width: 600px; + max-width: 75rem; + } } - -.carousel-indicators { - position: absolute; - bottom: 10px; - left: 50%; - z-index: 15; - width: 60%; - padding-left: 0; - margin-left: -30%; - text-align: center; - list-style: none; +.reveal.collapse { + padding: 0; } -.carousel-indicators li { - display: inline-block; - width: 10px; - height: 10px; - margin: 1px; - text-indent: -999px; - cursor: pointer; - background-color: #000 \\9 ; - background-color: rgba(0, 0, 0, 0); - border: 1px solid #fff; - border-radius: 10px; +@media print, screen and (min-width: 40em) { + .reveal.tiny { + width: 30%; + max-width: 75rem; + } } -.carousel-indicators .active { - width: 12px; - height: 12px; - margin: 0; - background-color: #fff; +@media print, screen and (min-width: 40em) { + .reveal.small { + width: 50%; + max-width: 75rem; + } } - -.carousel-caption { - position: absolute; - right: 15%; - bottom: 20px; - left: 15%; - z-index: 10; - padding-top: 20px; - padding-bottom: 20px; - color: #fff; - text-align: center; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +@media print, screen and (min-width: 40em) { + .reveal.large { + width: 90%; + max-width: 75rem; + } } -.carousel-caption .btn { - text-shadow: none; +.reveal.full { + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + max-width: none; + height: 100%; + min-height: 100%; + margin-left: 0; + border: 0; + border-radius: 0; } - -@media screen and (min-width: 768px) { - .carousel-control .glyphicon-chevron-left, - .carousel-control .glyphicon-chevron-right, - .carousel-control .icon-prev, - .carousel-control .icon-next { - width: 30px; - height: 30px; - margin-top: -10px; - font-size: 30px; - } - .carousel-control .glyphicon-chevron-left, - .carousel-control .icon-prev { - margin-left: -10px; - } - .carousel-control .glyphicon-chevron-right, - .carousel-control .icon-next { - margin-right: -10px; - } - .carousel-caption { - right: 20%; - left: 20%; - padding-bottom: 30px; - } - .carousel-indicators { - bottom: 20px; +@media print, screen and (max-width: 39.99875em) { + .reveal { + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + max-width: none; + height: 100%; + min-height: 100%; + margin-left: 0; + border: 0; + border-radius: 0; } } -.clearfix:before, .clearfix:after { - display: table; - content: " "; -} -.clearfix:after { - clear: both; +.reveal.without-overlay { + position: fixed; } -.center-block { - display: block; - margin-right: auto; - margin-left: auto; +.sticky-container { + position: relative; } -.pull-right { - float: right !important; +.sticky { + position: relative; + z-index: 0; + transform: translate3d(0, 0, 0); } -.pull-left { - float: left !important; +.sticky.is-stuck { + position: fixed; + z-index: 5; + width: 100%; } - -.hide { - display: none !important; +.sticky.is-stuck.is-at-top { + top: 0; +} +.sticky.is-stuck.is-at-bottom { + bottom: 0; } -.show { - display: block !important; +.sticky.is-anchored { + position: relative; + right: auto; + left: auto; +} +.sticky.is-anchored.is-at-bottom { + bottom: 0; } -.invisible { - visibility: hidden; +.title-bar { + padding: 0.5rem; + background: #0a0a0a; + color: #fefefe; + display: flex; + justify-content: flex-start; + align-items: center; +} +.title-bar .menu-icon { + margin-left: 0.25rem; + margin-right: 0.25rem; } -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; +.title-bar-left, +.title-bar-right { + flex: 1 1 0px; } -.hidden { - display: none !important; +.title-bar-right { + text-align: right; } -.affix { - position: fixed; +.title-bar-title { + display: inline-block; + vertical-align: middle; + font-weight: bold; } -@-ms-viewport { - width: device-width; +.top-bar { + display: flex; + flex-wrap: nowrap; + justify-content: space-between; + align-items: center; + padding: 0.5rem; + flex-wrap: wrap; } -.visible-xs { - display: none !important; +.top-bar, +.top-bar ul { + background-color: #e6e6e6; } - -.visible-sm { - display: none !important; +.top-bar input { + max-width: 200px; + margin-right: 1rem; } - -.visible-md { - display: none !important; +.top-bar .input-group-field { + width: 100%; + margin-right: 0; } - -.visible-lg { - display: none !important; +.top-bar input.button { + width: auto; } - -.visible-xs-block, -.visible-xs-inline, -.visible-xs-inline-block, -.visible-sm-block, -.visible-sm-inline, -.visible-sm-inline-block, -.visible-md-block, -.visible-md-inline, -.visible-md-inline-block, -.visible-lg-block, -.visible-lg-inline, -.visible-lg-inline-block { - display: none !important; +.top-bar .top-bar-left, +.top-bar .top-bar-right { + flex: 0 0 100%; + max-width: 100%; } - -@media (max-width: 767px) { - .visible-xs { - display: block !important; +@media print, screen and (min-width: 40em) { + .top-bar { + flex-wrap: nowrap; } - table.visible-xs { - display: table !important; + .top-bar .top-bar-left { + flex: 1 1 auto; + margin-right: auto; } - tr.visible-xs { - display: table-row !important; + .top-bar .top-bar-right { + flex: 0 1 auto; + margin-left: auto; } - th.visible-xs, - td.visible-xs { - display: table-cell !important; +} +@media print, screen and (max-width: 63.99875em) { + .top-bar.stacked-for-medium { + flex-wrap: wrap; + } + .top-bar.stacked-for-medium .top-bar-left, + .top-bar.stacked-for-medium .top-bar-right { + flex: 0 0 100%; + max-width: 100%; } } -@media (max-width: 767px) { - .visible-xs-block { - display: block !important; +@media print, screen and (max-width: 74.99875em) { + .top-bar.stacked-for-large { + flex-wrap: wrap; + } + .top-bar.stacked-for-large .top-bar-left, + .top-bar.stacked-for-large .top-bar-right { + flex: 0 0 100%; + max-width: 100%; } } -@media (max-width: 767px) { - .visible-xs-inline { - display: inline !important; - } +.top-bar-title { + flex: 0 0 auto; + margin: 0.5rem 1rem 0.5rem 0; } -@media (max-width: 767px) { - .visible-xs-inline-block { - display: inline-block !important; - } +.top-bar-left, +.top-bar-right { + flex: 0 0 auto; } -@media (min-width: 768px) and (max-width: 991px) { - .visible-sm { - display: block !important; - } - table.visible-sm { - display: table !important; - } - tr.visible-sm { - display: table-row !important; - } - th.visible-sm, - td.visible-sm { - display: table-cell !important; - } +.float-left { + float: left !important; } -@media (min-width: 768px) and (max-width: 991px) { - .visible-sm-block { - display: block !important; - } + +.float-right { + float: right !important; } -@media (min-width: 768px) and (max-width: 991px) { - .visible-sm-inline { - display: inline !important; - } +.float-center { + display: block; + margin-right: auto; + margin-left: auto; } -@media (min-width: 768px) and (max-width: 991px) { - .visible-sm-inline-block { - display: inline-block !important; - } +.clearfix::before, .clearfix::after { + display: table; + content: " "; + flex-basis: 0; + order: 1; +} +.clearfix::after { + clear: both; } -@media (min-width: 992px) and (max-width: 1199px) { - .visible-md { - display: block !important; - } - table.visible-md { - display: table !important; - } - tr.visible-md { - display: table-row !important; - } - th.visible-md, - td.visible-md { - display: table-cell !important; - } +.hide { + display: none !important; } -@media (min-width: 992px) and (max-width: 1199px) { - .visible-md-block { - display: block !important; - } + +.invisible { + visibility: hidden; } -@media (min-width: 992px) and (max-width: 1199px) { - .visible-md-inline { - display: inline !important; - } +.visible { + visibility: visible; } -@media (min-width: 992px) and (max-width: 1199px) { - .visible-md-inline-block { - display: inline-block !important; +@media print, screen and (max-width: 39.99875em) { + .hide-for-small-only { + display: none !important; } } -@media (min-width: 1200px) { - .visible-lg { - display: block !important; - } - table.visible-lg { - display: table !important; - } - tr.visible-lg { - display: table-row !important; +@media screen and (max-width: 0em), screen and (min-width: 40em) { + .show-for-small-only { + display: none !important; } - th.visible-lg, - td.visible-lg { - display: table-cell !important; +} + +@media print, screen and (min-width: 40em) { + .hide-for-medium { + display: none !important; } } -@media (min-width: 1200px) { - .visible-lg-block { - display: block !important; + +@media screen and (max-width: 39.99875em) { + .show-for-medium { + display: none !important; } } -@media (min-width: 1200px) { - .visible-lg-inline { - display: inline !important; +@media print, screen and (min-width: 40em) and (max-width: 63.99875em) { + .hide-for-medium-only { + display: none !important; } } -@media (min-width: 1200px) { - .visible-lg-inline-block { - display: inline-block !important; +@media screen and (max-width: 39.99875em), screen and (min-width: 64em) { + .show-for-medium-only { + display: none !important; } } -@media (max-width: 767px) { - .hidden-xs { +@media print, screen and (min-width: 64em) { + .hide-for-large { display: none !important; } } -@media (min-width: 768px) and (max-width: 991px) { - .hidden-sm { + +@media screen and (max-width: 63.99875em) { + .show-for-large { display: none !important; } } -@media (min-width: 992px) and (max-width: 1199px) { - .hidden-md { + +@media print, screen and (min-width: 64em) and (max-width: 74.99875em) { + .hide-for-large-only { display: none !important; } } -@media (min-width: 1200px) { - .hidden-lg { + +@media screen and (max-width: 63.99875em), screen and (min-width: 75em) { + .show-for-large-only { display: none !important; } } -.visible-print { - display: none !important; + +.show-for-sr, +.show-on-focus { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; } -@media print { - .visible-print { +.show-on-focus:active, .show-on-focus:focus { + position: static !important; + width: auto !important; + height: auto !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; +} + +.show-for-landscape, +.hide-for-portrait { + display: block !important; +} +@media screen and (orientation: landscape) { + .show-for-landscape, + .hide-for-portrait { display: block !important; } - table.visible-print { - display: table !important; - } - tr.visible-print { - display: table-row !important; - } - th.visible-print, - td.visible-print { - display: table-cell !important; +} +@media screen and (orientation: portrait) { + .show-for-landscape, + .hide-for-portrait { + display: none !important; } } -.visible-print-block { + +.hide-for-landscape, +.show-for-portrait { display: none !important; } -@media print { - .visible-print-block { +@media screen and (orientation: landscape) { + .hide-for-landscape, + .show-for-portrait { + display: none !important; + } +} +@media screen and (orientation: portrait) { + .hide-for-landscape, + .show-for-portrait { display: block !important; } } -.visible-print-inline { - display: none !important; -} -@media print { - .visible-print-inline { - display: inline !important; - } +.show-for-dark-mode { + display: none; } -.visible-print-inline-block { - display: none !important; +.hide-for-dark-mode { + display: block; } -@media print { - .visible-print-inline-block { - display: inline-block !important; + +@media screen and (prefers-color-scheme: dark) { + .show-for-dark-mode { + display: block !important; } + .hide-for-dark-mode { + display: none !important; + } +} +.show-for-ie { + display: none; } -@media print { - .hidden-print { +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .show-for-ie { + display: block !important; + } + .hide-for-ie { display: none !important; } +} +.show-for-sticky { + display: none; +} + +.is-stuck .show-for-sticky { + display: block; +} + +.is-stuck .hide-for-sticky { + display: none; }" `; -exports[`loader should work with the "bootstrap-sass" package, import as a package ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'modern' API, 'scss' syntax): errors 1`] = `[]`; -exports[`loader should work with the "bootstrap-sass" package, import as a package ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; /** * Foundation for Sites @@ -424221,11 +454663,11 @@ html.is-reveal-open body { }" `; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; /** * Foundation for Sites @@ -430321,11 +460763,11 @@ html.is-reveal-open body { }" `; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'modern' API, 'sass' syntax): css 1`] = ` +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; /** * Foundation for Sites @@ -436421,11 +466863,11 @@ html.is-reveal-open body { }" `; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'modern' API, 'scss' syntax): css 1`] = ` +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; /** * Foundation for Sites @@ -442521,11 +472963,11 @@ html.is-reveal-open body { }" `; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'modern' API, 'scss' syntax): errors 1`] = `[]`; +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; /** * Foundation for Sites @@ -448621,11 +479063,11 @@ html.is-reveal-open body { }" `; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; /** * Foundation for Sites @@ -454721,11 +485163,11 @@ html.is-reveal-open body { }" `; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; /** * Foundation for Sites @@ -460821,11 +491263,11 @@ html.is-reveal-open body { }" `; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = ` +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; /** * Foundation for Sites @@ -466921,9 +497363,9 @@ html.is-reveal-open body { }" `; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; -exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work with the "foundation-sites" package, adjusting CSS output ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; exports[`loader should work with the "foundation-sites" package, import as a package ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "/** @@ -466977,6 +497419,32 @@ exports[`loader should work with the "foundation-sites" package, import as a pac exports[`loader should work with the "foundation-sites" package, import as a package ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work with the "foundation-sites" package, import as a package ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"/** + * Foundation for Sites + * Version 6.8.1 + * https://get.foundation + * Licensed under MIT Open Source + */" +`; + +exports[`loader should work with the "foundation-sites" package, import as a package ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work with the "foundation-sites" package, import as a package ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work with the "foundation-sites" package, import as a package ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"/** + * Foundation for Sites + * Version 6.8.1 + * https://get.foundation + * Licensed under MIT Open Source + */" +`; + +exports[`loader should work with the "foundation-sites" package, import as a package ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work with the "foundation-sites" package, import as a package ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should work with the "foundation-sites" package, import as a package ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` "/** * Foundation for Sites @@ -467029,6 +497497,32 @@ exports[`loader should work with the "foundation-sites" package, import as a pac exports[`loader should work with the "foundation-sites" package, import as a package ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should work with the "foundation-sites" package, import as a package ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"/** + * Foundation for Sites + * Version 6.8.1 + * https://get.foundation + * Licensed under MIT Open Source + */" +`; + +exports[`loader should work with the "foundation-sites" package, import as a package ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should work with the "foundation-sites" package, import as a package ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should work with the "foundation-sites" package, import as a package ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"/** + * Foundation for Sites + * Version 6.8.1 + * https://get.foundation + * Licensed under MIT Open Source + */" +`; + +exports[`loader should work with the "foundation-sites" package, import as a package ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should work with the "foundation-sites" package, import as a package ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should work with the "material-components-web" package ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` ".test .mdc-touch-target-wrapper { display: inline; diff --git a/test/__snapshots__/sassOptions-option.test.js.snap b/test/__snapshots__/sassOptions-option.test.js.snap index 01221eae..4c68d943 100644 --- a/test/__snapshots__/sassOptions-option.test.js.snap +++ b/test/__snapshots__/sassOptions-option.test.js.snap @@ -204,6 +204,108 @@ exports[`sassOptions option should ignore the "data" option ('dart-sass', 'moder exports[`sassOptions option should ignore the "data" option ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should ignore the "data" option ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should ignore the "data" option ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should ignore the "data" option ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should ignore the "data" option ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should ignore the "data" option ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should ignore the "data" option ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`sassOptions option should ignore the "data" option ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import url(./file.css); @@ -498,6 +600,108 @@ exports[`sassOptions option should ignore the "data" option ('sass-embedded', 'm exports[`sassOptions option should ignore the "data" option ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should ignore the "data" option ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should ignore the "data" option ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should ignore the "data" option ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should ignore the "data" option ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should ignore the "data" option ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should ignore the "data" option ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`sassOptions option should ignore the "file" option ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; @@ -894,7 +1098,7 @@ exports[`sassOptions option should ignore the "url" option ('dart-sass', 'modern exports[`sassOptions option should ignore the "url" option ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should ignore the "url" option ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` +exports[`sassOptions option should ignore the "url" option ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -950,11 +1154,11 @@ nav a { }" `; -exports[`sassOptions option should ignore the "url" option ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sassOptions option should ignore the "url" option ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sassOptions option should ignore the "url" option ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should ignore the "url" option ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should ignore the "url" option ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should ignore the "url" option ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -992,11 +1196,11 @@ nav a { }" `; -exports[`sassOptions option should ignore the "url" option ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should ignore the "url" option ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should ignore the "url" option ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should ignore the "url" option ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`sassOptions option should ignore the "url" option ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -1052,11 +1256,11 @@ nav a { }" `; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sassOptions option should ignore the "url" option ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should ignore the "url" option ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should ignore the "url" option ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -1094,11 +1298,11 @@ nav a { }" `; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should ignore the "url" option ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should ignore the "url" option ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'modern' API, 'sass' syntax): css 1`] = ` +exports[`sassOptions option should ignore the "url" option ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -1154,11 +1358,11 @@ nav a { }" `; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sassOptions option should ignore the "url" option ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should ignore the "url" option ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'modern' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should ignore the "url" option ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -1196,13 +1400,13 @@ nav a { }" `; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'modern' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should ignore the "url" option ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should ignore the "url" option ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; -@import url(./file.css); +@import "./file.css"; body { font: 100% Helvetica, sans-serif; color: #333; @@ -1213,11 +1417,9 @@ nav ul { padding: 0; list-style: none; } - nav li { display: inline-block; } - nav a { display: block; padding: 6px 12px; @@ -1231,7 +1433,7 @@ nav a { border-radius: 10px; } -.message, .success, .error, .warning { +.message, .warning, .error, .success { border: 1px solid #ccc; padding: 10px; color: #333; @@ -1250,22 +1452,21 @@ nav a { } .foo:before { - content: ""; + content: "\\e0c6"; } .bar:before { content: "∑"; -} -" +}" `; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('node-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; -@import url(./file.css); +@import "./file.css"; body { font: 100% Helvetica, sans-serif; color: #333; @@ -1276,11 +1477,9 @@ nav ul { padding: 0; list-style: none; } - nav li { display: inline-block; } - nav a { display: block; padding: 6px 12px; @@ -1295,20 +1494,19 @@ nav a { } .foo:before { - content: ""; + content: "\\e0c6"; } .bar:before { content: "∑"; -} -" +}" `; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('node-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('node-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'modern' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -1364,11 +1562,11 @@ nav a { }" `; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'modern' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -1406,11 +1604,11 @@ nav a { }" `; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'modern' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` +exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -1466,11 +1664,11 @@ nav a { }" `; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -1508,79 +1706,13 @@ nav a { }" `; -exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; - -exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.message,.warning,.error,.success{border:1px solid #ccc;padding:10px;color:#333}.success{border-color:green}.error{border-color:red}.warning{border-color:#ff0}.foo:before{content:""}.bar:before{content:"∑"}"`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.foo:before{content:""}.bar:before{content:"∑"}"`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'modern' API, 'sass' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.message,.warning,.error,.success{border:1px solid #ccc;padding:10px;color:#333}.success{border-color:green}.error{border-color:red}.warning{border-color:#ff0}.foo:before{content:""}.bar:before{content:"∑"}"`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'modern' API, 'scss' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.foo:before{content:""}.bar:before{content:"∑"}"`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'modern' API, 'scss' syntax): errors 1`] = `[]`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` -"@import url(./file.css);body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.message,.success,.error,.warning{border:1px solid #ccc;padding:10px;color:#333}.success{border-color:green}.error{border-color:red}.warning{border-color:yellow}.foo:before{content:""}.bar:before{content:"∑"} -" -`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('node-sass', 'legacy' API, 'scss' syntax): css 1`] = ` -"@import url(./file.css);body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.foo:before{content:""}.bar:before{content:"∑"} -" -`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('node-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('node-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.message,.warning,.error,.success{border:1px solid #ccc;padding:10px;color:#333}.success{border-color:green}.error{border-color:red}.warning{border-color:#ff0}.foo:before{content:""}.bar:before{content:"∑"}"`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.foo:before{content:""}.bar:before{content:"∑"}"`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.message,.warning,.error,.success{border:1px solid #ccc;padding:10px;color:#333}.success{border-color:green}.error{border-color:red}.warning{border-color:#ff0}.foo:before{content:""}.bar:before{content:"∑"}"`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.foo:before{content:""}.bar:before{content:"∑"}"`; - -exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`sassOptions option should respect the "outputStyle"/"style" option ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; -@import "./file.css"; +@import url(./file.css); body { font: 100% Helvetica, sans-serif; color: #333; @@ -1591,9 +1723,11 @@ nav ul { padding: 0; list-style: none; } + nav li { display: inline-block; } + nav a { display: block; padding: 6px 12px; @@ -1607,7 +1741,7 @@ nav a { border-radius: 10px; } -.message, .warning, .error, .success { +.message, .success, .error, .warning { border: 1px solid #ccc; padding: 10px; color: #333; @@ -1626,21 +1760,22 @@ nav a { } .foo:before { - content: "\\e0c6"; + content: ""; } .bar:before { content: "∑"; -}" +} +" `; -exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should respect the "outputStyle"/"style" option ('node-sass', 'legacy' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; -@import "./file.css"; +@import url(./file.css); body { font: 100% Helvetica, sans-serif; color: #333; @@ -1651,9 +1786,11 @@ nav ul { padding: 0; list-style: none; } + nav li { display: inline-block; } + nav a { display: block; padding: 6px 12px; @@ -1668,19 +1805,20 @@ nav a { } .foo:before { - content: "\\e0c6"; + content: ""; } .bar:before { content: "∑"; -}" +} +" `; -exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('node-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('node-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'modern' API, 'sass' syntax): css 1`] = ` +exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -1736,11 +1874,11 @@ nav a { }" `; -exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'modern' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -1778,101 +1916,11 @@ nav a { }" `; -exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'modern' API, 'scss' syntax): errors 1`] = `[]`; - -exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; - -exports[`sassOptions option should work when the option is empty "Object" ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` -"@charset "UTF-8"; -@import url(./file.css); -body { - font: 100% Helvetica, sans-serif; - color: #333; } - -nav ul { - margin: 0; - padding: 0; - list-style: none; } - -nav li { - display: inline-block; } - -nav a { - display: block; - padding: 6px 12px; - text-decoration: none; } - -.box { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - border-radius: 10px; } - -.message, .success, .error, .warning { - border: 1px solid #ccc; - padding: 10px; - color: #333; } - -.success { - border-color: green; } - -.error { - border-color: red; } - -.warning { - border-color: yellow; } - -.foo:before { - content: ""; } - -.bar:before { - content: "∑"; } -" -`; - -exports[`sassOptions option should work when the option is empty "Object" ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; - -exports[`sassOptions option should work when the option is empty "Object" ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; - -exports[`sassOptions option should work when the option is empty "Object" ('node-sass', 'legacy' API, 'scss' syntax): css 1`] = ` -"@charset "UTF-8"; -@import url(./file.css); -body { - font: 100% Helvetica, sans-serif; - color: #333; } - -nav ul { - margin: 0; - padding: 0; - list-style: none; } - -nav li { - display: inline-block; } - -nav a { - display: block; - padding: 6px 12px; - text-decoration: none; } - -.box { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - border-radius: 10px; } - -.foo:before { - content: ""; } - -.bar:before { - content: "∑"; } -" -`; - -exports[`sassOptions option should work when the option is empty "Object" ('node-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option is empty "Object" ('node-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -1928,11 +1976,11 @@ nav a { }" `; -exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -1970,11 +2018,11 @@ nav a { }" `; -exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` +exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -2030,11 +2078,11 @@ nav a { }" `; -exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -2072,113 +2120,1301 @@ nav a { }" `; -exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should respect the "outputStyle"/"style" option ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` -"@charset "UTF-8"; -@import "./file.css"; -body { - font: 100% Helvetica, sans-serif; - color: #333; -} +exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.message,.warning,.error,.success{border:1px solid #ccc;padding:10px;color:#333}.success{border-color:green}.error{border-color:red}.warning{border-color:#ff0}.foo:before{content:""}.bar:before{content:"∑"}"`; -nav ul { - margin: 0; - padding: 0; - list-style: none; -} -nav li { - display: inline-block; -} -nav a { - display: block; - padding: 6px 12px; - text-decoration: none; -} +exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; -.box { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - border-radius: 10px; -} +exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.foo:before{content:""}.bar:before{content:"∑"}"`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'modern' API, 'sass' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.message,.warning,.error,.success{border:1px solid #ccc;padding:10px;color:#333}.success{border-color:green}.error{border-color:red}.warning{border-color:#ff0}.foo:before{content:""}.bar:before{content:"∑"}"`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'modern' API, 'scss' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.foo:before{content:""}.bar:before{content:"∑"}"`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'modern' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.message,.warning,.error,.success{border:1px solid #ccc;padding:10px;color:#333}.success{border-color:green}.error{border-color:red}.warning{border-color:#ff0}.foo:before{content:""}.bar:before{content:"∑"}"`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.foo:before{content:""}.bar:before{content:"∑"}"`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"@import url(./file.css);body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.message,.success,.error,.warning{border:1px solid #ccc;padding:10px;color:#333}.success{border-color:green}.error{border-color:red}.warning{border-color:yellow}.foo:before{content:""}.bar:before{content:"∑"} +" +`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('node-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +"@import url(./file.css);body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.foo:before{content:""}.bar:before{content:"∑"} +" +`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('node-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('node-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.message,.warning,.error,.success{border:1px solid #ccc;padding:10px;color:#333}.success{border-color:green}.error{border-color:red}.warning{border-color:#ff0}.foo:before{content:""}.bar:before{content:"∑"}"`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.foo:before{content:""}.bar:before{content:"∑"}"`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.message,.warning,.error,.success{border:1px solid #ccc;padding:10px;color:#333}.success{border-color:green}.error{border-color:red}.warning{border-color:#ff0}.foo:before{content:""}.bar:before{content:"∑"}"`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.foo:before{content:""}.bar:before{content:"∑"}"`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.message,.warning,.error,.success{border:1px solid #ccc;padding:10px;color:#333}.success{border-color:green}.error{border-color:red}.warning{border-color:#ff0}.foo:before{content:""}.bar:before{content:"∑"}"`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = `"@import"./file.css";body{font:100% Helvetica,sans-serif;color:#333}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block}nav a{display:block;padding:6px 12px;text-decoration:none}.box{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.foo:before{content:""}.bar:before{content:"∑"}"`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should use "compressed" output style in the "production" mode ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'modern' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'modern' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'modern' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import url(./file.css); +body { + font: 100% Helvetica, sans-serif; + color: #333; } + +nav ul { + margin: 0; + padding: 0; + list-style: none; } + +nav li { + display: inline-block; } + +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; } + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; } + +.message, .success, .error, .warning { + border: 1px solid #ccc; + padding: 10px; + color: #333; } + +.success { + border-color: green; } + +.error { + border-color: red; } + +.warning { + border-color: yellow; } + +.foo:before { + content: ""; } + +.bar:before { + content: "∑"; } +" +`; + +exports[`sassOptions option should work when the option is empty "Object" ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('node-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import url(./file.css); +body { + font: 100% Helvetica, sans-serif; + color: #333; } + +nav ul { + margin: 0; + padding: 0; + list-style: none; } + +nav li { + display: inline-block; } + +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; } + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; } + +.foo:before { + content: ""; } + +.bar:before { + content: "∑"; } +" +`; + +exports[`sassOptions option should work when the option is empty "Object" ('node-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('node-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option is empty "Object" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'modern' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'modern' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'modern' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} .message, .warning, .error, .success { - border: 1px solid #ccc; - padding: 10px; - color: #333; + border: 1px solid #ccc; + padding: 10px; + color: #333; } .success { - border-color: green; + border-color: green; } .error { - border-color: red; + border-color: red; } .warning { - border-color: yellow; + border-color: yellow; } .foo:before { - content: "\\e0c6"; + content: "\\e0c6"; } .bar:before { - content: "∑"; + content: "∑"; }" `; -exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { - font: 100% Helvetica, sans-serif; - color: #333; + font: 100% Helvetica, sans-serif; + color: #333; } nav ul { - margin: 0; - padding: 0; - list-style: none; + margin: 0; + padding: 0; + list-style: none; } nav li { - display: inline-block; + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; } + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import url(./file.css); +body { + font: 100% Helvetica, sans-serif; + color: #333; } + +nav ul { + margin: 0; + padding: 0; + list-style: none; } + +nav li { + display: inline-block; } + nav a { display: block; padding: 6px 12px; - text-decoration: none; + text-decoration: none; } + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; } + +.message, .success, .error, .warning { + border: 1px solid #ccc; + padding: 10px; + color: #333; } + +.success { + border-color: green; } + +.error { + border-color: red; } + +.warning { + border-color: yellow; } + +.foo:before { + content: ""; } + +.bar:before { + content: "∑"; } +" +`; + +exports[`sassOptions option should work when the option like "Function" ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" ('node-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import url(./file.css); +body { + font: 100% Helvetica, sans-serif; + color: #333; } + +nav ul { + margin: 0; + padding: 0; + list-style: none; } + +nav li { + display: inline-block; } + +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; } + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; } + +.foo:before { + content: ""; } + +.bar:before { + content: "∑"; } +" +`; + +exports[`sassOptions option should work when the option like "Function" ('node-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" ('node-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; } .box { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - border-radius: 10px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; } .foo:before { - content: "\\e0c6"; + content: "\\e0c6"; } .bar:before { - content: "∑"; + content: "∑"; }" `; -exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'modern' API, 'sass' syntax): css 1`] = ` +exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -2234,11 +3470,11 @@ nav a { }" `; -exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'modern' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -2276,101 +3512,11 @@ nav a { }" `; -exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'modern' API, 'scss' syntax): errors 1`] = `[]`; - -exports[`sassOptions option should work when the option like "Function" ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; - -exports[`sassOptions option should work when the option like "Function" ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` -"@charset "UTF-8"; -@import url(./file.css); -body { - font: 100% Helvetica, sans-serif; - color: #333; } - -nav ul { - margin: 0; - padding: 0; - list-style: none; } - -nav li { - display: inline-block; } - -nav a { - display: block; - padding: 6px 12px; - text-decoration: none; } - -.box { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - border-radius: 10px; } - -.message, .success, .error, .warning { - border: 1px solid #ccc; - padding: 10px; - color: #333; } - -.success { - border-color: green; } - -.error { - border-color: red; } - -.warning { - border-color: yellow; } - -.foo:before { - content: ""; } - -.bar:before { - content: "∑"; } -" -`; - -exports[`sassOptions option should work when the option like "Function" ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; - -exports[`sassOptions option should work when the option like "Function" ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; - -exports[`sassOptions option should work when the option like "Function" ('node-sass', 'legacy' API, 'scss' syntax): css 1`] = ` -"@charset "UTF-8"; -@import url(./file.css); -body { - font: 100% Helvetica, sans-serif; - color: #333; } - -nav ul { - margin: 0; - padding: 0; - list-style: none; } - -nav li { - display: inline-block; } - -nav a { - display: block; - padding: 6px 12px; - text-decoration: none; } - -.box { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - border-radius: 10px; } - -.foo:before { - content: ""; } - -.bar:before { - content: "∑"; } -" -`; - -exports[`sassOptions option should work when the option like "Function" ('node-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" ('node-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -2426,11 +3572,11 @@ nav a { }" `; -exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -2468,11 +3614,11 @@ nav a { }" `; -exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` +exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -2528,11 +3674,11 @@ nav a { }" `; -exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -2570,11 +3716,11 @@ nav a { }" `; -exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'modern' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -2630,11 +3776,11 @@ nav a { }" `; -exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'modern' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -2672,11 +3818,11 @@ nav a { }" `; -exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'modern' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'modern' API, 'sass' syntax): css 1`] = ` +exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -2732,11 +3878,11 @@ nav a { }" `; -exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'modern' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -2774,9 +3920,9 @@ nav a { }" `; -exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'modern' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; exports[`sassOptions option should work when the option like "Function" and never return ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @@ -2822,53 +3968,155 @@ nav a { content: ""; } .bar:before { - content: "∑"; } -" + content: "∑"; } +" +`; + +exports[`sassOptions option should work when the option like "Function" and never return ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" and never return ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" and never return ('node-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import url(./file.css); +body { + font: 100% Helvetica, sans-serif; + color: #333; } + +nav ul { + margin: 0; + padding: 0; + list-style: none; } + +nav li { + display: inline-block; } + +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; } + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; } + +.foo:before { + content: ""; } + +.bar:before { + content: "∑"; } +" +`; + +exports[`sassOptions option should work when the option like "Function" and never return ('node-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" and never return ('node-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" `; -exports[`sassOptions option should work when the option like "Function" and never return ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" and never return ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" and never return ('node-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; -@import url(./file.css); +@import "./file.css"; body { font: 100% Helvetica, sans-serif; - color: #333; } + color: #333; +} nav ul { margin: 0; padding: 0; - list-style: none; } - + list-style: none; +} nav li { - display: inline-block; } - + display: inline-block; +} nav a { display: block; padding: 6px 12px; - text-decoration: none; } + text-decoration: none; +} .box { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; - border-radius: 10px; } + border-radius: 10px; +} .foo:before { - content: ""; } + content: "\\e0c6"; +} .bar:before { - content: "∑"; } -" + content: "∑"; +}" `; -exports[`sassOptions option should work when the option like "Function" and never return ('node-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" and never return ('node-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -2924,11 +4172,11 @@ nav a { }" `; -exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -2966,11 +4214,11 @@ nav a { }" `; -exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` +exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -3026,11 +4274,11 @@ nav a { }" `; -exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -3068,9 +4316,9 @@ nav a { }" `; -exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Function" and never return ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; exports[`sassOptions option should work when the option like "Object" ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @@ -3276,6 +4524,108 @@ exports[`sassOptions option should work when the option like "Object" ('dart-sas exports[`sassOptions option should work when the option like "Object" ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Object" ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option like "Object" ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Object" ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Object" ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option like "Object" ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Object" ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`sassOptions option should work when the option like "Object" ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import url(./file.css); @@ -3426,7 +4776,109 @@ exports[`sassOptions option should work when the option like "Object" ('sass-emb exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -3464,11 +4916,11 @@ nav a { }" `; -exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` +exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -3524,11 +4976,11 @@ nav a { }" `; -exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = ` +exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -3566,9 +5018,9 @@ nav a { }" `; -exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work when the option like "Object" ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; exports[`sassOptions option should work with custom scheme import ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; @@ -3578,6 +5030,14 @@ exports[`sassOptions option should work with custom scheme import ('dart-sass', exports[`sassOptions option should work with custom scheme import ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work with custom scheme import ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work with custom scheme import ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work with custom scheme import ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work with custom scheme import ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`sassOptions option should work with custom scheme import ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; exports[`sassOptions option should work with custom scheme import ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; @@ -3586,6 +5046,14 @@ exports[`sassOptions option should work with custom scheme import ('sass-embedde exports[`sassOptions option should work with custom scheme import ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work with custom scheme import ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work with custom scheme import ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work with custom scheme import ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work with custom scheme import ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`sassOptions option should work with the "functions" option ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "h2, h3, h4, h5 { color: #08c; @@ -3888,6 +5356,34 @@ exports[`sassOptions option should work with the "includePaths"/"loadPaths" opti exports[`sassOptions option should work with the "includePaths"/"loadPaths" option ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work with the "includePaths"/"loadPaths" option ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +".include-path-module { + background: hotpink; +} + +._underscore-include-path-module { + background: hotpink; +}" +`; + +exports[`sassOptions option should work with the "includePaths"/"loadPaths" option ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work with the "includePaths"/"loadPaths" option ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work with the "includePaths"/"loadPaths" option ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +".include-path-module { + background: hotpink; +} + +._underscore-include-path-module { + background: hotpink; +}" +`; + +exports[`sassOptions option should work with the "includePaths"/"loadPaths" option ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work with the "includePaths"/"loadPaths" option ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`sassOptions option should work with the "includePaths"/"loadPaths" option ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` ".include-path-module { background: hotpink; } @@ -3970,6 +5466,34 @@ exports[`sassOptions option should work with the "includePaths"/"loadPaths" opti exports[`sassOptions option should work with the "includePaths"/"loadPaths" option ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work with the "includePaths"/"loadPaths" option ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +".include-path-module { + background: hotpink; +} + +._underscore-include-path-module { + background: hotpink; +}" +`; + +exports[`sassOptions option should work with the "includePaths"/"loadPaths" option ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work with the "includePaths"/"loadPaths" option ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work with the "includePaths"/"loadPaths" option ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +".include-path-module { + background: hotpink; +} + +._underscore-include-path-module { + background: hotpink; +}" +`; + +exports[`sassOptions option should work with the "includePaths"/"loadPaths" option ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work with the "includePaths"/"loadPaths" option ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`sassOptions option should work with the "indentType" option ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; @@ -4762,6 +6286,108 @@ exports[`sassOptions option should work with the "indentedSyntax"/"syntax" optio exports[`sassOptions option should work with the "indentedSyntax"/"syntax" option ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work with the "indentedSyntax"/"syntax" option ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work with the "indentedSyntax"/"syntax" option ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work with the "indentedSyntax"/"syntax" option ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work with the "indentedSyntax"/"syntax" option ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work with the "indentedSyntax"/"syntax" option ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work with the "indentedSyntax"/"syntax" option ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`sassOptions option should work with the "indentedSyntax"/"syntax" option ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import url(./file.css); @@ -5056,6 +6682,108 @@ exports[`sassOptions option should work with the "indentedSyntax"/"syntax" optio exports[`sassOptions option should work with the "indentedSyntax"/"syntax" option ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sassOptions option should work with the "indentedSyntax"/"syntax" option ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work with the "indentedSyntax"/"syntax" option ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work with the "indentedSyntax"/"syntax" option ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sassOptions option should work with the "indentedSyntax"/"syntax" option ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sassOptions option should work with the "indentedSyntax"/"syntax" option ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sassOptions option should work with the "indentedSyntax"/"syntax" option ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`sassOptions option should work with the "linefeed" option ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; diff --git a/test/__snapshots__/sourceMap-options.test.js.snap b/test/__snapshots__/sourceMap-options.test.js.snap index 978f5120..1033bc53 100644 --- a/test/__snapshots__/sourceMap-options.test.js.snap +++ b/test/__snapshots__/sourceMap-options.test.js.snap @@ -375,6 +375,134 @@ exports[`sourceMap option should generate source maps when value has "false" val exports[`sourceMap option should generate source maps when value has "false" value, but the "sassOptions.sourceMap" has the "true" value ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should generate source maps when value has "false" value, but the "sassOptions.sourceMap" has the "true" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should generate source maps when value has "false" value, but the "sassOptions.sourceMap" has the "true" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value has "false" value, but the "sassOptions.sourceMap" has the "true" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): source map 1`] = ` +{ + "mappings": ";AACQ;AAMR;EACE;EACA,OALc;;;AAQd;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;;AAQJ;EALE,uBAMe;EALf,oBAKe;EAJf,mBAIe;EAHf,eAGe;;;AAEjB;EACE;EACA;EACA;;;AAEF;EAEE;;;AAEF;EAEE;;;AAEF;EAEE;;;AAGA;EACE,SAhDY;;;AAmDd;EACE,SCzDc", + "names": [], + "sourceRoot": "", + "sources": [ + "test/sass/language.sass", + "test/sass/another/variables.sass", + ], + "version": 3, +} +`; + +exports[`sourceMap option should generate source maps when value has "false" value, but the "sassOptions.sourceMap" has the "true" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value has "false" value, but the "sassOptions.sourceMap" has the "true" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should generate source maps when value has "false" value, but the "sassOptions.sourceMap" has the "true" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value has "false" value, but the "sassOptions.sourceMap" has the "true" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): source map 1`] = ` +{ + "mappings": ";AACQ;AAMR;EACE;EACA,OALc;;;AASd;EACE;EACA;EACA;;AAGF;EAAK;;AAEL;EACE;EACA;EACA;;;AAWJ;EANE,uBAM4B;EALzB,oBAKyB;EAJxB,mBAIwB;EAHpB,eAGoB;;;AAG5B;EACE,SAlCY;;;AAuCd;EACE,SC7Cc", + "names": [], + "sourceRoot": "", + "sources": [ + "test/scss/language.scss", + "test/scss/another/_variables.scss", + ], + "version": 3, +} +`; + +exports[`sourceMap option should generate source maps when value has "false" value, but the "sassOptions.sourceMap" has the "true" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`sourceMap option should generate source maps when value has "false" value, but the "sassOptions.sourceMap" has the "true" value ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import url(./file.css); @@ -987,6 +1115,134 @@ exports[`sourceMap option should generate source maps when value has "false" val exports[`sourceMap option should generate source maps when value has "false" value, but the "sassOptions.sourceMap" has the "true" value ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should generate source maps when value has "false" value, but the "sassOptions.sourceMap" has the "true" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should generate source maps when value has "false" value, but the "sassOptions.sourceMap" has the "true" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value has "false" value, but the "sassOptions.sourceMap" has the "true" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): source map 1`] = ` +{ + "mappings": ";AACQ;AAMR;EACE;EACA,OALc;;;AAQd;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;;AAQJ;EALE,uBAMe;EALf,oBAKe;EAJf,mBAIe;EAHf,eAGe;;;AAEjB;EACE;EACA;EACA;;;AAEF;EAEE;;;AAEF;EAEE;;;AAEF;EAEE;;;AAGA;EACE,SAhDY;;;AAmDd;EACE,SCzDc", + "names": [], + "sourceRoot": "", + "sources": [ + "test/sass/language.sass", + "test/sass/another/variables.sass", + ], + "version": 3, +} +`; + +exports[`sourceMap option should generate source maps when value has "false" value, but the "sassOptions.sourceMap" has the "true" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value has "false" value, but the "sassOptions.sourceMap" has the "true" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should generate source maps when value has "false" value, but the "sassOptions.sourceMap" has the "true" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value has "false" value, but the "sassOptions.sourceMap" has the "true" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): source map 1`] = ` +{ + "mappings": ";AACQ;AAMR;EACE;EACA,OALc;;;AASd;EACE;EACA;EACA;;AAGF;EAAK;;AAEL;EACE;EACA;EACA;;;AAWJ;EANE,uBAM4B;EALzB,oBAKyB;EAJxB,mBAIwB;EAHpB,eAGoB;;;AAG5B;EACE,SAlCY;;;AAuCd;EACE,SC7Cc", + "names": [], + "sourceRoot": "", + "sources": [ + "test/scss/language.scss", + "test/scss/another/_variables.scss", + ], + "version": 3, +} +`; + +exports[`sourceMap option should generate source maps when value has "false" value, but the "sassOptions.sourceMap" has the "true" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; @@ -1360,26 +1616,154 @@ exports[`sourceMap option should generate source maps when value has "true" valu exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; -@import url(./file.css); +@import "./file.css"; body { font: 100% Helvetica, sans-serif; - color: #333; } + color: #333; +} nav ul { margin: 0; padding: 0; - list-style: none; } - + list-style: none; +} nav li { - display: inline-block; } - + display: inline-block; +} nav a { display: block; padding: 6px 12px; - text-decoration: none; } - + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): source map 1`] = ` +{ + "mappings": ";AACQ;AAMR;EACE;EACA,OALc;;;AAQd;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;;AAQJ;EALE,uBAMe;EALf,oBAKe;EAJf,mBAIe;EAHf,eAGe;;;AAEjB;EACE;EACA;EACA;;;AAEF;EAEE;;;AAEF;EAEE;;;AAEF;EAEE;;;AAGA;EACE,SAhDY;;;AAmDd;EACE,SCzDc", + "names": [], + "sourceRoot": "", + "sources": [ + "test/sass/language.sass", + "test/sass/another/variables.sass", + ], + "version": 3, +} +`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): source map 1`] = ` +{ + "mappings": ";AACQ;AAMR;EACE;EACA,OALc;;;AASd;EACE;EACA;EACA;;AAGF;EAAK;;AAEL;EACE;EACA;EACA;;;AAWJ;EANE,uBAM4B;EALzB,oBAKyB;EAJxB,mBAIwB;EAHpB,eAGoB;;;AAG5B;EACE,SAlCY;;;AAuCd;EACE,SC7Cc", + "names": [], + "sourceRoot": "", + "sources": [ + "test/scss/language.scss", + "test/scss/another/_variables.scss", + ], + "version": 3, +} +`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import url(./file.css); +body { + font: 100% Helvetica, sans-serif; + color: #333; } + +nav ul { + margin: 0; + padding: 0; + list-style: none; } + +nav li { + display: inline-block; } + +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; } + .box { -webkit-border-radius: 10px; -moz-border-radius: 10px; @@ -1968,6 +2352,134 @@ exports[`sourceMap option should generate source maps when value has "true" valu exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): source map 1`] = ` +{ + "mappings": ";AACQ;AAMR;EACE;EACA,OALc;;;AAQd;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;;AAQJ;EALE,uBAMe;EALf,oBAKe;EAJf,mBAIe;EAHf,eAGe;;;AAEjB;EACE;EACA;EACA;;;AAEF;EAEE;;;AAEF;EAEE;;;AAEF;EAEE;;;AAGA;EACE,SAhDY;;;AAmDd;EACE,SCzDc", + "names": [], + "sourceRoot": "", + "sources": [ + "test/sass/language.sass", + "test/sass/another/variables.sass", + ], + "version": 3, +} +`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): source map 1`] = ` +{ + "mappings": ";AACQ;AAMR;EACE;EACA,OALc;;;AASd;EACE;EACA;EACA;;AAGF;EAAK;;AAEL;EACE;EACA;EACA;;;AAWJ;EANE,uBAM4B;EALzB,oBAKyB;EAJxB,mBAIwB;EAHpB,eAGoB;;;AAG5B;EACE,SAlCY;;;AAuCd;EACE,SC7Cc", + "names": [], + "sourceRoot": "", + "sources": [ + "test/scss/language.scss", + "test/scss/another/_variables.scss", + ], + "version": 3, +} +`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; @@ -2341,21 +2853,149 @@ exports[`sourceMap option should generate source maps when value has "true" valu exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; -@import url(./file.css); +@import "./file.css"; body { font: 100% Helvetica, sans-serif; - color: #333; } + color: #333; +} nav ul { margin: 0; padding: 0; - list-style: none; } - + list-style: none; +} nav li { - display: inline-block; } - + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): source map 1`] = ` +{ + "mappings": ";AACQ;AAMR;EACE;EACA,OALc;;;AAQd;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;;AAQJ;EALE,uBAMe;EALf,oBAKe;EAJf,mBAIe;EAHf,eAGe;;;AAEjB;EACE;EACA;EACA;;;AAEF;EAEE;;;AAEF;EAEE;;;AAEF;EAEE;;;AAGA;EACE,SAhDY;;;AAmDd;EACE,SCzDc", + "names": [], + "sourceRoot": "", + "sources": [ + "test/sass/language.sass", + "test/sass/another/variables.sass", + ], + "version": 3, +} +`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): source map 1`] = ` +{ + "mappings": ";AACQ;AAMR;EACE;EACA,OALc;;;AASd;EACE;EACA;EACA;;AAGF;EAAK;;AAEL;EACE;EACA;EACA;;;AAWJ;EANE,uBAM4B;EALzB,oBAKyB;EAJxB,mBAIwB;EAHpB,eAGoB;;;AAG5B;EACE,SAlCY;;;AAuCd;EACE,SC7Cc", + "names": [], + "sourceRoot": "", + "sources": [ + "test/scss/language.scss", + "test/scss/another/_variables.scss", + ], + "version": 3, +} +`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import url(./file.css); +body { + font: 100% Helvetica, sans-serif; + color: #333; } + +nav ul { + margin: 0; + padding: 0; + list-style: none; } + +nav li { + display: inline-block; } + nav a { display: block; padding: 6px 12px; @@ -2949,6 +3589,134 @@ exports[`sourceMap option should generate source maps when value has "true" valu exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): source map 1`] = ` +{ + "mappings": ";AACQ;AAMR;EACE;EACA,OALc;;;AAQd;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;;AAQJ;EALE,uBAMe;EALf,oBAKe;EAJf,mBAIe;EAHf,eAGe;;;AAEjB;EACE;EACA;EACA;;;AAEF;EAEE;;;AAEF;EAEE;;;AAEF;EAEE;;;AAGA;EACE,SAhDY;;;AAmDd;EACE,SCzDc", + "names": [], + "sourceRoot": "", + "sources": [ + "test/sass/language.sass", + "test/sass/another/variables.sass", + ], + "version": 3, +} +`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): source map 1`] = ` +{ + "mappings": ";AACQ;AAMR;EACE;EACA,OALc;;;AASd;EACE;EACA;EACA;;AAGF;EAAK;;AAEL;EACE;EACA;EACA;;;AAWJ;EANE,uBAM4B;EALzB,oBAKyB;EAJxB,mBAIwB;EAHpB,eAGoB;;;AAG5B;EACE,SAlCY;;;AAuCd;EACE,SC7Cc", + "names": [], + "sourceRoot": "", + "sources": [ + "test/scss/language.scss", + "test/scss/another/_variables.scss", + ], + "version": 3, +} +`; + +exports[`sourceMap option should generate source maps when value has "true" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; @@ -3322,26 +4090,154 @@ exports[`sourceMap option should generate source maps when value is not specifie exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; -@import url(./file.css); +@import "./file.css"; body { font: 100% Helvetica, sans-serif; - color: #333; } + color: #333; +} nav ul { margin: 0; padding: 0; - list-style: none; } - + list-style: none; +} nav li { - display: inline-block; } - + display: inline-block; +} nav a { display: block; padding: 6px 12px; - text-decoration: none; } - + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): source map 1`] = ` +{ + "mappings": ";AACQ;AAMR;EACE;EACA,OALc;;;AAQd;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;;AAQJ;EALE,uBAMe;EALf,oBAKe;EAJf,mBAIe;EAHf,eAGe;;;AAEjB;EACE;EACA;EACA;;;AAEF;EAEE;;;AAEF;EAEE;;;AAEF;EAEE;;;AAGA;EACE,SAhDY;;;AAmDd;EACE,SCzDc", + "names": [], + "sourceRoot": "", + "sources": [ + "test/sass/language.sass", + "test/sass/another/variables.sass", + ], + "version": 3, +} +`; + +exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): source map 1`] = ` +{ + "mappings": ";AACQ;AAMR;EACE;EACA,OALc;;;AASd;EACE;EACA;EACA;;AAGF;EAAK;;AAEL;EACE;EACA;EACA;;;AAWJ;EANE,uBAM4B;EALzB,oBAKyB;EAJxB,mBAIwB;EAHpB,eAGoB;;;AAG5B;EACE,SAlCY;;;AAuCd;EACE,SC7Cc", + "names": [], + "sourceRoot": "", + "sources": [ + "test/scss/language.scss", + "test/scss/another/_variables.scss", + ], + "version": 3, +} +`; + +exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import url(./file.css); +body { + font: 100% Helvetica, sans-serif; + color: #333; } + +nav ul { + margin: 0; + padding: 0; + list-style: none; } + +nav li { + display: inline-block; } + +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; } + .box { -webkit-border-radius: 10px; -moz-border-radius: 10px; @@ -3930,7 +4826,7 @@ exports[`sourceMap option should generate source maps when value is not specifie exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -3986,13 +4882,24 @@ nav a { }" `; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'sass' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): source map 1`] = ` +{ + "mappings": ";AACQ;AAMR;EACE;EACA,OALc;;;AAQd;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;;AAQJ;EALE,uBAMe;EALf,oBAKe;EAJf,mBAIe;EAHf,eAGe;;;AAEjB;EACE;EACA;EACA;;;AAEF;EAEE;;;AAEF;EAEE;;;AAEF;EAEE;;;AAGA;EACE,SAhDY;;;AAmDd;EACE,SCzDc", + "names": [], + "sourceRoot": "", + "sources": [ + "test/sass/language.sass", + "test/sass/another/variables.sass", + ], + "version": 3, +} +`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -4030,13 +4937,24 @@ nav a { }" `; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'scss' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): source map 1`] = ` +{ + "mappings": ";AACQ;AAMR;EACE;EACA,OALc;;;AASd;EACE;EACA;EACA;;AAGF;EAAK;;AAEL;EACE;EACA;EACA;;;AAWJ;EANE,uBAM4B;EALzB,oBAKyB;EAJxB,mBAIwB;EAHpB,eAGoB;;;AAG5B;EACE,SAlCY;;;AAuCd;EACE,SC7Cc", + "names": [], + "sourceRoot": "", + "sources": [ + "test/scss/language.scss", + "test/scss/another/_variables.scss", + ], + "version": 3, +} +`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should generate source maps when value is not specified and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'sass' syntax): css 1`] = ` +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -4092,13 +5010,13 @@ nav a { }" `; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'sass' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'sass' syntax): source map 1`] = `undefined`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'scss' syntax): css 1`] = ` +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -4136,107 +5054,119 @@ nav a { }" `; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'scss' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'scss' syntax): source map 1`] = `undefined`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; -@import url(./file.css); +@import "./file.css"; body { font: 100% Helvetica, sans-serif; - color: #333; } + color: #333; +} nav ul { margin: 0; padding: 0; - list-style: none; } - + list-style: none; +} nav li { - display: inline-block; } - + display: inline-block; +} nav a { display: block; padding: 6px 12px; - text-decoration: none; } + text-decoration: none; +} .box { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; - border-radius: 10px; } + border-radius: 10px; +} -.message, .success, .error, .warning { +.message, .warning, .error, .success { border: 1px solid #ccc; padding: 10px; - color: #333; } + color: #333; +} .success { - border-color: green; } + border-color: green; +} .error { - border-color: red; } + border-color: red; +} .warning { - border-color: yellow; } + border-color: yellow; +} .foo:before { - content: ""; } + content: "\\e0c6"; +} .bar:before { - content: "∑"; } -" + content: "∑"; +}" `; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('node-sass', 'legacy' API, 'sass' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'sass' syntax): source map 1`] = `undefined`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('node-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; -@import url(./file.css); +@import "./file.css"; body { font: 100% Helvetica, sans-serif; - color: #333; } + color: #333; +} nav ul { margin: 0; padding: 0; - list-style: none; } - + list-style: none; +} nav li { - display: inline-block; } - + display: inline-block; +} nav a { display: block; padding: 6px 12px; - text-decoration: none; } + text-decoration: none; +} .box { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; - border-radius: 10px; } + border-radius: 10px; +} .foo:before { - content: ""; } + content: "\\e0c6"; +} .bar:before { - content: "∑"; } -" + content: "∑"; +}" `; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('node-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('node-sass', 'legacy' API, 'scss' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'scss' syntax): source map 1`] = `undefined`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('node-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -4292,13 +5222,13 @@ nav a { }" `; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'legacy' API, 'sass' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): source map 1`] = `undefined`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -4336,7 +5266,207 @@ nav a { }" `; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): source map 1`] = `undefined`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import url(./file.css); +body { + font: 100% Helvetica, sans-serif; + color: #333; } + +nav ul { + margin: 0; + padding: 0; + list-style: none; } + +nav li { + display: inline-block; } + +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; } + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; } + +.message, .success, .error, .warning { + border: 1px solid #ccc; + padding: 10px; + color: #333; } + +.success { + border-color: green; } + +.error { + border-color: red; } + +.warning { + border-color: yellow; } + +.foo:before { + content: ""; } + +.bar:before { + content: "∑"; } +" +`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('node-sass', 'legacy' API, 'sass' syntax): source map 1`] = `undefined`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('node-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import url(./file.css); +body { + font: 100% Helvetica, sans-serif; + color: #333; } + +nav ul { + margin: 0; + padding: 0; + list-style: none; } + +nav li { + display: inline-block; } + +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; } + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; } + +.foo:before { + content: ""; } + +.bar:before { + content: "∑"; } +" +`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('node-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('node-sass', 'legacy' API, 'scss' syntax): source map 1`] = `undefined`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('node-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'legacy' API, 'sass' syntax): source map 1`] = `undefined`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'legacy' API, 'scss' syntax): source map 1`] = `undefined`; @@ -4448,7 +5578,7 @@ exports[`sourceMap option should not generate source maps when value has "false" exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -4504,13 +5634,13 @@ nav a { }" `; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'legacy' API, 'sass' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): source map 1`] = `undefined`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -4544,17 +5674,429 @@ nav a { } .bar:before { - content: "∑"; -}" + content: "∑"; +}" +`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): source map 1`] = `undefined`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'legacy' API, 'sass' syntax): source map 1`] = `undefined`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'legacy' API, 'scss' syntax): source map 1`] = `undefined`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern' API, 'sass' syntax): source map 1`] = `undefined`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern' API, 'scss' syntax): source map 1`] = `undefined`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): source map 1`] = `undefined`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): source map 1`] = `undefined`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import url(./file.css); +body { + font: 100% Helvetica, sans-serif; + color: #333; } + +nav ul { + margin: 0; + padding: 0; + list-style: none; } + +nav li { + display: inline-block; } + +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; } + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; } + +.message, .success, .error, .warning { + border: 1px solid #ccc; + padding: 10px; + color: #333; } + +.success { + border-color: green; } + +.error { + border-color: red; } + +.warning { + border-color: yellow; } + +.foo:before { + content: ""; } + +.bar:before { + content: "∑"; } +" +`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('node-sass', 'legacy' API, 'sass' syntax): source map 1`] = `undefined`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('node-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import url(./file.css); +body { + font: 100% Helvetica, sans-serif; + color: #333; } + +nav ul { + margin: 0; + padding: 0; + list-style: none; } + +nav li { + display: inline-block; } + +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; } + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; } + +.foo:before { + content: ""; } + +.bar:before { + content: "∑"; } +" `; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('node-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'legacy' API, 'scss' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('node-sass', 'legacy' API, 'scss' syntax): source map 1`] = `undefined`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('node-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern' API, 'sass' syntax): css 1`] = ` +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -4610,13 +6152,13 @@ nav a { }" `; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern' API, 'sass' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'legacy' API, 'sass' syntax): source map 1`] = `undefined`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern' API, 'scss' syntax): css 1`] = ` +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -4654,107 +6196,119 @@ nav a { }" `; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern' API, 'scss' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'legacy' API, 'scss' syntax): source map 1`] = `undefined`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; -@import url(./file.css); +@import "./file.css"; body { font: 100% Helvetica, sans-serif; - color: #333; } + color: #333; +} nav ul { margin: 0; padding: 0; - list-style: none; } - + list-style: none; +} nav li { - display: inline-block; } - + display: inline-block; +} nav a { display: block; padding: 6px 12px; - text-decoration: none; } + text-decoration: none; +} .box { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; - border-radius: 10px; } + border-radius: 10px; +} -.message, .success, .error, .warning { +.message, .warning, .error, .success { border: 1px solid #ccc; padding: 10px; - color: #333; } + color: #333; +} .success { - border-color: green; } + border-color: green; +} .error { - border-color: red; } + border-color: red; +} .warning { - border-color: yellow; } + border-color: yellow; +} .foo:before { - content: ""; } + content: "\\e0c6"; +} .bar:before { - content: "∑"; } -" + content: "∑"; +}" `; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('node-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('node-sass', 'legacy' API, 'sass' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern' API, 'sass' syntax): source map 1`] = `undefined`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('node-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('node-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; -@import url(./file.css); +@import "./file.css"; body { font: 100% Helvetica, sans-serif; - color: #333; } + color: #333; +} nav ul { margin: 0; padding: 0; - list-style: none; } - + list-style: none; +} nav li { - display: inline-block; } - + display: inline-block; +} nav a { display: block; padding: 6px 12px; - text-decoration: none; } + text-decoration: none; +} .box { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; - border-radius: 10px; } + border-radius: 10px; +} .foo:before { - content: ""; } + content: "\\e0c6"; +} .bar:before { - content: "∑"; } -" + content: "∑"; +}" `; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('node-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('node-sass', 'legacy' API, 'scss' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern' API, 'scss' syntax): source map 1`] = `undefined`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('node-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -4810,13 +6364,13 @@ nav a { }" `; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'legacy' API, 'sass' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): source map 1`] = `undefined`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -4854,13 +6408,13 @@ nav a { }" `; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'legacy' API, 'scss' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): source map 1`] = `undefined`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern' API, 'sass' syntax): css 1`] = ` +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -4916,13 +6470,13 @@ nav a { }" `; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern' API, 'sass' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'sass' syntax): source map 1`] = `undefined`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern' API, 'scss' syntax): css 1`] = ` +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -4960,13 +6514,13 @@ nav a { }" `; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern' API, 'scss' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'scss' syntax): source map 1`] = `undefined`; -exports[`sourceMap option should not generate source maps when value has "false" value and the "devtool" option has "source-map" value ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -5022,13 +6576,13 @@ nav a { }" `; -exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'sass' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'sass' syntax): source map 1`] = `undefined`; -exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = ` +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -5066,13 +6620,13 @@ nav a { }" `; -exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'scss' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'scss' syntax): source map 1`] = `undefined`; -exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'sass' syntax): css 1`] = ` +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -5128,13 +6682,13 @@ nav a { }" `; -exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'sass' syntax): errors 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'sass' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): source map 1`] = `undefined`; -exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'sass' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'scss' syntax): css 1`] = ` +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` "@charset "UTF-8"; @import "./file.css"; body { @@ -5172,11 +6726,11 @@ nav a { }" `; -exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'scss' syntax): errors 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; -exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'scss' syntax): source map 1`] = `undefined`; +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): source map 1`] = `undefined`; -exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "@charset "UTF-8"; @@ -5483,3 +7037,109 @@ exports[`sourceMap option should not generate source maps when value is not spec exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('sass-embedded', 'modern' API, 'scss' syntax): source map 1`] = `undefined`; exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.message, .warning, .error, .success { + border: 1px solid #ccc; + padding: 10px; + color: #333; +} + +.success { + border-color: green; +} + +.error { + border-color: red; +} + +.warning { + border-color: yellow; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): source map 1`] = `undefined`; + +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"@charset "UTF-8"; +@import "./file.css"; +body { + font: 100% Helvetica, sans-serif; + color: #333; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; +} +nav li { + display: inline-block; +} +nav a { + display: block; + padding: 6px 12px; + text-decoration: none; +} + +.box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} + +.foo:before { + content: "\\e0c6"; +} + +.bar:before { + content: "∑"; +}" +`; + +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): source map 1`] = `undefined`; + +exports[`sourceMap option should not generate source maps when value is not specified and the "devtool" option has "false" value ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; diff --git a/test/__snapshots__/validate-options.test.js.snap b/test/__snapshots__/validate-options.test.js.snap index 61850c17..2ea4f129 100644 --- a/test/__snapshots__/validate-options.test.js.snap +++ b/test/__snapshots__/validate-options.test.js.snap @@ -14,7 +14,7 @@ exports[`validate options should throw an error on the "additionalData" option w exports[`validate options should throw an error on the "api" option with "string" value 1`] = ` "Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema. - options.api should be one of these: - "legacy" | "modern" + "legacy" | "modern" | "modern-compiler" -> Switch between old and modern API for \`sass\` (\`Dart Sass\`) and \`Sass Embedded\` implementations. -> Read more at https://github.com/webpack-contrib/sass-loader#sassoptions" `; @@ -22,7 +22,7 @@ exports[`validate options should throw an error on the "api" option with "string exports[`validate options should throw an error on the "api" option with "true" value 1`] = ` "Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema. - options.api should be one of these: - "legacy" | "modern" + "legacy" | "modern" | "modern-compiler" -> Switch between old and modern API for \`sass\` (\`Dart Sass\`) and \`Sass Embedded\` implementations. -> Read more at https://github.com/webpack-contrib/sass-loader#sassoptions" `; diff --git a/test/__snapshots__/warnRuleAsWarning.test.js.snap b/test/__snapshots__/warnRuleAsWarning.test.js.snap index 38baed5f..58292dca 100644 --- a/test/__snapshots__/warnRuleAsWarning.test.js.snap +++ b/test/__snapshots__/warnRuleAsWarning.test.js.snap @@ -34,6 +34,23 @@ This selector doesn't have any properties and won't be rendered. ] `; +exports[`loader should emit good formatted warning ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = `""`; + +exports[`loader should emit good formatted warning ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should emit good formatted warning ('dart-sass', 'modern-compiler' API, 'sass' syntax): logs 1`] = `[]`; + +exports[`loader should emit good formatted warning ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = ` +[ + "ModuleWarning: Module Warning (from ../src/cjs.js): +Warning on line 5, column 3 of file:///test/sass/broken.sass:5:3: +This selector doesn't have any properties and won't be rendered. + +5 | asdf +", +] +`; + exports[`loader should emit good formatted warning ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = `""`; exports[`loader should emit good formatted warning ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`; @@ -68,6 +85,23 @@ This selector doesn't have any properties and won't be rendered. ] `; +exports[`loader should emit good formatted warning ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = `""`; + +exports[`loader should emit good formatted warning ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should emit good formatted warning ('sass-embedded', 'modern-compiler' API, 'sass' syntax): logs 1`] = `[]`; + +exports[`loader should emit good formatted warning ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = ` +[ + "ModuleWarning: Module Warning (from ../src/cjs.js): +Warning on line 5, column 3 of file:///test/sass/broken.sass:5:3: +This selector doesn't have any properties and won't be rendered. + +5 | asdf +", +] +`; + exports[`loader should emit warning by default ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "a { color: red; @@ -180,6 +214,62 @@ My warning message", ] `; +exports[`loader should emit warning by default ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should emit warning by default ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should emit warning by default ('dart-sass', 'modern-compiler' API, 'sass' syntax): logs 1`] = ` +[ + [ + { + "args": [ + "[debug:0:0] My debug message", + ], + "type": "debug", + }, + ], +] +`; + +exports[`loader should emit warning by default ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = ` +[ + "ModuleWarning: Module Warning (from ../src/cjs.js): +My warning message", +] +`; + +exports[`loader should emit warning by default ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should emit warning by default ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should emit warning by default ('dart-sass', 'modern-compiler' API, 'scss' syntax): logs 1`] = ` +[ + [ + { + "args": [ + "[debug:0:0] My debug message", + ], + "type": "debug", + }, + ], +] +`; + +exports[`loader should emit warning by default ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = ` +[ + "ModuleWarning: Module Warning (from ../src/cjs.js): +My warning message", +] +`; + exports[`loader should emit warning by default ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "a { color: red; } @@ -316,6 +406,62 @@ My warning message", ] `; +exports[`loader should emit warning by default ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should emit warning by default ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should emit warning by default ('sass-embedded', 'modern-compiler' API, 'sass' syntax): logs 1`] = ` +[ + [ + { + "args": [ + "[debug:0:0] My debug message", + ], + "type": "debug", + }, + ], +] +`; + +exports[`loader should emit warning by default ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = ` +[ + "ModuleWarning: Module Warning (from ../src/cjs.js): +My warning message", +] +`; + +exports[`loader should emit warning by default ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should emit warning by default ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should emit warning by default ('sass-embedded', 'modern-compiler' API, 'scss' syntax): logs 1`] = ` +[ + [ + { + "args": [ + "[debug:0:0] My debug message", + ], + "type": "debug", + }, + ], +] +`; + +exports[`loader should emit warning by default ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = ` +[ + "ModuleWarning: Module Warning (from ../src/cjs.js): +My warning message", +] +`; + exports[`loader should emit warning when 'true' used ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "a { color: red; @@ -428,6 +574,62 @@ My warning message", ] `; +exports[`loader should emit warning when 'true' used ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should emit warning when 'true' used ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should emit warning when 'true' used ('dart-sass', 'modern-compiler' API, 'sass' syntax): logs 1`] = ` +[ + [ + { + "args": [ + "[debug:0:0] My debug message", + ], + "type": "debug", + }, + ], +] +`; + +exports[`loader should emit warning when 'true' used ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = ` +[ + "ModuleWarning: Module Warning (from ../src/cjs.js): +My warning message", +] +`; + +exports[`loader should emit warning when 'true' used ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should emit warning when 'true' used ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should emit warning when 'true' used ('dart-sass', 'modern-compiler' API, 'scss' syntax): logs 1`] = ` +[ + [ + { + "args": [ + "[debug:0:0] My debug message", + ], + "type": "debug", + }, + ], +] +`; + +exports[`loader should emit warning when 'true' used ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = ` +[ + "ModuleWarning: Module Warning (from ../src/cjs.js): +My warning message", +] +`; + exports[`loader should emit warning when 'true' used ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "a { color: red; } @@ -564,6 +766,62 @@ My warning message", ] `; +exports[`loader should emit warning when 'true' used ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should emit warning when 'true' used ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should emit warning when 'true' used ('sass-embedded', 'modern-compiler' API, 'sass' syntax): logs 1`] = ` +[ + [ + { + "args": [ + "[debug:0:0] My debug message", + ], + "type": "debug", + }, + ], +] +`; + +exports[`loader should emit warning when 'true' used ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = ` +[ + "ModuleWarning: Module Warning (from ../src/cjs.js): +My warning message", +] +`; + +exports[`loader should emit warning when 'true' used ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should emit warning when 'true' used ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should emit warning when 'true' used ('sass-embedded', 'modern-compiler' API, 'scss' syntax): logs 1`] = ` +[ + [ + { + "args": [ + "[debug:0:0] My debug message", + ], + "type": "debug", + }, + ], +] +`; + +exports[`loader should emit warning when 'true' used ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = ` +[ + "ModuleWarning: Module Warning (from ../src/cjs.js): +My warning message", +] +`; + exports[`loader should not emit warning when 'false' used ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "a { color: red; @@ -692,6 +950,70 @@ test/scss/logging.scss 2:1 root stylesheet exports[`loader should not emit warning when 'false' used ('dart-sass', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; +exports[`loader should not emit warning when 'false' used ('dart-sass', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should not emit warning when 'false' used ('dart-sass', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should not emit warning when 'false' used ('dart-sass', 'modern-compiler' API, 'sass' syntax): logs 1`] = ` +[ + [ + { + "args": [ + "[debug:0:0] My debug message", + ], + "type": "debug", + }, + { + "args": [ + "My warning message + +test/sass/logging.sass 2:1 root stylesheet +", + ], + "type": "warn", + }, + ], +] +`; + +exports[`loader should not emit warning when 'false' used ('dart-sass', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should not emit warning when 'false' used ('dart-sass', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should not emit warning when 'false' used ('dart-sass', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should not emit warning when 'false' used ('dart-sass', 'modern-compiler' API, 'scss' syntax): logs 1`] = ` +[ + [ + { + "args": [ + "[debug:0:0] My debug message", + ], + "type": "debug", + }, + { + "args": [ + "My warning message + +test/scss/logging.scss 2:1 root stylesheet +", + ], + "type": "warn", + }, + ], +] +`; + +exports[`loader should not emit warning when 'false' used ('dart-sass', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; + exports[`loader should not emit warning when 'false' used ('node-sass', 'legacy' API, 'sass' syntax): css 1`] = ` "a { color: red; } @@ -843,3 +1165,67 @@ exports[`loader should not emit warning when 'false' used ('sass-embedded', 'mod `; exports[`loader should not emit warning when 'false' used ('sass-embedded', 'modern' API, 'scss' syntax): warnings 1`] = `[]`; + +exports[`loader should not emit warning when 'false' used ('sass-embedded', 'modern-compiler' API, 'sass' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should not emit warning when 'false' used ('sass-embedded', 'modern-compiler' API, 'sass' syntax): errors 1`] = `[]`; + +exports[`loader should not emit warning when 'false' used ('sass-embedded', 'modern-compiler' API, 'sass' syntax): logs 1`] = ` +[ + [ + { + "args": [ + "[debug:0:0] My debug message", + ], + "type": "debug", + }, + { + "args": [ + "My warning message + +../../../../test/sass/logging.sass 2:1 root stylesheet +", + ], + "type": "warn", + }, + ], +] +`; + +exports[`loader should not emit warning when 'false' used ('sass-embedded', 'modern-compiler' API, 'sass' syntax): warnings 1`] = `[]`; + +exports[`loader should not emit warning when 'false' used ('sass-embedded', 'modern-compiler' API, 'scss' syntax): css 1`] = ` +"a { + color: red; +}" +`; + +exports[`loader should not emit warning when 'false' used ('sass-embedded', 'modern-compiler' API, 'scss' syntax): errors 1`] = `[]`; + +exports[`loader should not emit warning when 'false' used ('sass-embedded', 'modern-compiler' API, 'scss' syntax): logs 1`] = ` +[ + [ + { + "args": [ + "[debug:0:0] My debug message", + ], + "type": "debug", + }, + { + "args": [ + "My warning message + +../../../../test/scss/logging.scss 2:1 root stylesheet +", + ], + "type": "warn", + }, + ], +] +`; + +exports[`loader should not emit warning when 'false' used ('sass-embedded', 'modern-compiler' API, 'scss' syntax): warnings 1`] = `[]`; diff --git a/test/helpers/customFunctions.js b/test/helpers/customFunctions.js index 4c38f049..a77433e8 100644 --- a/test/helpers/customFunctions.js +++ b/test/helpers/customFunctions.js @@ -1,5 +1,5 @@ export default (api, implementation) => { - if (api === "modern") { + if (api === "modern" || api === "modern-compiler") { return { // Note: in real code, you should use `math.pow()` from the built-in // `sass:math` module. diff --git a/test/helpers/getCodeFromSass.js b/test/helpers/getCodeFromSass.js index 3daf235a..ecdf9c06 100644 --- a/test/helpers/getCodeFromSass.js +++ b/test/helpers/getCodeFromSass.js @@ -16,7 +16,8 @@ async function getCodeFromSass(testId, options, context = {}) { const { implementation } = loaderOptions; const isNodeSassImplementation = loaderOptions.implementation.info.includes("node-sass"); - const isModernAPI = options.api === "modern"; + const isModernAPI = + options.api === "modern" || options.api === "modern-compiler"; delete loaderOptions.implementation; diff --git a/test/helpers/getImplementationByName.js b/test/helpers/getImplementationByName.js index 50a60583..01926a24 100644 --- a/test/helpers/getImplementationByName.js +++ b/test/helpers/getImplementationByName.js @@ -5,6 +5,9 @@ function getImplementationByName(implementationName) { } else if (implementationName === "dart-sass") { // eslint-disable-next-line global-require return require("sass"); + } else if (implementationName === "sass-embedded") { + // eslint-disable-next-line global-require + return require("sass-embedded"); } else if (implementationName === "sass_string") { return require.resolve("sass"); } diff --git a/test/helpers/getImplementationsAndAPI.js b/test/helpers/getImplementationsAndAPI.js index 3fe2e65c..451cd3b7 100644 --- a/test/helpers/getImplementationsAndAPI.js +++ b/test/helpers/getImplementationsAndAPI.js @@ -20,6 +20,11 @@ export default function getImplementationsAndAPI() { implementation: dartSass, api: "modern", }, + { + name: dartSass.info.split("\t")[0], + implementation: dartSass, + api: "modern-compiler", + }, { name: SassEmbedded.info.split("\t")[0], implementation: SassEmbedded, @@ -30,5 +35,10 @@ export default function getImplementationsAndAPI() { implementation: SassEmbedded, api: "modern", }, + { + name: SassEmbedded.info.split("\t")[0], + implementation: SassEmbedded, + api: "modern-compiler", + }, ]; } diff --git a/test/implementation-option.test.js b/test/implementation-option.test.js index ead83b63..4c3734fb 100644 --- a/test/implementation-option.test.js +++ b/test/implementation-option.test.js @@ -18,7 +18,47 @@ jest.setTimeout(30000); const implementations = [...getImplementationsAndAPI(), "sass_string"]; +/** Helper to create spy functions for the modern Compiler API */ +const spyOnCompiler = (implementation) => { + const actualFn = implementation.initAsyncCompiler.bind(implementation); + + const initSpy = jest + .spyOn(implementation, "initAsyncCompiler") + .mockImplementation(async () => { + const compiler = await actualFn(); + // eslint-disable-next-line no-use-before-define + spies.compileStringSpy = jest.spyOn(compiler, "compileStringAsync"); + return compiler; + }); + + const spies = { + initSpy, + mockClear() { + if (this.compileStringSpy) { + this.compileStringSpy.mockClear(); + } + }, + mockRestore() { + initSpy.mockRestore(); + delete this.compileStringSpy; + }, + }; + + return spies; +}; + describe("implementation option", () => { + const nodeSassSpy = jest.spyOn(nodeSass, "render"); + const dartSassSpy = jest.spyOn(dartSass, "render"); + const dartSassSpyModernAPI = jest.spyOn(dartSass, "compileStringAsync"); + const dartSassCompilerSpies = spyOnCompiler(dartSass); + const sassEmbeddedSpy = jest.spyOn(sassEmbedded, "render"); + const sassEmbeddedSpyModernAPI = jest.spyOn( + sassEmbedded, + "compileStringAsync", + ); + const sassEmbeddedCompilerSpies = spyOnCompiler(sassEmbedded); + implementations.forEach((item) => { let implementationName; let implementation; @@ -33,15 +73,6 @@ describe("implementation option", () => { } it(`'${implementationName}', '${api}' API`, async () => { - const nodeSassSpy = jest.spyOn(nodeSass, "render"); - const dartSassSpy = jest.spyOn(dartSass, "render"); - const dartSassSpyModernAPI = jest.spyOn(dartSass, "compileStringAsync"); - const sassEmbeddedSpy = jest.spyOn(sassEmbedded, "render"); - const sassEmbeddedSpyModernAPI = jest.spyOn( - sassEmbedded, - "compileStringAsync", - ); - const testId = getTestId("language", "scss"); const options = { api, implementation }; const compiler = getCompiler(testId, { loader: { options } }); @@ -70,6 +101,15 @@ describe("implementation option", () => { expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(1); expect(sassEmbeddedSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpyModernAPI).toHaveBeenCalledTimes(0); + } else if (api === "modern-compiler") { + expect(nodeSassSpy).toHaveBeenCalledTimes(0); + expect(dartSassSpy).toHaveBeenCalledTimes(0); + expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(0); + expect(dartSassCompilerSpies.compileStringSpy).toHaveBeenCalledTimes( + 1, + ); + expect(sassEmbeddedSpy).toHaveBeenCalledTimes(0); + expect(sassEmbeddedSpyModernAPI).toHaveBeenCalledTimes(0); } else if (api === "legacy") { expect(nodeSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpy).toHaveBeenCalledTimes(1); @@ -84,6 +124,15 @@ describe("implementation option", () => { expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpyModernAPI).toHaveBeenCalledTimes(1); + } else if (api === "modern-compiler") { + expect(nodeSassSpy).toHaveBeenCalledTimes(0); + expect(dartSassSpy).toHaveBeenCalledTimes(0); + expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(0); + expect(sassEmbeddedSpy).toHaveBeenCalledTimes(0); + expect(sassEmbeddedSpyModernAPI).toHaveBeenCalledTimes(0); + expect( + sassEmbeddedCompilerSpies.compileStringSpy, + ).toHaveBeenCalledTimes(1); } else if (api === "legacy") { expect(nodeSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpy).toHaveBeenCalledTimes(0); @@ -93,11 +142,13 @@ describe("implementation option", () => { } } - nodeSassSpy.mockRestore(); - dartSassSpy.mockRestore(); - dartSassSpyModernAPI.mockRestore(); - sassEmbeddedSpy.mockRestore(); - sassEmbeddedSpyModernAPI.mockRestore(); + nodeSassSpy.mockClear(); + dartSassSpy.mockClear(); + dartSassSpyModernAPI.mockClear(); + dartSassCompilerSpies.mockClear(); + sassEmbeddedSpy.mockClear(); + sassEmbeddedSpyModernAPI.mockClear(); + sassEmbeddedCompilerSpies.mockClear(); }); }); @@ -114,9 +165,6 @@ describe("implementation option", () => { }); it("not specify", async () => { - const nodeSassSpy = jest.spyOn(nodeSass, "render"); - const dartSassSpy = jest.spyOn(dartSass, "render"); - const testId = getTestId("language", "scss"); const options = {}; const compiler = getCompiler(testId, { loader: { options } }); @@ -132,14 +180,11 @@ describe("implementation option", () => { expect(nodeSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpy).toHaveBeenCalledTimes(1); - nodeSassSpy.mockRestore(); - dartSassSpy.mockRestore(); + nodeSassSpy.mockClear(); + dartSassSpy.mockClear(); }); it("not specify with legacy API", async () => { - const nodeSassSpy = jest.spyOn(nodeSass, "render"); - const dartSassSpy = jest.spyOn(dartSass, "render"); - const testId = getTestId("language", "scss"); const options = { api: "legacy", @@ -157,14 +202,11 @@ describe("implementation option", () => { expect(nodeSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpy).toHaveBeenCalledTimes(1); - nodeSassSpy.mockRestore(); - dartSassSpy.mockRestore(); + nodeSassSpy.mockClear(); + dartSassSpy.mockClear(); }); it("not specify with modern API", async () => { - const nodeSassSpy = jest.spyOn(nodeSass, "render"); - const dartSassSpy = jest.spyOn(dartSass, "compileStringAsync"); - const testId = getTestId("language", "scss"); const options = { api: "modern", @@ -180,12 +222,66 @@ describe("implementation option", () => { expect(getErrors(stats)).toMatchSnapshot("errors"); expect(nodeSassSpy).toHaveBeenCalledTimes(0); - expect(dartSassSpy).toHaveBeenCalledTimes(1); + expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(1); + + nodeSassSpy.mockClear(); + dartSassSpyModernAPI.mockClear(); + }); + + it("not specify with modern-compiler API", async () => { + const testId = getTestId("language", "scss"); + const options = { + api: "modern-compiler", + }; + const compiler = getCompiler(testId, { loader: { options } }); + const stats = await compile(compiler); + const { css, sourceMap } = getCodeFromBundle(stats, compiler); + + expect(css).toBeDefined(); + expect(sourceMap).toBeUndefined(); - nodeSassSpy.mockRestore(); - dartSassSpy.mockRestore(); + expect(getWarnings(stats)).toMatchSnapshot("warnings"); + expect(getErrors(stats)).toMatchSnapshot("errors"); + + expect(nodeSassSpy).toHaveBeenCalledTimes(0); + expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(0); + expect(dartSassCompilerSpies.compileStringSpy).toHaveBeenCalledTimes(1); + + nodeSassSpy.mockClear(); + dartSassSpyModernAPI.mockClear(); + dartSassCompilerSpies.mockClear(); }); + it.each(["dart-sass", "sass-embedded"])( + "should support switching the implementation within the same process when using the modern-compiler API", + async (implementationName) => { + const testId = getTestId("language", "scss"); + const options = { + api: "modern-compiler", + implementation: getImplementationByName(implementationName), + }; + const compiler = getCompiler(testId, { loader: { options } }); + const stats = await compile(compiler); + const { css, sourceMap } = getCodeFromBundle(stats, compiler); + + expect(css).toBeDefined(); + expect(sourceMap).toBeUndefined(); + + expect(getWarnings(stats)).toMatchSnapshot("warnings"); + expect(getErrors(stats)).toMatchSnapshot("errors"); + + expect(dartSassCompilerSpies.compileStringSpy).toHaveBeenCalledTimes( + implementationName === "dart-sass" ? 1 : 0, + ); + expect(sassEmbeddedCompilerSpies.compileStringSpy).toHaveBeenCalledTimes( + implementationName === "sass-embedded" ? 1 : 0, + ); + + dartSassCompilerSpies.mockClear(); + sassEmbeddedCompilerSpies.mockClear(); + }, + ); + it("should throw an error on an unknown sass implementation", async () => { const testId = getTestId("language", "scss"); const options = { diff --git a/test/loader.test.js b/test/loader.test.js index a311ad49..5dbfa958 100644 --- a/test/loader.test.js +++ b/test/loader.test.js @@ -25,7 +25,7 @@ describe("loader", () => { // TODO fix me https://github.com/webpack-contrib/sass-loader/issues/774 const isSassEmbedded = implementationName === "sass-embedded"; const isNodeSass = implementationName === "node-sass"; - const isModernAPI = api === "modern"; + const isModernAPI = api === "modern" || api === "modern-compiler"; syntaxStyles.forEach((syntax) => { it(`should work ('${implementationName}', '${api}' API, '${syntax}' syntax)`, async () => { diff --git a/test/sassOptions-option.test.js b/test/sassOptions-option.test.js index 5ca7de28..031c5ec8 100644 --- a/test/sassOptions-option.test.js +++ b/test/sassOptions-option.test.js @@ -23,7 +23,7 @@ const syntaxStyles = ["scss", "sass"]; describe("sassOptions option", () => { implementations.forEach((item) => { const { name: implementationName, api, implementation } = item; - const isModernAPI = api === "modern"; + const isModernAPI = api === "modern" || api === "modern-compiler"; syntaxStyles.forEach((syntax) => { it(`should work when the option like "Object" ('${implementationName}', '${api}' API, '${syntax}' syntax)`, async () => { @@ -74,7 +74,9 @@ describe("sassOptions option", () => { sassOptions: (loaderContext) => { expect(loaderContext).toBeDefined(); - return api === "modern" ? {} : { indentWidth: 10 }; + return api === "modern" || api === "modern-compiler" + ? {} + : { indentWidth: 10 }; }, }; const compiler = getCompiler(testId, { loader: { options } }); @@ -209,7 +211,9 @@ describe("sassOptions option", () => { if (!isModernAPI) { it(`should work with the "functions" option ('${implementationName}', '${api}' API, '${syntax}' syntax)`, async () => { const testId = getTestId( - api === "modern" ? "custom-functions-modern" : "custom-functions", + api === "modern" || api === "modern-compiler" + ? "custom-functions-modern" + : "custom-functions", syntax, ); const options = { @@ -327,7 +331,7 @@ describe("sassOptions option", () => { implementation, api, sassOptions: - api === "modern" + api === "modern" || api === "modern-compiler" ? { loadPaths: [path.resolve(__dirname, syntax, "includePath")], } @@ -348,7 +352,7 @@ describe("sassOptions option", () => { expect(getErrors(stats)).toMatchSnapshot("errors"); }); - if (api !== "modern") { + if (api !== "modern" && api !== "modern-compiler") { it(`should work with the "indentType" option ('${implementationName}', '${api}' API, '${syntax}' syntax)`, async () => { const testId = getTestId("language", syntax); const options = { @@ -395,7 +399,7 @@ describe("sassOptions option", () => { implementation, api, sassOptions: - api === "modern" + api === "modern" || api === "modern-compiler" ? { syntax: syntax === "sass" ? "indented" : "scss", } @@ -421,7 +425,10 @@ describe("sassOptions option", () => { implementation, api, // Doesn't supported by modern API - sassOptions: api === "modern" ? {} : { linefeed: "lf" }, + sassOptions: + api === "modern" || api === "modern-compiler" + ? {} + : { linefeed: "lf" }, }; const compiler = getCompiler(testId, { loader: { options } }); const stats = await compile(compiler); @@ -441,7 +448,7 @@ describe("sassOptions option", () => { implementation, api, sassOptions: - api === "modern" + api === "modern" || api === "modern-compiler" ? { style: "expanded" } : { outputStyle: "expanded" }, }; @@ -471,7 +478,7 @@ describe("sassOptions option", () => { const codeFromSass = await getCodeFromSass(testId, { ...options, sassOptions: - api === "modern" + api === "modern" || api === "modern-compiler" ? { style: "compressed" } : { outputStyle: "compressed" }, }); diff --git a/test/sourceMap-options.test.js b/test/sourceMap-options.test.js index 7453d56c..ea4444c8 100644 --- a/test/sourceMap-options.test.js +++ b/test/sourceMap-options.test.js @@ -146,7 +146,7 @@ describe("sourceMap option", () => { sourceMap.sources = sourceMap.sources.map((source) => { let normalizedSource = source; - if (api === "modern") { + if (api === "modern" || api === "modern-compiler") { normalizedSource = url.fileURLToPath(normalizedSource); expect(source).toMatch(/^file:/); diff --git a/test/validate-options.test.js b/test/validate-options.test.js index 7d87d17c..db44f9ab 100644 --- a/test/validate-options.test.js +++ b/test/validate-options.test.js @@ -47,7 +47,7 @@ describe("validate options", () => { failure: ["string"], }, api: { - success: ["legacy", "modern"], + success: ["legacy", "modern", "modern-compiler"], failure: ["string", true], }, unknown: { diff --git a/test/webpackImporter-options.test.js b/test/webpackImporter-options.test.js index d3c7395c..94161844 100644 --- a/test/webpackImporter-options.test.js +++ b/test/webpackImporter-options.test.js @@ -18,7 +18,7 @@ describe("webpackImporter option", () => { const { name: implementationName, api, implementation } = item; // TODO fix me https://github.com/webpack-contrib/sass-loader/issues/774 - if (api === "modern") { + if (api === "modern" || api === "modern-compiler") { return; }