From ecc9206d6d8e30c80540ba1dc24b17424776821a Mon Sep 17 00:00:00 2001 From: Rens Poesse Date: Thu, 28 Mar 2024 13:35:55 -0500 Subject: [PATCH 1/7] perf: reuse compiler process when using sass-embedded This implements the Shared Resources proposal that was accepted and implemented in Dart Sass 1.70.0. By reusing the same compiler process when compiling multiple files, this significantly improves performance for tools like webpack. Closes: https://github.com/webpack-contrib/sass-loader/issues/1163 --- src/index.js | 2 +- src/utils.js | 11 +++++++++-- 2 files changed, 10 insertions(+), 3 deletions(-) diff --git a/src/index.js b/src/index.js index e1fc3d7b..e00b442f 100644 --- a/src/index.js +++ b/src/index.js @@ -74,7 +74,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/utils.js b/src/utils.js index e55576c1..2f8a0b8b 100644 --- a/src/utils.js +++ b/src/utils.js @@ -650,6 +650,7 @@ function getWebpackImporter(loaderContext, implementation, includePaths) { } let nodeSassJobQueue = null; +let sassEmbeddedCompiler = null; /** * Verifies that the implementation and version of Sass is supported by this loader. @@ -665,10 +666,16 @@ function getCompileFn(implementation, options) { if (isNewSass) { if (options.api === "modern") { - return (sassOptions) => { + return async (sassOptions) => { const { data, ...rest } = sassOptions; - return implementation.compileStringAsync(data, rest); + if (!sassEmbeddedCompiler) { + // Create a long-running compiler process that can be reused + // for compiling individual files. + sassEmbeddedCompiler = await implementation.initAsyncCompiler(); + } + + return sassEmbeddedCompiler.compileStringAsync(data, rest); }; } From 5952f5a0a0f172248d3602d3b113a7fc9cefad3e Mon Sep 17 00:00:00 2001 From: Rens Poesse Date: Fri, 29 Mar 2024 11:49:00 -0500 Subject: [PATCH 2/7] refactor: add `modern-compiler` API option and call to `dispose()` --- README.md | 4 ++-- src/index.js | 5 +++-- src/options.json | 2 +- src/utils.js | 36 ++++++++++++++++++++++++++++-------- 4 files changed, 34 insertions(+), 13 deletions(-) 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 e00b442f..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; 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 2f8a0b8b..6964365c 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) { @@ -655,27 +656,46 @@ let sassEmbeddedCompiler = null; /** * 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"); if (isNewSass) { if (options.api === "modern") { + return (sassOptions) => { + const { data, ...rest } = sassOptions; + + return implementation.compileStringAsync(data, rest); + }; + } + + if (options.api === "modern-compiler") { return async (sassOptions) => { + // eslint-disable-next-line no-underscore-dangle + const webpackCompiler = loaderContext._compiler; const { data, ...rest } = sassOptions; - if (!sassEmbeddedCompiler) { - // Create a long-running compiler process that can be reused - // for compiling individual files. - sassEmbeddedCompiler = await implementation.initAsyncCompiler(); + // Some people can run the loader in a multi-threading way; + // there is no webpack compiler object in such case. + if (webpackCompiler) { + if (!sassEmbeddedCompiler) { + // Create a long-running compiler process that can be reused + // for compiling individual files. + sassEmbeddedCompiler = await implementation.initAsyncCompiler(); + webpackCompiler.hooks.shutdown.tap("sass-loader", () => { + sassEmbeddedCompiler.dispose(); + }); + } + return sassEmbeddedCompiler.compileStringAsync(data, rest); } - return sassEmbeddedCompiler.compileStringAsync(data, rest); + return implementation.compileStringAsync(data, rest); }; } @@ -693,7 +713,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'"); } From 2e8a443654ef215bc0672b433397329356788b47 Mon Sep 17 00:00:00 2001 From: Rens Poesse Date: Fri, 29 Mar 2024 17:25:00 -0500 Subject: [PATCH 3/7] refactor: allow `implementation` to change --- src/utils.js | 19 ++++++++++--------- 1 file changed, 10 insertions(+), 9 deletions(-) diff --git a/src/utils.js b/src/utils.js index 6964365c..29aadae5 100644 --- a/src/utils.js +++ b/src/utils.js @@ -651,7 +651,7 @@ function getWebpackImporter(loaderContext, implementation, includePaths) { } let nodeSassJobQueue = null; -let sassEmbeddedCompiler = null; +const sassModernCompilers = {}; /** * Verifies that the implementation and version of Sass is supported by this loader. @@ -662,11 +662,10 @@ let sassEmbeddedCompiler = null; * @returns {Function} */ function getCompileFn(loaderContext, implementation, options) { - const isNewSass = - implementation.info.includes("dart-sass") || - implementation.info.includes("sass-embedded"); + const isDartSass = implementation.info.includes("dart-sass"); + const isSassEmbedded = implementation.info.includes("sass-embedded"); - if (isNewSass) { + if (isDartSass || isSassEmbedded) { if (options.api === "modern") { return (sassOptions) => { const { data, ...rest } = sassOptions; @@ -684,15 +683,17 @@ function getCompileFn(loaderContext, implementation, options) { // Some people can run the loader in a multi-threading way; // there is no webpack compiler object in such case. if (webpackCompiler) { - if (!sassEmbeddedCompiler) { + const key = isDartSass ? "dart-sass" : "sass-embedded"; + if (!sassModernCompilers[key]) { // Create a long-running compiler process that can be reused // for compiling individual files. - sassEmbeddedCompiler = await implementation.initAsyncCompiler(); + const compiler = await implementation.initAsyncCompiler(); webpackCompiler.hooks.shutdown.tap("sass-loader", () => { - sassEmbeddedCompiler.dispose(); + compiler.dispose(); }); + sassModernCompilers[key] = compiler; } - return sassEmbeddedCompiler.compileStringAsync(data, rest); + return sassModernCompilers[key].compileStringAsync(data, rest); } return implementation.compileStringAsync(data, rest); From b111ffd4d09732cd7eeda2ad706ceb7e68ba470b Mon Sep 17 00:00:00 2001 From: Rens Poesse Date: Fri, 29 Mar 2024 18:18:22 -0500 Subject: [PATCH 4/7] test: perform same tests for `modern-compiler` as for `modern` --- .../additionalData-option.test.js.snap | 176 + .../implementation-option.test.js.snap | 8 + test/__snapshots__/loader.test.js.snap | 33222 +++++++++++++++- .../sassOptions-option.test.js.snap | 2622 +- .../sourceMap-options.test.js.snap | 1994 +- .../validate-options.test.js.snap | 4 +- .../warnRuleAsWarning.test.js.snap | 386 + test/helpers/customFunctions.js | 2 +- test/helpers/getCodeFromSass.js | 3 +- test/helpers/getImplementationsAndAPI.js | 10 + test/implementation-option.test.js | 90 + test/loader.test.js | 2 +- test/sassOptions-option.test.js | 25 +- test/sourceMap-options.test.js | 2 +- test/validate-options.test.js | 2 +- test/webpackImporter-options.test.js | 2 +- 16 files changed, 36555 insertions(+), 1995 deletions(-) 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..a7b29a27 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`] = `[]`; 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/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..f6ab17a3 100644 --- a/test/implementation-option.test.js +++ b/test/implementation-option.test.js @@ -18,6 +18,29 @@ 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 mockRestore = () => initSpy.mockRestore(); + + const spies = { + initSpy, + mockRestore, + }; + + return spies; +}; + describe("implementation option", () => { implementations.forEach((item) => { let implementationName; @@ -36,11 +59,13 @@ 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); const testId = getTestId("language", "scss"); const options = { api, implementation }; @@ -58,8 +83,10 @@ describe("implementation option", () => { expect(nodeSassSpy).toHaveBeenCalledTimes(1); expect(dartSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(0); + expect(dartSassCompilerSpies.initSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpyModernAPI).toHaveBeenCalledTimes(0); + expect(sassEmbeddedCompilerSpies.initSpy).toHaveBeenCalledTimes(0); } else if ( implementationName === "dart-sass" || implementationName === "dart-sass_string" @@ -68,36 +95,68 @@ describe("implementation option", () => { expect(nodeSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(1); + expect(dartSassCompilerSpies.initSpy).toHaveBeenCalledTimes(0); + expect(sassEmbeddedSpy).toHaveBeenCalledTimes(0); + expect(sassEmbeddedSpyModernAPI).toHaveBeenCalledTimes(0); + expect(sassEmbeddedCompilerSpies.initSpy).toHaveBeenCalledTimes(0); + } else if (api === "modern-compiler") { + expect(nodeSassSpy).toHaveBeenCalledTimes(0); + expect(dartSassSpy).toHaveBeenCalledTimes(0); + expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(0); + expect(dartSassCompilerSpies.initSpy).toHaveBeenCalledTimes(1); + expect(dartSassCompilerSpies.compileStringSpy).toHaveBeenCalledTimes( + 1, + ); expect(sassEmbeddedSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpyModernAPI).toHaveBeenCalledTimes(0); + expect(sassEmbeddedCompilerSpies.initSpy).toHaveBeenCalledTimes(0); } else if (api === "legacy") { expect(nodeSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpy).toHaveBeenCalledTimes(1); expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(0); + expect(dartSassCompilerSpies.initSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpyModernAPI).toHaveBeenCalledTimes(0); + expect(sassEmbeddedCompilerSpies.initSpy).toHaveBeenCalledTimes(0); } } else if (implementationName === "sass-embedded") { if (api === "modern") { expect(nodeSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(0); + expect(dartSassCompilerSpies.initSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpyModernAPI).toHaveBeenCalledTimes(1); + expect(sassEmbeddedCompilerSpies.initSpy).toHaveBeenCalledTimes(0); + } else if (api === "modern-compiler") { + expect(nodeSassSpy).toHaveBeenCalledTimes(0); + expect(dartSassSpy).toHaveBeenCalledTimes(0); + expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(0); + expect(dartSassCompilerSpies.initSpy).toHaveBeenCalledTimes(0); + expect(sassEmbeddedSpy).toHaveBeenCalledTimes(0); + expect(sassEmbeddedSpyModernAPI).toHaveBeenCalledTimes(0); + expect(sassEmbeddedCompilerSpies.initSpy).toHaveBeenCalledTimes(1); + expect( + sassEmbeddedCompilerSpies.compileStringSpy, + ).toHaveBeenCalledTimes(1); } else if (api === "legacy") { expect(nodeSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(0); + expect(dartSassCompilerSpies.initSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpy).toHaveBeenCalledTimes(1); expect(sassEmbeddedSpyModernAPI).toHaveBeenCalledTimes(0); + expect(sassEmbeddedCompilerSpies.initSpy).toHaveBeenCalledTimes(0); } } nodeSassSpy.mockRestore(); dartSassSpy.mockRestore(); dartSassSpyModernAPI.mockRestore(); + dartSassCompilerSpies.mockRestore(); sassEmbeddedSpy.mockRestore(); sassEmbeddedSpyModernAPI.mockRestore(); + sassEmbeddedCompilerSpies.mockRestore(); }); }); @@ -186,6 +245,37 @@ describe("implementation option", () => { dartSassSpy.mockRestore(); }); + it.skip("not specify with modern-compiler API", async () => { + const nodeSassSpy = jest.spyOn(nodeSass, "render"); + const dartSassSpy = jest.spyOn(dartSass, "compileStringAsync"); + const dartSassCompilerSpies = spyOnCompiler(dartSass); + + 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(); + + expect(getWarnings(stats)).toMatchSnapshot("warnings"); + expect(getErrors(stats)).toMatchSnapshot("errors"); + + expect(nodeSassSpy).toHaveBeenCalledTimes(0); + expect(dartSassSpy).toHaveBeenCalledTimes(0); + // TODO: this isn't being called because the compiler is already initialized + // from a previous test. + expect(dartSassCompilerSpies.initSpy).toHaveBeenCalledTimes(1); + expect(dartSassCompilerSpies.compileStringSpy).toHaveBeenCalledTimes(1); + + nodeSassSpy.mockRestore(); + dartSassSpy.mockRestore(); + dartSassCompilerSpies.mockRestore(); + }); + 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; } From e75dbde2c1578ff81cf1b79259fb648ae9ca835b Mon Sep 17 00:00:00 2001 From: Rens Poesse Date: Tue, 2 Apr 2024 11:02:40 -0500 Subject: [PATCH 5/7] refactor: use WeakMap --- src/utils.js | 26 +++++++++++++++----------- 1 file changed, 15 insertions(+), 11 deletions(-) diff --git a/src/utils.js b/src/utils.js index 29aadae5..5f871d00 100644 --- a/src/utils.js +++ b/src/utils.js @@ -651,7 +651,7 @@ function getWebpackImporter(loaderContext, implementation, includePaths) { } let nodeSassJobQueue = null; -const sassModernCompilers = {}; +const sassModernCompilers = new WeakMap(); /** * Verifies that the implementation and version of Sass is supported by this loader. @@ -662,10 +662,11 @@ const sassModernCompilers = {}; * @returns {Function} */ function getCompileFn(loaderContext, implementation, options) { - const isDartSass = implementation.info.includes("dart-sass"); - const isSassEmbedded = implementation.info.includes("sass-embedded"); + const isNewSass = + implementation.info.includes("dart-sass") || + implementation.info.includes("sass-embedded"); - if (isDartSass || isSassEmbedded) { + if (isNewSass) { if (options.api === "modern") { return (sassOptions) => { const { data, ...rest } = sassOptions; @@ -683,17 +684,20 @@ function getCompileFn(loaderContext, implementation, options) { // Some people can run the loader in a multi-threading way; // there is no webpack compiler object in such case. if (webpackCompiler) { - const key = isDartSass ? "dart-sass" : "sass-embedded"; - if (!sassModernCompilers[key]) { + if (!sassModernCompilers.has(implementation)) { // Create a long-running compiler process that can be reused // for compiling individual files. const compiler = await implementation.initAsyncCompiler(); - webpackCompiler.hooks.shutdown.tap("sass-loader", () => { - compiler.dispose(); - }); - sassModernCompilers[key] = compiler; + // 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[key].compileStringAsync(data, rest); + return sassModernCompilers.get(implementation).compileStringAsync(data, rest); } return implementation.compileStringAsync(data, rest); From 2514e16a3abb9d6e4e4320dc62df67884435ca5f Mon Sep 17 00:00:00 2001 From: Rens Poesse Date: Tue, 2 Apr 2024 13:06:31 -0500 Subject: [PATCH 6/7] test: add test for switching implementation with modern-compiler API --- .../implementation-option.test.js.snap | 12 ++ test/helpers/getImplementationByName.js | 3 + test/implementation-option.test.js | 132 +++++++++--------- 3 files changed, 84 insertions(+), 63 deletions(-) diff --git a/test/__snapshots__/implementation-option.test.js.snap b/test/__snapshots__/implementation-option.test.js.snap index a7b29a27..97fc08b4 100644 --- a/test/__snapshots__/implementation-option.test.js.snap +++ b/test/__snapshots__/implementation-option.test.js.snap @@ -40,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`] = `[]`; @@ -53,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/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/implementation-option.test.js b/test/implementation-option.test.js index f6ab17a3..4c3734fb 100644 --- a/test/implementation-option.test.js +++ b/test/implementation-option.test.js @@ -31,17 +31,34 @@ const spyOnCompiler = (implementation) => { return compiler; }); - const mockRestore = () => initSpy.mockRestore(); - const spies = { initSpy, - mockRestore, + 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; @@ -56,17 +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 dartSassCompilerSpies = spyOnCompiler(dartSass); - const sassEmbeddedSpy = jest.spyOn(sassEmbedded, "render"); - const sassEmbeddedSpyModernAPI = jest.spyOn( - sassEmbedded, - "compileStringAsync", - ); - const sassEmbeddedCompilerSpies = spyOnCompiler(sassEmbedded); - const testId = getTestId("language", "scss"); const options = { api, implementation }; const compiler = getCompiler(testId, { loader: { options } }); @@ -83,10 +89,8 @@ describe("implementation option", () => { expect(nodeSassSpy).toHaveBeenCalledTimes(1); expect(dartSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(0); - expect(dartSassCompilerSpies.initSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpyModernAPI).toHaveBeenCalledTimes(0); - expect(sassEmbeddedCompilerSpies.initSpy).toHaveBeenCalledTimes(0); } else if ( implementationName === "dart-sass" || implementationName === "dart-sass_string" @@ -95,47 +99,37 @@ describe("implementation option", () => { expect(nodeSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(1); - expect(dartSassCompilerSpies.initSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpyModernAPI).toHaveBeenCalledTimes(0); - expect(sassEmbeddedCompilerSpies.initSpy).toHaveBeenCalledTimes(0); } else if (api === "modern-compiler") { expect(nodeSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(0); - expect(dartSassCompilerSpies.initSpy).toHaveBeenCalledTimes(1); expect(dartSassCompilerSpies.compileStringSpy).toHaveBeenCalledTimes( 1, ); expect(sassEmbeddedSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpyModernAPI).toHaveBeenCalledTimes(0); - expect(sassEmbeddedCompilerSpies.initSpy).toHaveBeenCalledTimes(0); } else if (api === "legacy") { expect(nodeSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpy).toHaveBeenCalledTimes(1); expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(0); - expect(dartSassCompilerSpies.initSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpyModernAPI).toHaveBeenCalledTimes(0); - expect(sassEmbeddedCompilerSpies.initSpy).toHaveBeenCalledTimes(0); } } else if (implementationName === "sass-embedded") { if (api === "modern") { expect(nodeSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(0); - expect(dartSassCompilerSpies.initSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpyModernAPI).toHaveBeenCalledTimes(1); - expect(sassEmbeddedCompilerSpies.initSpy).toHaveBeenCalledTimes(0); } else if (api === "modern-compiler") { expect(nodeSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(0); - expect(dartSassCompilerSpies.initSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpyModernAPI).toHaveBeenCalledTimes(0); - expect(sassEmbeddedCompilerSpies.initSpy).toHaveBeenCalledTimes(1); expect( sassEmbeddedCompilerSpies.compileStringSpy, ).toHaveBeenCalledTimes(1); @@ -143,20 +137,18 @@ describe("implementation option", () => { expect(nodeSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpy).toHaveBeenCalledTimes(0); expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(0); - expect(dartSassCompilerSpies.initSpy).toHaveBeenCalledTimes(0); expect(sassEmbeddedSpy).toHaveBeenCalledTimes(1); expect(sassEmbeddedSpyModernAPI).toHaveBeenCalledTimes(0); - expect(sassEmbeddedCompilerSpies.initSpy).toHaveBeenCalledTimes(0); } } - nodeSassSpy.mockRestore(); - dartSassSpy.mockRestore(); - dartSassSpyModernAPI.mockRestore(); - dartSassCompilerSpies.mockRestore(); - sassEmbeddedSpy.mockRestore(); - sassEmbeddedSpyModernAPI.mockRestore(); - sassEmbeddedCompilerSpies.mockRestore(); + nodeSassSpy.mockClear(); + dartSassSpy.mockClear(); + dartSassSpyModernAPI.mockClear(); + dartSassCompilerSpies.mockClear(); + sassEmbeddedSpy.mockClear(); + sassEmbeddedSpyModernAPI.mockClear(); + sassEmbeddedCompilerSpies.mockClear(); }); }); @@ -173,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 } }); @@ -191,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", @@ -216,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", @@ -239,17 +222,13 @@ describe("implementation option", () => { expect(getErrors(stats)).toMatchSnapshot("errors"); expect(nodeSassSpy).toHaveBeenCalledTimes(0); - expect(dartSassSpy).toHaveBeenCalledTimes(1); + expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(1); - nodeSassSpy.mockRestore(); - dartSassSpy.mockRestore(); + nodeSassSpy.mockClear(); + dartSassSpyModernAPI.mockClear(); }); - it.skip("not specify with modern-compiler API", async () => { - const nodeSassSpy = jest.spyOn(nodeSass, "render"); - const dartSassSpy = jest.spyOn(dartSass, "compileStringAsync"); - const dartSassCompilerSpies = spyOnCompiler(dartSass); - + it("not specify with modern-compiler API", async () => { const testId = getTestId("language", "scss"); const options = { api: "modern-compiler", @@ -265,17 +244,44 @@ describe("implementation option", () => { expect(getErrors(stats)).toMatchSnapshot("errors"); expect(nodeSassSpy).toHaveBeenCalledTimes(0); - expect(dartSassSpy).toHaveBeenCalledTimes(0); - // TODO: this isn't being called because the compiler is already initialized - // from a previous test. - expect(dartSassCompilerSpies.initSpy).toHaveBeenCalledTimes(1); + expect(dartSassSpyModernAPI).toHaveBeenCalledTimes(0); expect(dartSassCompilerSpies.compileStringSpy).toHaveBeenCalledTimes(1); - nodeSassSpy.mockRestore(); - dartSassSpy.mockRestore(); - dartSassCompilerSpies.mockRestore(); + 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 = { From ea88129c83941a0d086c01dd4a2770413952b074 Mon Sep 17 00:00:00 2001 From: Rens Poesse Date: Wed, 3 Apr 2024 15:56:36 -0500 Subject: [PATCH 7/7] style: ran prettier --- src/utils.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/utils.js b/src/utils.js index 5f871d00..9d744890 100644 --- a/src/utils.js +++ b/src/utils.js @@ -697,7 +697,9 @@ function getCompileFn(loaderContext, implementation, options) { }); } } - return sassModernCompilers.get(implementation).compileStringAsync(data, rest); + return sassModernCompilers + .get(implementation) + .compileStringAsync(data, rest); } return implementation.compileStringAsync(data, rest);