diff --git a/.eslintignore b/.eslintignore deleted file mode 100644 index 0fa7879904..0000000000 --- a/.eslintignore +++ /dev/null @@ -1,4 +0,0 @@ -docs/\_site -docs/dist -test/unit-test-coverage/ -packages/cfpb-*/dist/ diff --git a/.eslintrc.cjs b/.eslintrc.cjs deleted file mode 100644 index 17cdc00211..0000000000 --- a/.eslintrc.cjs +++ /dev/null @@ -1,50 +0,0 @@ -module.exports = { - parserOptions: { - sourceType: 'module', - ecmaVersion: 2020, - }, - settings: { - 'import/resolver': { - node: { - paths: ['src'], - extensions: ['.js', '.ts', '.d.ts', '.tsx'], - }, - }, - react: { - version: 'detect', - }, - }, - env: { - browser: true, - node: true, - es2021: true, - }, - extends: [ - 'eslint:recommended', - 'plugin:import/errors', - 'plugin:jsdoc/recommended', - 'plugin:jsx-a11y/recommended', - 'plugin:react/recommended', - 'plugin:cypress/recommended', - 'eslint-config-prettier', - ], - // Some plugins are automatically included. - // Run `yarn eslint --print-config foo.js > bar.json` to see included plugins. - // plugins: [], - rules: { - 'jsdoc/require-hyphen-before-param-description': ['warn', 'always'], - 'no-console': ['warn'], - 'no-use-before-define': ['error'], - 'no-unused-vars': [ - 'error', - { - vars: 'all', - args: 'after-used', - ignoreRestSiblings: false, - }, - ], - 'no-var': ['error'], - 'prefer-const': ['error'], - radix: ['error'], - }, -}; diff --git a/.yarn/cache/@es-joy-jsdoccomment-npm-0.42.0-a28de67572-a8122762d2.zip b/.yarn/cache/@es-joy-jsdoccomment-npm-0.49.0-616d525c5d-16717507d5.zip similarity index 65% rename from .yarn/cache/@es-joy-jsdoccomment-npm-0.42.0-a28de67572-a8122762d2.zip rename to .yarn/cache/@es-joy-jsdoccomment-npm-0.49.0-616d525c5d-16717507d5.zip index 6971aad3a3..d64d674716 100644 Binary files a/.yarn/cache/@es-joy-jsdoccomment-npm-0.42.0-a28de67572-a8122762d2.zip and b/.yarn/cache/@es-joy-jsdoccomment-npm-0.49.0-616d525c5d-16717507d5.zip differ diff --git a/.yarn/cache/@eslint-community-regexpp-npm-4.11.1-37bbb67aaa-fbcc1cb65e.zip b/.yarn/cache/@eslint-community-regexpp-npm-4.12.1-ef4ab5217e-a03d98c246.zip similarity index 61% rename from .yarn/cache/@eslint-community-regexpp-npm-4.11.1-37bbb67aaa-fbcc1cb65e.zip rename to .yarn/cache/@eslint-community-regexpp-npm-4.12.1-ef4ab5217e-a03d98c246.zip index 36e164eb58..84a5a8267a 100644 Binary files a/.yarn/cache/@eslint-community-regexpp-npm-4.11.1-37bbb67aaa-fbcc1cb65e.zip and b/.yarn/cache/@eslint-community-regexpp-npm-4.12.1-ef4ab5217e-a03d98c246.zip differ diff --git a/.yarn/cache/@eslint-config-array-npm-0.18.0-bb4bc4e301-0234aeb3e6.zip b/.yarn/cache/@eslint-config-array-npm-0.18.0-bb4bc4e301-0234aeb3e6.zip new file mode 100644 index 0000000000..77ac86ca73 Binary files /dev/null and b/.yarn/cache/@eslint-config-array-npm-0.18.0-bb4bc4e301-0234aeb3e6.zip differ diff --git a/.yarn/cache/@eslint-core-npm-0.7.0-55f1b6f05c-3cdee8bc6c.zip b/.yarn/cache/@eslint-core-npm-0.7.0-55f1b6f05c-3cdee8bc6c.zip new file mode 100644 index 0000000000..cf00385a71 Binary files /dev/null and b/.yarn/cache/@eslint-core-npm-0.7.0-55f1b6f05c-3cdee8bc6c.zip differ diff --git a/.yarn/cache/@eslint-eslintrc-npm-2.1.4-1ff4b5f908-32f67052b8.zip b/.yarn/cache/@eslint-eslintrc-npm-3.1.0-3837a202e2-5b7332ed78.zip similarity index 60% rename from .yarn/cache/@eslint-eslintrc-npm-2.1.4-1ff4b5f908-32f67052b8.zip rename to .yarn/cache/@eslint-eslintrc-npm-3.1.0-3837a202e2-5b7332ed78.zip index 0f82c67f5a..18e59b2a81 100644 Binary files a/.yarn/cache/@eslint-eslintrc-npm-2.1.4-1ff4b5f908-32f67052b8.zip and b/.yarn/cache/@eslint-eslintrc-npm-3.1.0-3837a202e2-5b7332ed78.zip differ diff --git a/.yarn/cache/@eslint-js-npm-8.57.0-00ead3710a-9a518bb862.zip b/.yarn/cache/@eslint-js-npm-9.13.0-2ac1161c0b-672257bffe.zip similarity index 91% rename from .yarn/cache/@eslint-js-npm-8.57.0-00ead3710a-9a518bb862.zip rename to .yarn/cache/@eslint-js-npm-9.13.0-2ac1161c0b-672257bffe.zip index b0ec297d68..a704f5015d 100644 Binary files a/.yarn/cache/@eslint-js-npm-8.57.0-00ead3710a-9a518bb862.zip and b/.yarn/cache/@eslint-js-npm-9.13.0-2ac1161c0b-672257bffe.zip differ diff --git a/.yarn/cache/@eslint-object-schema-npm-2.1.4-0546250476-e9885532ea.zip b/.yarn/cache/@eslint-object-schema-npm-2.1.4-0546250476-e9885532ea.zip new file mode 100644 index 0000000000..959b560f5c Binary files /dev/null and b/.yarn/cache/@eslint-object-schema-npm-2.1.4-0546250476-e9885532ea.zip differ diff --git a/.yarn/cache/@eslint-plugin-kit-npm-0.2.2-5e32e77841-ec533ccc99.zip b/.yarn/cache/@eslint-plugin-kit-npm-0.2.2-5e32e77841-ec533ccc99.zip new file mode 100644 index 0000000000..88d4daed50 Binary files /dev/null and b/.yarn/cache/@eslint-plugin-kit-npm-0.2.2-5e32e77841-ec533ccc99.zip differ diff --git a/.yarn/cache/@humanfs-core-npm-0.19.1-e2e7aaeb6e-aa4e015217.zip b/.yarn/cache/@humanfs-core-npm-0.19.1-e2e7aaeb6e-aa4e015217.zip new file mode 100644 index 0000000000..536697a737 Binary files /dev/null and b/.yarn/cache/@humanfs-core-npm-0.19.1-e2e7aaeb6e-aa4e015217.zip differ diff --git a/.yarn/cache/@humanfs-node-npm-0.16.6-6ee2cad587-8356359c9f.zip b/.yarn/cache/@humanfs-node-npm-0.16.6-6ee2cad587-8356359c9f.zip new file mode 100644 index 0000000000..19a4f34625 Binary files /dev/null and b/.yarn/cache/@humanfs-node-npm-0.16.6-6ee2cad587-8356359c9f.zip differ diff --git a/.yarn/cache/@humanwhocodes-config-array-npm-0.11.14-94a02fcc87-66f725b4ee.zip b/.yarn/cache/@humanwhocodes-config-array-npm-0.11.14-94a02fcc87-66f725b4ee.zip deleted file mode 100644 index 5454490068..0000000000 Binary files a/.yarn/cache/@humanwhocodes-config-array-npm-0.11.14-94a02fcc87-66f725b4ee.zip and /dev/null differ diff --git a/.yarn/cache/@humanwhocodes-object-schema-npm-2.0.3-4f0e508cd9-80520eabbf.zip b/.yarn/cache/@humanwhocodes-object-schema-npm-2.0.3-4f0e508cd9-80520eabbf.zip deleted file mode 100644 index 28df903edf..0000000000 Binary files a/.yarn/cache/@humanwhocodes-object-schema-npm-2.0.3-4f0e508cd9-80520eabbf.zip and /dev/null differ diff --git a/.yarn/cache/@humanwhocodes-retry-npm-0.3.1-9d87bf92c6-f0da1282df.zip b/.yarn/cache/@humanwhocodes-retry-npm-0.3.1-9d87bf92c6-f0da1282df.zip new file mode 100644 index 0000000000..d09f83b9af Binary files /dev/null and b/.yarn/cache/@humanwhocodes-retry-npm-0.3.1-9d87bf92c6-f0da1282df.zip differ diff --git a/.yarn/cache/@pkgr-core-npm-0.1.1-844d1f59d1-3f7536bc7f.zip b/.yarn/cache/@pkgr-core-npm-0.1.1-844d1f59d1-3f7536bc7f.zip new file mode 100644 index 0000000000..cc0437a12c Binary files /dev/null and b/.yarn/cache/@pkgr-core-npm-0.1.1-844d1f59d1-3f7536bc7f.zip differ diff --git a/.yarn/cache/@rtsao-scc-npm-1.1.0-f4ba9ceb2c-b5bcfb0d87.zip b/.yarn/cache/@rtsao-scc-npm-1.1.0-f4ba9ceb2c-b5bcfb0d87.zip new file mode 100644 index 0000000000..b9d8b957cd Binary files /dev/null and b/.yarn/cache/@rtsao-scc-npm-1.1.0-f4ba9ceb2c-b5bcfb0d87.zip differ diff --git a/.yarn/cache/@types-estree-npm-1.0.6-b5e23f2ea2-cdfd751f6f.zip b/.yarn/cache/@types-estree-npm-1.0.6-b5e23f2ea2-cdfd751f6f.zip new file mode 100644 index 0000000000..37a4b1aca2 Binary files /dev/null and b/.yarn/cache/@types-estree-npm-1.0.6-b5e23f2ea2-cdfd751f6f.zip differ diff --git a/.yarn/cache/@types-json-schema-npm-7.0.15-fd16381786-a996a745e6.zip b/.yarn/cache/@types-json-schema-npm-7.0.15-fd16381786-a996a745e6.zip new file mode 100644 index 0000000000..a4202ea60f Binary files /dev/null and b/.yarn/cache/@types-json-schema-npm-7.0.15-fd16381786-a996a745e6.zip differ diff --git a/.yarn/cache/@ungap-structured-clone-npm-1.2.0-648f0b82e0-8209c937cb.zip b/.yarn/cache/@ungap-structured-clone-npm-1.2.0-648f0b82e0-8209c937cb.zip deleted file mode 100644 index e2b763ccae..0000000000 Binary files a/.yarn/cache/@ungap-structured-clone-npm-1.2.0-648f0b82e0-8209c937cb.zip and /dev/null differ diff --git a/.yarn/cache/acorn-npm-8.14.0-dc46f61424-6d4ee461a7.zip b/.yarn/cache/acorn-npm-8.14.0-dc46f61424-6d4ee461a7.zip new file mode 100644 index 0000000000..83e89fa116 Binary files /dev/null and b/.yarn/cache/acorn-npm-8.14.0-dc46f61424-6d4ee461a7.zip differ diff --git a/.yarn/cache/array.prototype.toreversed-npm-1.1.2-48ebc74406-2b7627ea85.zip b/.yarn/cache/array.prototype.toreversed-npm-1.1.2-48ebc74406-2b7627ea85.zip deleted file mode 100644 index 03d045acb5..0000000000 Binary files a/.yarn/cache/array.prototype.toreversed-npm-1.1.2-48ebc74406-2b7627ea85.zip and /dev/null differ diff --git a/.yarn/cache/axe-core-npm-4.7.0-a095cfe0ae-89ac5712b5.zip b/.yarn/cache/axe-core-npm-4.7.0-a095cfe0ae-89ac5712b5.zip deleted file mode 100644 index 021afc09bc..0000000000 Binary files a/.yarn/cache/axe-core-npm-4.7.0-a095cfe0ae-89ac5712b5.zip and /dev/null differ diff --git a/.yarn/cache/axobject-query-npm-3.2.4-af413f3e1a-3848c91192.zip b/.yarn/cache/axobject-query-npm-4.1.0-9703554323-c470e4f950.zip similarity index 74% rename from .yarn/cache/axobject-query-npm-3.2.4-af413f3e1a-3848c91192.zip rename to .yarn/cache/axobject-query-npm-4.1.0-9703554323-c470e4f950.zip index 53e5b136f7..3231076570 100644 Binary files a/.yarn/cache/axobject-query-npm-3.2.4-af413f3e1a-3848c91192.zip and b/.yarn/cache/axobject-query-npm-4.1.0-9703554323-c470e4f950.zip differ diff --git a/.yarn/cache/builtin-modules-npm-3.3.0-db4f3d32de-2cb3448b4f.zip b/.yarn/cache/builtin-modules-npm-3.3.0-db4f3d32de-2cb3448b4f.zip deleted file mode 100644 index 61f76903c9..0000000000 Binary files a/.yarn/cache/builtin-modules-npm-3.3.0-db4f3d32de-2cb3448b4f.zip and /dev/null differ diff --git a/.yarn/cache/doctrine-npm-3.0.0-c6f1615f04-c96bdccabe.zip b/.yarn/cache/doctrine-npm-3.0.0-c6f1615f04-c96bdccabe.zip deleted file mode 100644 index 5e8bf9efe0..0000000000 Binary files a/.yarn/cache/doctrine-npm-3.0.0-c6f1615f04-c96bdccabe.zip and /dev/null differ diff --git a/.yarn/cache/es-module-lexer-npm-1.5.4-b52b96b8fc-300a469488.zip b/.yarn/cache/es-module-lexer-npm-1.5.4-b52b96b8fc-300a469488.zip new file mode 100644 index 0000000000..99258d6349 Binary files /dev/null and b/.yarn/cache/es-module-lexer-npm-1.5.4-b52b96b8fc-300a469488.zip differ diff --git a/.yarn/cache/eslint-npm-8.57.0-4286e12a3a-00bb96fd24.zip b/.yarn/cache/eslint-npm-9.13.0-ca97d17f52-d357744415.zip similarity index 84% rename from .yarn/cache/eslint-npm-8.57.0-4286e12a3a-00bb96fd24.zip rename to .yarn/cache/eslint-npm-9.13.0-ca97d17f52-d357744415.zip index e4a5e4c6e6..a457418652 100644 Binary files a/.yarn/cache/eslint-npm-8.57.0-4286e12a3a-00bb96fd24.zip and b/.yarn/cache/eslint-npm-9.13.0-ca97d17f52-d357744415.zip differ diff --git a/.yarn/cache/eslint-plugin-cypress-npm-3.2.0-fe6d901dde-c422a5c3a4.zip b/.yarn/cache/eslint-plugin-cypress-npm-4.1.0-c0e8a85df1-991d3cc48e.zip similarity index 62% rename from .yarn/cache/eslint-plugin-cypress-npm-3.2.0-fe6d901dde-c422a5c3a4.zip rename to .yarn/cache/eslint-plugin-cypress-npm-4.1.0-c0e8a85df1-991d3cc48e.zip index d101f24c63..0d01184c5b 100644 Binary files a/.yarn/cache/eslint-plugin-cypress-npm-3.2.0-fe6d901dde-c422a5c3a4.zip and b/.yarn/cache/eslint-plugin-cypress-npm-4.1.0-c0e8a85df1-991d3cc48e.zip differ diff --git a/.yarn/cache/eslint-plugin-import-npm-2.29.1-b94305f7dc-5f35dfbf4e.zip b/.yarn/cache/eslint-plugin-import-npm-2.29.1-b94305f7dc-5f35dfbf4e.zip deleted file mode 100644 index 16c1270b9a..0000000000 Binary files a/.yarn/cache/eslint-plugin-import-npm-2.29.1-b94305f7dc-5f35dfbf4e.zip and /dev/null differ diff --git a/.yarn/cache/eslint-plugin-import-npm-2.31.0-3c7ca668cd-e21d116ddd.zip b/.yarn/cache/eslint-plugin-import-npm-2.31.0-3c7ca668cd-e21d116ddd.zip new file mode 100644 index 0000000000..62b4bbc135 Binary files /dev/null and b/.yarn/cache/eslint-plugin-import-npm-2.31.0-3c7ca668cd-e21d116ddd.zip differ diff --git a/.yarn/cache/eslint-plugin-jsdoc-npm-48.2.3-87dcb93322-e755923d96.zip b/.yarn/cache/eslint-plugin-jsdoc-npm-50.4.3-f048987db5-96067f8fc3.zip similarity index 53% rename from .yarn/cache/eslint-plugin-jsdoc-npm-48.2.3-87dcb93322-e755923d96.zip rename to .yarn/cache/eslint-plugin-jsdoc-npm-50.4.3-f048987db5-96067f8fc3.zip index 958cd85585..f0f806c8da 100644 Binary files a/.yarn/cache/eslint-plugin-jsdoc-npm-48.2.3-87dcb93322-e755923d96.zip and b/.yarn/cache/eslint-plugin-jsdoc-npm-50.4.3-f048987db5-96067f8fc3.zip differ diff --git a/.yarn/cache/eslint-plugin-jsx-a11y-npm-6.8.0-5ffd885665-199b883e52.zip b/.yarn/cache/eslint-plugin-jsx-a11y-npm-6.10.2-23afcd8d2e-d93354e03b.zip similarity index 84% rename from .yarn/cache/eslint-plugin-jsx-a11y-npm-6.8.0-5ffd885665-199b883e52.zip rename to .yarn/cache/eslint-plugin-jsx-a11y-npm-6.10.2-23afcd8d2e-d93354e03b.zip index 860f7c7bf0..5c4c128670 100644 Binary files a/.yarn/cache/eslint-plugin-jsx-a11y-npm-6.8.0-5ffd885665-199b883e52.zip and b/.yarn/cache/eslint-plugin-jsx-a11y-npm-6.10.2-23afcd8d2e-d93354e03b.zip differ diff --git a/.yarn/cache/eslint-plugin-react-npm-7.34.1-93be695b40-7c61b1314d.zip b/.yarn/cache/eslint-plugin-react-npm-7.37.2-9fdf577e3b-01c498f263.zip similarity index 73% rename from .yarn/cache/eslint-plugin-react-npm-7.34.1-93be695b40-7c61b1314d.zip rename to .yarn/cache/eslint-plugin-react-npm-7.37.2-9fdf577e3b-01c498f263.zip index b3e10f15c7..3ea8b51b4d 100644 Binary files a/.yarn/cache/eslint-plugin-react-npm-7.34.1-93be695b40-7c61b1314d.zip and b/.yarn/cache/eslint-plugin-react-npm-7.37.2-9fdf577e3b-01c498f263.zip differ diff --git a/.yarn/cache/eslint-scope-npm-7.2.2-53cb0df8e8-613c267aea.zip b/.yarn/cache/eslint-scope-npm-8.2.0-d74e314c9e-8d2d58e213.zip similarity index 91% rename from .yarn/cache/eslint-scope-npm-7.2.2-53cb0df8e8-613c267aea.zip rename to .yarn/cache/eslint-scope-npm-8.2.0-d74e314c9e-8d2d58e213.zip index afe1161ecf..bdff178ad7 100644 Binary files a/.yarn/cache/eslint-scope-npm-7.2.2-53cb0df8e8-613c267aea.zip and b/.yarn/cache/eslint-scope-npm-8.2.0-d74e314c9e-8d2d58e213.zip differ diff --git a/.yarn/cache/eslint-visitor-keys-npm-4.2.0-a591434af3-2ed81c663b.zip b/.yarn/cache/eslint-visitor-keys-npm-4.2.0-a591434af3-2ed81c663b.zip new file mode 100644 index 0000000000..8345b5523d Binary files /dev/null and b/.yarn/cache/eslint-visitor-keys-npm-4.2.0-a591434af3-2ed81c663b.zip differ diff --git a/.yarn/cache/espree-npm-9.6.1-a50722a5a9-1a2e9b4699.zip b/.yarn/cache/espree-npm-10.3.0-e5b10052f5-272beeaca7.zip similarity index 88% rename from .yarn/cache/espree-npm-9.6.1-a50722a5a9-1a2e9b4699.zip rename to .yarn/cache/espree-npm-10.3.0-e5b10052f5-272beeaca7.zip index 33fe11d46a..2f72beec42 100644 Binary files a/.yarn/cache/espree-npm-9.6.1-a50722a5a9-1a2e9b4699.zip and b/.yarn/cache/espree-npm-10.3.0-e5b10052f5-272beeaca7.zip differ diff --git a/.yarn/cache/file-entry-cache-npm-6.0.1-31965cf0af-58473e8a82.zip b/.yarn/cache/file-entry-cache-npm-8.0.0-5b09d19a83-9e2b5938b1.zip similarity index 56% rename from .yarn/cache/file-entry-cache-npm-6.0.1-31965cf0af-58473e8a82.zip rename to .yarn/cache/file-entry-cache-npm-8.0.0-5b09d19a83-9e2b5938b1.zip index aefabd0883..daedfebc39 100644 Binary files a/.yarn/cache/file-entry-cache-npm-6.0.1-31965cf0af-58473e8a82.zip and b/.yarn/cache/file-entry-cache-npm-8.0.0-5b09d19a83-9e2b5938b1.zip differ diff --git a/.yarn/cache/flat-cache-npm-3.2.0-9a887f084e-b76f611bd5.zip b/.yarn/cache/flat-cache-npm-3.2.0-9a887f084e-b76f611bd5.zip deleted file mode 100644 index dcc67e13b3..0000000000 Binary files a/.yarn/cache/flat-cache-npm-3.2.0-9a887f084e-b76f611bd5.zip and /dev/null differ diff --git a/.yarn/cache/flat-cache-npm-4.0.1-12bf2455f7-2c59d93e9f.zip b/.yarn/cache/flat-cache-npm-4.0.1-12bf2455f7-2c59d93e9f.zip new file mode 100644 index 0000000000..4957d43c2e Binary files /dev/null and b/.yarn/cache/flat-cache-npm-4.0.1-12bf2455f7-2c59d93e9f.zip differ diff --git a/.yarn/cache/globals-npm-13.24.0-cc7713139c-d3c11aeea8.zip b/.yarn/cache/globals-npm-13.24.0-cc7713139c-d3c11aeea8.zip deleted file mode 100644 index d9d07cd971..0000000000 Binary files a/.yarn/cache/globals-npm-13.24.0-cc7713139c-d3c11aeea8.zip and /dev/null differ diff --git a/.yarn/cache/globals-npm-14.0.0-5fc3d8d5da-b96ff42620.zip b/.yarn/cache/globals-npm-14.0.0-5fc3d8d5da-b96ff42620.zip new file mode 100644 index 0000000000..0ea7d9b76d Binary files /dev/null and b/.yarn/cache/globals-npm-14.0.0-5fc3d8d5da-b96ff42620.zip differ diff --git a/.yarn/cache/globals-npm-15.11.0-336de1c0c2-861e39bb6b.zip b/.yarn/cache/globals-npm-15.11.0-336de1c0c2-861e39bb6b.zip new file mode 100644 index 0000000000..f83de5055e Binary files /dev/null and b/.yarn/cache/globals-npm-15.11.0-336de1c0c2-861e39bb6b.zip differ diff --git a/.yarn/cache/graphemer-npm-1.4.0-0627732d35-e951259d8c.zip b/.yarn/cache/graphemer-npm-1.4.0-0627732d35-e951259d8c.zip deleted file mode 100644 index f1d0b5e218..0000000000 Binary files a/.yarn/cache/graphemer-npm-1.4.0-0627732d35-e951259d8c.zip and /dev/null differ diff --git a/.yarn/cache/is-builtin-module-npm-3.2.1-2f92a5d353-5a66937a03.zip b/.yarn/cache/is-builtin-module-npm-3.2.1-2f92a5d353-5a66937a03.zip deleted file mode 100644 index 2f9796378a..0000000000 Binary files a/.yarn/cache/is-builtin-module-npm-3.2.1-2f92a5d353-5a66937a03.zip and /dev/null differ diff --git a/.yarn/cache/jsdoc-type-pratt-parser-npm-4.0.0-7b035921c4-b23ef7bbbe.zip b/.yarn/cache/jsdoc-type-pratt-parser-npm-4.1.0-6f90ea9fa7-7700372d2e.zip similarity index 94% rename from .yarn/cache/jsdoc-type-pratt-parser-npm-4.0.0-7b035921c4-b23ef7bbbe.zip rename to .yarn/cache/jsdoc-type-pratt-parser-npm-4.1.0-6f90ea9fa7-7700372d2e.zip index d2e93cb4df..b307b2d46a 100644 Binary files a/.yarn/cache/jsdoc-type-pratt-parser-npm-4.0.0-7b035921c4-b23ef7bbbe.zip and b/.yarn/cache/jsdoc-type-pratt-parser-npm-4.1.0-6f90ea9fa7-7700372d2e.zip differ diff --git a/.yarn/cache/object.hasown-npm-1.1.4-fb6312bfee-f23187b08d.zip b/.yarn/cache/object.hasown-npm-1.1.4-fb6312bfee-f23187b08d.zip deleted file mode 100644 index 9d4447319b..0000000000 Binary files a/.yarn/cache/object.hasown-npm-1.1.4-fb6312bfee-f23187b08d.zip and /dev/null differ diff --git a/.yarn/cache/parse-imports-npm-2.2.1-038aa0cbb7-bc541ce4ef.zip b/.yarn/cache/parse-imports-npm-2.2.1-038aa0cbb7-bc541ce4ef.zip new file mode 100644 index 0000000000..7c17771f05 Binary files /dev/null and b/.yarn/cache/parse-imports-npm-2.2.1-038aa0cbb7-bc541ce4ef.zip differ diff --git a/.yarn/cache/slashes-npm-3.0.12-28822614a6-71ca2a1fcd.zip b/.yarn/cache/slashes-npm-3.0.12-28822614a6-71ca2a1fcd.zip new file mode 100644 index 0000000000..348724c502 Binary files /dev/null and b/.yarn/cache/slashes-npm-3.0.12-28822614a6-71ca2a1fcd.zip differ diff --git a/.yarn/cache/string.prototype.includes-npm-2.0.1-12fb63787c-25ce9c9b49.zip b/.yarn/cache/string.prototype.includes-npm-2.0.1-12fb63787c-25ce9c9b49.zip new file mode 100644 index 0000000000..eb8c02c68d Binary files /dev/null and b/.yarn/cache/string.prototype.includes-npm-2.0.1-12fb63787c-25ce9c9b49.zip differ diff --git a/.yarn/cache/string.prototype.repeat-npm-1.0.0-3f87f5fd9e-94c7978566.zip b/.yarn/cache/string.prototype.repeat-npm-1.0.0-3f87f5fd9e-94c7978566.zip new file mode 100644 index 0000000000..8b00a32217 Binary files /dev/null and b/.yarn/cache/string.prototype.repeat-npm-1.0.0-3f87f5fd9e-94c7978566.zip differ diff --git a/.yarn/cache/synckit-npm-0.9.2-515a819361-e0c2628174.zip b/.yarn/cache/synckit-npm-0.9.2-515a819361-e0c2628174.zip new file mode 100644 index 0000000000..52c687f5a9 Binary files /dev/null and b/.yarn/cache/synckit-npm-0.9.2-515a819361-e0c2628174.zip differ diff --git a/.yarn/cache/type-fest-npm-0.20.2-b36432617f-dea9df45ea.zip b/.yarn/cache/type-fest-npm-0.20.2-b36432617f-dea9df45ea.zip deleted file mode 100644 index 0dc6208279..0000000000 Binary files a/.yarn/cache/type-fest-npm-0.20.2-b36432617f-dea9df45ea.zip and /dev/null differ diff --git a/docs/assets/js/admin/widgets/genericPreviewTemplate.js b/docs/assets/js/admin/widgets/genericPreviewTemplate.js index 4919eca992..d4b2157b60 100644 --- a/docs/assets/js/admin/widgets/genericPreviewTemplate.js +++ b/docs/assets/js/admin/widgets/genericPreviewTemplate.js @@ -2,7 +2,7 @@ import PropTypes from 'prop-types'; import React, { Component } from 'react'; import { ReactLiquid, liquidEngine } from 'react-liquid'; import template from '../../../../_includes/generic-content.html'; -// eslint-disable-next-line import/namespace + import { marked } from '../../../../../node_modules/marked/lib/marked.esm.js'; export default class Preview extends Component { diff --git a/docs/assets/js/admin/widgets/pagePreviewTemplate.js b/docs/assets/js/admin/widgets/pagePreviewTemplate.js index e956e85986..77864ba48e 100644 --- a/docs/assets/js/admin/widgets/pagePreviewTemplate.js +++ b/docs/assets/js/admin/widgets/pagePreviewTemplate.js @@ -9,7 +9,7 @@ import Tabs from '../../../../assets/js/tabs.js'; import { encode } from 'html-entities'; import slugify from 'slugify'; import template from '../../../../_includes/variation-content.html'; -// eslint-disable-next-line import/namespace + import { marked } from '../../../../../node_modules/marked/lib/marked.esm.js'; // react-liquid (https://github.com/aquibm/react-liquid/) isn't able to `include` other files so we @@ -71,7 +71,7 @@ export default class Preview extends Component { }; return ( // TODO: We're breaking some a11y here by making the whole page clickable. - // eslint-disable-next-line + // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
this.handleClick(event)}>
diff --git a/eslint.config.js b/eslint.config.js new file mode 100644 index 0000000000..cd72e059fa --- /dev/null +++ b/eslint.config.js @@ -0,0 +1,73 @@ +// Run `npx @eslint/config-inspector` to inspect the config. + +import globals from 'globals'; +import js from '@eslint/js'; +import importPlugin from 'eslint-plugin-import'; +import jsdoc from 'eslint-plugin-jsdoc'; +import jsxA11y from 'eslint-plugin-jsx-a11y'; +import reactPlugin from 'eslint-plugin-react'; +import pluginCypress from 'eslint-plugin-cypress/flat'; +import eslintConfigPrettier from 'eslint-config-prettier'; + +export default [ + { + ignores: [ + '.yarn/', + 'docs/_site/', + 'docs/dist/', + 'test/unit-test-coverage/', + 'packages/cfpb-design-system/dist/', + ], + }, + js.configs.recommended, + importPlugin.flatConfigs.recommended, + jsdoc.configs['flat/recommended'], + jsxA11y.flatConfigs.recommended, + reactPlugin.configs.flat.recommended, + pluginCypress.configs.recommended, + eslintConfigPrettier, + { + languageOptions: { + ecmaVersion: 2023, + parserOptions: { + ecmaFeatures: { + jsx: true, + }, + }, + globals: { + ...globals.browser, + ...globals.node, + ...globals.jest, + }, + }, + settings: { + 'import/resolver': { + node: { + paths: ['src'], + extensions: ['.js', '.ts', '.d.ts', '.tsx'], + }, + }, + react: { + version: 'detect', + }, + }, + // Some plugins are automatically included. + // plugins: {}, + rules: { + 'jsdoc/require-hyphen-before-param-description': 'warn', + 'no-console': ['warn'], + 'no-use-before-define': ['error', 'nofunc'], + 'no-unused-vars': [ + 'error', + { + vars: 'all', + args: 'after-used', + ignoreRestSiblings: false, + }, + ], + 'no-var': ['error'], + 'prefer-const': ['error'], + radix: ['error'], + }, + }, +]; diff --git a/lighthouserc.cjs b/lighthouserc.cjs index b803f66ad6..7548191e2a 100644 --- a/lighthouserc.cjs +++ b/lighthouserc.cjs @@ -24,7 +24,7 @@ if (!urlsSpecified) { "No HTML files found; build the docs first with 'yarn build-decap'.", ); - // eslint-disable-next-line no-process-exit + process.exit(1); } diff --git a/package.json b/package.json index 60c737f36c..f176accc57 100644 --- a/package.json +++ b/package.json @@ -60,14 +60,15 @@ "cypress": "13.15.1", "esbuild": "0.24.0", "esbuild-plugin-liquid": "0.2.0", - "eslint": "8.57.0", + "eslint": "9.13.0", "eslint-config-prettier": "9.1.0", - "eslint-plugin-cypress": "3.2.0", - "eslint-plugin-import": "2.29.1", - "eslint-plugin-jsdoc": "48.2.3", - "eslint-plugin-jsx-a11y": "6.8.0", - "eslint-plugin-react": "7.34.1", + "eslint-plugin-cypress": "4.1.0", + "eslint-plugin-import": "2.31.0", + "eslint-plugin-jsdoc": "50.4.3", + "eslint-plugin-jsx-a11y": "6.10.2", + "eslint-plugin-react": "7.37.2", "glob": "11.0.0", + "globals": "15.11.0", "http-server": "14.1.1", "jest": "29.7.0", "jest-cli": "29.7.0", diff --git a/packages/cfpb-design-system/dist/components/cfpb-expandables/index.js.map b/packages/cfpb-design-system/dist/components/cfpb-expandables/index.js.map index 4520344f51..6e44435ed4 100644 --- a/packages/cfpb-design-system/dist/components/cfpb-expandables/index.js.map +++ b/packages/cfpb-design-system/dist/components/cfpb-expandables/index.js.map @@ -1,7 +1,7 @@ { "version": 3, "sources": ["../../../../../packages/cfpb-design-system/src/utilities/utilities.scss", "../../../../../packages/cfpb-design-system/src/abstracts/vars-breakpoints.js", "../../../../../packages/cfpb-design-system/src/utilities/breakpoint-state.js", "../../../../../packages/cfpb-design-system/src/utilities/standard-type.js", "../../../../../packages/cfpb-design-system/src/utilities/event-observer.js", "../../../../../packages/cfpb-design-system/src/utilities/data-hook.js", "../../../../../packages/cfpb-design-system/src/utilities/atomic-helpers.js", "../../../../../packages/cfpb-design-system/src/base/normalize.scss", "../../../../../packages/cfpb-design-system/src/base/base.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-group.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-link.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-with-icon.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/form.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/form-alert.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/form-field.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/label.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/range.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/search-input.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/select.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/tag.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/text-input.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/multiselect-model.js", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/multiselect-utils.js", "../../../../../packages/cfpb-design-system/src/components/cfpb-icons/icons/error.svg", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/multiselect.js", "../../../../../packages/cfpb-design-system/src/components/cfpb-icons/icon.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/card.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/card-group.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/email-signup.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/featured-content-module.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/hero.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/layout.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/text-introduction.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/well.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-notifications/banner.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-notifications/notification.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-pagination/pagination.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-tables/table.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/date.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/link.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/list.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/meta-header.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/pull-quote.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/slug-header.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/tagline.scss", "../../../../../packages/cfpb-design-system/src/utilities/behavior/behavior.js", "../../../../../packages/cfpb-design-system/src/utilities/type-checkers.js", "../../../../../packages/cfpb-design-system/src/utilities/media-helpers.js", "../../../../../packages/cfpb-design-system/src/utilities/behavior/flyout-menu.js", "../../../../../packages/cfpb-design-system/src/utilities/transition/alpha-transition.js", "../../../../../packages/cfpb-design-system/src/utilities/transition/base-transition.js", "../../../../../packages/cfpb-design-system/src/utilities/transition/max-height-transition.js", "../../../../../packages/cfpb-design-system/src/utilities/transition/move-transition.js", "../../../../../packages/cfpb-design-system/src/components/cfpb-expandables/expandable.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-expandables/expandable.js", "../../../../../packages/cfpb-design-system/src/components/cfpb-expandables/expandable-group.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-expandables/expandable-group.js", "../../../../../packages/cfpb-design-system/src/components/cfpb-expandables/summary.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-expandables/summary.js", "../../../../../packages/cfpb-design-system/src/components/cfpb-expandables/summary-minimal.js"], - "sourcesContent": ["/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}", "/* ==========================================================================\n Design System\n Breakpoint JavaScript variables.\n All values are pixel based.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.scss as well.\n ========================================================================== */\n\nexport const varsBreakpoints = {\n bpXS: {\n min: 0,\n max: 600,\n },\n bpSM: {\n min: 601,\n max: 900,\n },\n bpMED: {\n min: 901,\n max: 1020,\n },\n bpLG: {\n min: 1021,\n max: 1200,\n },\n bpXL: {\n min: 1201,\n },\n};\n", "/* ==========================================================================\n Get Breakpoint State\n ========================================================================== */\n\nimport { varsBreakpoints } from '../abstracts/vars-breakpoints.js';\n\n/**\n * @returns {number} The base font size set on the body element.\n */\nfunction _getBodyBaseFontSize() {\n let fontSize = getComputedStyle(document.body).fontSize;\n fontSize = fontSize === '' ? -1 : fontSize;\n return parseFloat(fontSize);\n}\n\n/**\n * @param {object} breakpointRange - Object containing breakpoint constants.\n * For example, for `bpXS` the value `{ min: 0, max: 600 }` would be passed.\n * @param {number} width - Current window width.\n * @returns {boolean} Whether the passed width is within a breakpoint range.\n */\nfunction _inBreakpointRange(breakpointRange, width) {\n let breakpointRangeMin = breakpointRange.min;\n let breakpointRangeMax = breakpointRange.max;\n\n // Whether the user has set a custom size for the font in their browser.\n const useEmsConversation =\n _getBodyBaseFontSize() > 0 && _getBodyBaseFontSize() !== 16;\n if (useEmsConversation) {\n /* 16 = base font size without adjustments.\n The CSS converts breakpoints to ems, which then change the width of the\n pixel width of the breakpoint. In JavaScript, the breakpoints are defined\n in pixels, so we first convert them to ems using the 16px base font size\n and then multiply them by any adjustments set by customizations of the\n font size in the user's browser. */\n breakpointRangeMin = (breakpointRangeMin / 16) * _getBodyBaseFontSize();\n breakpointRangeMax = (breakpointRangeMax / 16) * _getBodyBaseFontSize();\n }\n\n const min = breakpointRangeMin || 0;\n const max = breakpointRangeMax || Number.POSITIVE_INFINITY;\n\n return min <= width && width <= max;\n}\n\n/**\n * @param {number} width - Current window width.\n * @returns {object} An object literal with boolean\n * bpXS, bpSM, bpMED, bpLG, bpXL properties.\n */\nfunction getBreakpointState(width) {\n const breakpointState = {};\n width = width || window.innerWidth;\n\n let rangeKey;\n // eslint-disable-next-line guard-for-in\n for (rangeKey in varsBreakpoints) {\n breakpointState[rangeKey] = _inBreakpointRange(\n varsBreakpoints[rangeKey],\n width,\n );\n }\n\n return breakpointState;\n}\n\n// Constants for breakpoint groupings.\nconst MOBILE = 'mobile';\nconst TABLET = 'tablet';\nconst DESKTOP = 'desktop';\n\n/**\n * Checks whether the current breakpoint is in a particular breakpoint group.\n * @param {string} breakpointGroup - Breakpoint group names.\n * @returns {boolean} True if in the breakpoint group, otherwise false.\n */\nfunction viewportIsIn(breakpointGroup) {\n let response = false;\n const currentBreakpoint = getBreakpointState();\n\n if (\n (breakpointGroup === MOBILE && currentBreakpoint.bpXS) ||\n (breakpointGroup === TABLET && currentBreakpoint.bpSM) ||\n (breakpointGroup === DESKTOP &&\n (currentBreakpoint.bpMED ||\n currentBreakpoint.bpLG ||\n currentBreakpoint.bpXL))\n ) {\n response = true;\n }\n\n return response;\n}\n\n// Expose public methods.\nexport { MOBILE, TABLET, DESKTOP, getBreakpointState, viewportIsIn };\n", "/**\n * @constant\n * @type {string}\n * @description\n * Constant for the name of the data-* attribute set on\n * HTML DOM elements for access by JavaScript.\n */\nconst JS_HOOK = 'data-js-hook';\n\n/**\n * @constant\n * @type {string}\n * @description\n * Flag prefix for settings that describe what JavaScript\n * behaviors should be attached to a component.\n * This would be set in the markup and initialized when\n * the JavaScript loads.\n * @example\n * A component may flag that it has certain JavaScript behaviors attached,\n * such as:\n * `data-js-hook=\"behavior_flyout-menu behavior_clearable-input\"`,\n * which defines that two scripts (FlyoutMenu) and (ClearableInput)\n * should access this DOM element and initialize its behaviors.\n */\nconst BEHAVIOR_PREFIX = 'behavior_';\n\n/**\n * @constant\n * @type {string}\n * @description\n * Flag prefix for settings related to changes in a components\n * state set in the data-* JavaScript hook.\n * @example\n * A component may flag that it has been initialized by setting\n * `data-js-hook=\"state_atomic_init\"` after page load.\n * Which specifies that the init method of a atomic constructor\n * has been called, such as\n * `var globalSearch = new GlobalSearch( 'm-global-search' ).init()`.\n */\nconst STATE_PREFIX = 'state_';\n\nexport { JS_HOOK, BEHAVIOR_PREFIX, STATE_PREFIX };\n", "/**\n * EventObserver\n * @class\n * @classdesc Used to create an object\n * that can dispatch and listen to custom events.\n * @returns {object} An EventObserver instance.\n */\nfunction EventObserver() {\n // The events registered on this instance.\n const _events = {};\n\n /**\n * Register an event listener.\n * @param {string} event - The event name to listen for.\n * @param {Function} callback - The function called when the event has fired.\n * @returns {object} The instance this EventObserver instance is decorating.\n */\n function addEventListener(event, callback) {\n if ({}.hasOwnProperty.call(_events, event)) {\n _events[event].push(callback);\n } else {\n _events[event] = [callback];\n }\n\n return this;\n }\n\n /**\n * Remove an added event listener.\n * Must match a call made to addEventListener.\n * @param {string} event - The event name to remove.\n * @param {Function} callback - The function attached to the event.\n * @returns {object} The instance this EventObserver instance is decorating.\n */\n function removeEventListener(event, callback) {\n if (!{}.hasOwnProperty.call(_events, event)) {\n return this;\n }\n\n const index = _events[event].indexOf(callback);\n // Check if there are any callbacks associated with a particular event.\n if (index !== -1) {\n _events[event].splice(index, 1);\n }\n\n return this;\n }\n\n /**\n * Broadcast an event.\n * @param {string} event - The type of event to broadcast.\n * @param {object} options - The event object to pass to the event handler.\n * @returns {object} The instance this EventObserver instance is decorating.\n */\n function dispatchEvent(event, options) {\n if (!{}.hasOwnProperty.call(_events, event)) {\n return this;\n }\n\n options = options || {};\n\n const evts = _events[event];\n for (let i = 0, len = evts.length; i < len; i++) {\n evts[i].call(this, options);\n }\n\n return this;\n }\n\n this.addEventListener = addEventListener;\n this.removeEventListener = removeEventListener;\n this.dispatchEvent = dispatchEvent;\n this.getRegisteredEvents = () => _events;\n\n return this;\n}\n\nexport { EventObserver };\n", "import { JS_HOOK } from './standard-type.js';\n\n/**\n * @param {HTMLElement} element - DOM element.\n * @param {string} value - Value to check as existing as a JS data-* hook value.\n * @returns {boolean} True if the data-* hook value exists, false otherwise.\n */\nfunction contains(element, value) {\n if (!element) {\n return false;\n }\n let values = element.getAttribute(JS_HOOK);\n // If JS data-* hook is not set return immediately.\n if (!values) {\n return false;\n }\n values = values.split(' ');\n\n return values.indexOf(value) > -1 ? true : false;\n}\n\n/**\n * @param {HTMLElement} element - DOM element.\n * @param {string} value - Value to add to the element's JS data-* hook.\n * @returns {string} The value that was added.\n * @throws {Error} If supplied value contains a space,\n * meaning it would be two values, which is likely a typo.\n */\nfunction add(element, value) {\n if (contains(element, value)) return value;\n\n if (value.indexOf(' ') !== -1) {\n const msg = JS_HOOK + ' values cannot contain spaces!';\n throw new Error(msg);\n }\n\n const values = element.getAttribute(JS_HOOK);\n if (values !== null) {\n value = values + ' ' + value;\n }\n element.setAttribute(JS_HOOK, value);\n\n return value;\n}\n\nexport { add, contains };\n", "/* ==========================================================================\n Atomic Helpers.\n Utilities for helping validate atomic design element architecture.\n In descending order of scope, atomic components are:\n - Page\n - Template\n - Organism\n - Molecule\n - Atom\n ========================================================================= */\n\nimport { add, contains } from './data-hook.js';\nimport { STATE_PREFIX } from './standard-type.js';\n\n/**\n * @constant\n * @type {string}\n * @description\n * Flag that gets set on an atomic component after its .init()\n * method has been called. This is used so that an atomic\n * component won't get initialized a second time after it\n * has already been initialized.\n */\nconst INIT_FLAG = STATE_PREFIX + 'atomic_init';\n\n/**\n * @param {HTMLElement} element - The DOM element within which to search for\n * the atomic element class.\n * @param {string} baseClass - The CSS class name for the atomic element.\n * @returns {HTMLElement} The DOM element for the atomic element.\n * @throws {Error} If DOM element passed into the atomic element is not valid.\n */\nfunction _verifyElementExists(element, baseClass) {\n if (!element || !element.classList) {\n const msg =\n element +\n ' is not valid. ' +\n 'Check that element is a DOM node with class \"' +\n baseClass +\n '\"';\n throw new Error(msg);\n }\n\n return element;\n}\n\n/**\n * @param {HTMLElement} element - The DOM element within which to search\n * for the atomic element class.\n * @param {string} baseClass - The CSS class name for the atomic element.\n * @returns {HTMLElement} The DOM element for the atomic element.\n * @throws {Error} If baseClass was not found on the element.\n */\nfunction _verifyClassExists(element, baseClass) {\n const dom = element.classList.contains(baseClass)\n ? element\n : element.querySelector('.' + baseClass);\n if (!dom) {\n const msg = baseClass + ' not found on or in passed DOM node.';\n throw new Error(msg);\n }\n\n return dom;\n}\n\n/**\n * Check that a particular element passed into the constructor of\n * an atomic component exists and that the correct atomic class\n * is present on the element.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the atomic element class.\n * @param {string} baseClass - The CSS class name for the atomic element.\n * @returns {HTMLElement} The DOM element for the atomic element.\n * @throws {Error} If DOM element passed into the atomic element is not valid.\n */\nfunction checkDom(element, baseClass) {\n _verifyElementExists(element, baseClass);\n const dom = _verifyClassExists(element, baseClass);\n\n return dom;\n}\n\n/**\n * Set a flag on an atomic component when it is initialized.\n * Use the returned boolean to handle cases where an atomic component\n * is initializing when it has already been initialized elsewhere.\n * @param {HTMLElement} element - The DOM element for the atomic component.\n * @returns {boolean} True if the init data-js-* hook attribute was set,\n * false otherwise.\n */\nfunction setInitFlag(element) {\n if (contains(element, INIT_FLAG)) {\n return false;\n }\n\n add(element, INIT_FLAG);\n\n return true;\n}\n\n/**\n * @param {string} selector - Selector to search for in the document.\n * @param {Function} Constructor - A constructor function.\n * @param {HTMLElement} [scope] - A dom node in which to query the selector.\n * If not supplied, it defaults to the `document`.\n * @param {object} config - Configuration will be provided to the Constructor's init()\n * @returns {Array} List of instances that were instantiated.\n */\nfunction instantiateAll(selector, Constructor, scope, config = {}) {\n const base = scope || document;\n const elements = base.querySelectorAll(selector);\n const insts = [];\n let inst;\n let element;\n for (let i = 0, len = elements.length; i < len; i++) {\n element = elements[i];\n if (contains(element, INIT_FLAG) === false) {\n inst = new Constructor(element);\n inst.init(config);\n insts.push(inst);\n }\n }\n return insts;\n}\n\n// Expose public methods.\nexport { checkDom, instantiateAll, setInitFlag };\n", "@charset \"UTF-8\";\n/*! normalize.css v2.1.3 | MIT License | git.io/normalize */\n/* ==========================================================================\n Base\n ========================================================================== */\n/**\n * 1. Set default font family to sans-serif.\n * 2. Prevent iOS text size adjust after orientation change, without disabling\n * user zoom.\n */\nhtml {\n font-family: sans-serif; /* 1 */\n -webkit-text-size-adjust: 100%;\n text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove default margin.\n */\nbody {\n margin: 0;\n}\n\n/* ==========================================================================\n Links\n ========================================================================== */\n/**\n * Address `outline` inconsistency between Chrome and other browsers.\n */\na:focus {\n outline: thin dotted;\n}\n\n/**\n * Improve readability when focused and also mouse hovered in all browsers.\n */\na:active,\na:hover {\n outline: 0;\n}\n\n/* ==========================================================================\n Typography\n ========================================================================== */\n/**\n * Address variable `h1` font-size and margin within `section` and `article`\n * contexts in Firefox 4+, Safari 5, and Chrome.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n box-sizing: content-box;\n height: 0;\n}\n\n/**\n * Correct font family set oddly in Safari 5 and Chrome.\n */\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, serif;\n font-size: 1em;\n}\n\n/**\n * Improve readability of pre-formatted text in all browsers.\n */\npre {\n white-space: pre-wrap;\n}\n\n/**\n * Set consistent quote types.\n */\nq {\n quotes: \"\u201C\" \"\u201D\" \"\u2018\" \"\u2019\";\n}\n\n/**\n * Address inconsistent and variable font size in all browsers.\n */\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -0.5em;\n}\n\nsub {\n bottom: -0.25em;\n}\n\n/* ==========================================================================\n Figures\n ========================================================================== */\n/**\n * Address margin not present in IE 8/9 and Safari 5.\n */\nfigure {\n margin: 0;\n}\n\n/* ==========================================================================\n Forms\n ========================================================================== */\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n\n/**\n * 1. Correct `color` not being inherited in IE 8/9.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n border: 0; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * 1. Correct font family not being inherited in all browsers.\n * 2. Correct font size not being inherited in all browsers.\n * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.\n */\nbutton,\ninput,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 2 */\n margin: 0; /* 3 */\n}\n\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.\n */\nbutton,\ninput {\n line-height: normal;\n}\n\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.\n * Correct `select` style inheritance in Firefox 4+ and Opera.\n */\nbutton,\nselect {\n text-transform: none;\n}\n\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n * and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type\n * `input` and others.\n */\nbutton,\nhtml input[type=button],\ninput[type=reset],\ninput[type=submit] {\n appearance: button; /* 2 */\n cursor: pointer; /* 3 */\n}\n\n/**\n * Re-set default cursor for disabled elements.\n */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n\n/**\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type=checkbox],\ninput[type=radio] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome.\n */\ninput[type=search] {\n appearance: textfield; /* 1 */\n box-sizing: content-box; /* 2 */\n}\n\n/**\n * Remove inner padding and search cancel button in Safari 5 and Chrome\n * on OS X.\n */\ninput[type=search]::-webkit-search-cancel-button,\ninput[type=search]::-webkit-search-decoration {\n appearance: none;\n}\n\n/**\n * Remove inner padding and border in Firefox 4+.\n */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n/**\n * 1. Remove default vertical scrollbar in IE 8/9.\n * 2. Improve readability and alignment in all browsers.\n */\ntextarea {\n overflow: auto; /* 1 */\n vertical-align: top; /* 2 */\n}\n\n/* ==========================================================================\n Tables\n ========================================================================== */\n/**\n * Remove most spacing between table cells.\n */\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\nbody {\n color: var(--black);\n font-family: var(--font-stack);\n font-size: 100%;\n line-height: 1.375;\n -webkit-font-smoothing: antialiased;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n font-family: var(--font-stack);\n}\n\nstrong,\nb {\n font-weight: 600;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n}\n\nh1,\n.h1 {\n font-size: 2.125em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.4411764706em;\n}\np + h1, ul + h1, ol + h1, dl + h1, figure + h1, img + h1, table + h1, blockquote + h1,\np + .h1,\nul + .h1,\nol + .h1,\ndl + .h1,\nfigure + .h1,\nimg + .h1,\ntable + .h1,\nblockquote + .h1 {\n margin-top: 1.7647058824em;\n}\n@media only all and (max-width: 37.5em) {\n p + h1, ul + h1, ol + h1, dl + h1, figure + h1, img + h1, table + h1, blockquote + h1,\n p + .h1,\n ul + .h1,\n ol + .h1,\n dl + .h1,\n figure + .h1,\n img + .h1,\n table + .h1,\n blockquote + .h1 {\n margin-top: 1.7307692308em;\n }\n h2 + h1, .h2 + h1, h3 + h1, .h3 + h1, h4 + h1, .h4 + h1, h5 + h1, .h5 + h1, h6 + h1, .h6 + h1,\n h2 + .h1,\n .h2 + .h1,\n h3 + .h1,\n .h3 + .h1,\n h4 + .h1,\n .h4 + .h1,\n h5 + .h1,\n .h5 + .h1,\n h6 + .h1,\n .h6 + .h1 {\n margin-top: 1.1538461538em;\n }\n}\n@media only all and (max-width: 37.5em) {\n h1,\n .h1 {\n font-size: 1.625em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n }\n p + h1, ul + h1, ol + h1, dl + h1, figure + h1, img + h1, table + h1, blockquote + h1,\n p + .h1,\n ul + .h1,\n ol + .h1,\n dl + .h1,\n figure + .h1,\n img + .h1,\n table + .h1,\n blockquote + .h1 {\n margin-top: 1.7307692308em;\n }\n h1 + h1, .h1 + h1, h3 + h1, .h3 + h1, h4 + h1, .h4 + h1, h5 + h1, .h5 + h1, h6 + h1, .h6 + h1,\n h1 + .h1,\n .h1 + .h1,\n h3 + .h1,\n .h3 + .h1,\n h4 + .h1,\n .h4 + .h1,\n h5 + .h1,\n .h5 + .h1,\n h6 + .h1,\n .h6 + .h1 {\n margin-top: 1.1538461538em;\n }\n}\n\nh2,\n.h2 {\n font-size: 1.625em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n}\np + h2, ul + h2, ol + h2, dl + h2, figure + h2, img + h2, table + h2, blockquote + h2,\np + .h2,\nul + .h2,\nol + .h2,\ndl + .h2,\nfigure + .h2,\nimg + .h2,\ntable + .h2,\nblockquote + .h2 {\n margin-top: 1.7307692308em;\n}\nh1 + h2, .h1 + h2, h3 + h2, .h3 + h2, h4 + h2, .h4 + h2, h5 + h2, .h5 + h2, h6 + h2, .h6 + h2,\nh1 + .h2,\n.h1 + .h2,\nh3 + .h2,\n.h3 + .h2,\nh4 + .h2,\n.h4 + .h2,\nh5 + .h2,\n.h5 + .h2,\nh6 + .h2,\n.h6 + .h2 {\n margin-top: 1.1538461538em;\n}\n@media only all and (max-width: 37.5em) {\n p + h2, ul + h2, ol + h2, dl + h2, figure + h2, img + h2, table + h2, blockquote + h2,\n p + .h2,\n ul + .h2,\n ol + .h2,\n dl + .h2,\n figure + .h2,\n img + .h2,\n table + .h2,\n blockquote + .h2 {\n margin-top: 1.3636363636em;\n }\n}\n@media only all and (max-width: 37.5em) {\n h2,\n .h2 {\n font-size: 1.375em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n }\n p + h2, ul + h2, ol + h2, dl + h2, figure + h2, img + h2, table + h2, blockquote + h2, h1 + h2, .h1 + h2, h2 + h2, .h2 + h2, h4 + h2, .h4 + h2, h5 + h2, .h5 + h2, h6 + h2, .h6 + h2,\n p + .h2,\n ul + .h2,\n ol + .h2,\n dl + .h2,\n figure + .h2,\n img + .h2,\n table + .h2,\n blockquote + .h2,\n h1 + .h2,\n .h1 + .h2,\n h2 + .h2,\n .h2 + .h2,\n h4 + .h2,\n .h4 + .h2,\n h5 + .h2,\n .h5 + .h2,\n h6 + .h2,\n .h6 + .h2 {\n margin-top: 1.3636363636em;\n }\n}\n\nh3,\n.h3 {\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n}\np + h3, ul + h3, ol + h3, dl + h3, figure + h3, img + h3, table + h3, blockquote + h3, h1 + h3, .h1 + h3, h2 + h3, .h2 + h3, h4 + h3, .h4 + h3, h5 + h3, .h5 + h3, h6 + h3, .h6 + h3,\np + .h3,\nul + .h3,\nol + .h3,\ndl + .h3,\nfigure + .h3,\nimg + .h3,\ntable + .h3,\nblockquote + .h3,\nh1 + .h3,\n.h1 + .h3,\nh2 + .h3,\n.h2 + .h3,\nh4 + .h3,\n.h4 + .h3,\nh5 + .h3,\n.h5 + .h3,\nh6 + .h3,\n.h6 + .h3 {\n margin-top: 1.3636363636em;\n}\n@media only all and (max-width: 37.5em) {\n h3,\n .h3 {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.8333333333em;\n }\n p + h3, ul + h3, ol + h3, dl + h3, figure + h3, img + h3, table + h3, blockquote + h3, h1 + h3, .h1 + h3, h2 + h3, .h2 + h3, h3 + h3, .h3 + h3, h5 + h3, .h5 + h3, h6 + h3, .h6 + h3,\n p + .h3,\n ul + .h3,\n ol + .h3,\n dl + .h3,\n figure + .h3,\n img + .h3,\n table + .h3,\n blockquote + .h3,\n h1 + .h3,\n .h1 + .h3,\n h2 + .h3,\n .h2 + .h3,\n h3 + .h3,\n .h3 + .h3,\n h5 + .h3,\n .h5 + .h3,\n h6 + .h3,\n .h6 + .h3 {\n margin-top: 1.6666666667em;\n }\n}\n\nh4,\n.h4 {\n font-size: 1.125em;\n font-weight: 500;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.8333333333em;\n}\np + h4, ul + h4, ol + h4, dl + h4, figure + h4, img + h4, table + h4, blockquote + h4, h1 + h4, .h1 + h4, h2 + h4, .h2 + h4, h3 + h4, .h3 + h4, h5 + h4, .h5 + h4, h6 + h4, .h6 + h4,\np + .h4,\nul + .h4,\nol + .h4,\ndl + .h4,\nfigure + .h4,\nimg + .h4,\ntable + .h4,\nblockquote + .h4,\nh1 + .h4,\n.h1 + .h4,\nh2 + .h4,\n.h2 + .h4,\nh3 + .h4,\n.h3 + .h4,\nh5 + .h4,\n.h5 + .h4,\nh6 + .h4,\n.h6 + .h4 {\n margin-top: 1.6666666667em;\n}\n@media only all and (max-width: 37.5em) {\n h4,\n .h4 {\n margin-bottom: 0.625em;\n font-size: 1em;\n line-height: 1.125;\n }\n}\n\nh5,\n.h5 {\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.0714285714em;\n}\np + h5, ul + h5, ol + h5, dl + h5, figure + h5, img + h5, table + h5, blockquote + h5, h1 + h5, .h1 + h5, h2 + h5, .h2 + h5, h3 + h5, .h3 + h5, h4 + h5, .h4 + h5, h6 + h5, .h6 + h5,\np + .h5,\nul + .h5,\nol + .h5,\ndl + .h5,\nfigure + .h5,\nimg + .h5,\ntable + .h5,\nblockquote + .h5,\nh1 + .h5,\n.h1 + .h5,\nh2 + .h5,\n.h2 + .h5,\nh3 + .h5,\n.h3 + .h5,\nh4 + .h5,\n.h4 + .h5,\nh6 + .h5,\n.h6 + .h5 {\n margin-top: 2.1428571429em;\n}\n\nh6,\n.h6 {\n font-size: 0.75em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.25em;\n}\np + h6, ul + h6, ol + h6, dl + h6, figure + h6, img + h6, table + h6, blockquote + h6, h1 + h6, .h1 + h6, h2 + h6, .h2 + h6, h3 + h6, .h3 + h6, h4 + h6, .h4 + h6, h5 + h6, .h5 + h6,\np + .h6,\nul + .h6,\nol + .h6,\ndl + .h6,\nfigure + .h6,\nimg + .h6,\ntable + .h6,\nblockquote + .h6,\nh1 + .h6,\n.h1 + .h6,\nh2 + .h6,\n.h2 + .h6,\nh3 + .h6,\n.h3 + .h6,\nh4 + .h6,\n.h4 + .h6,\nh5 + .h6,\n.h5 + .h6 {\n margin-top: 2.5em;\n}\n\n.lead-paragraph {\n margin-top: 0;\n margin-bottom: 15px;\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n@media only all and (max-width: 37.5em) {\n .lead-paragraph {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n }\n}\n\n.superheading {\n margin-bottom: 0.4166666667em;\n font-size: 3em;\n font-weight: normal;\n line-height: 1.25;\n}\n\np,\nul,\nol,\ndl,\nfigure,\ntable,\nblockquote {\n margin-top: 0;\n margin-bottom: 0.9375em;\n}\np:last-child,\nul:last-child,\nol:last-child,\ndl:last-child,\nfigure:last-child,\ntable:last-child,\nblockquote:last-child {\n margin-bottom: 0;\n}\n\np + ul,\np + ol {\n margin-top: -0.3125em;\n}\n\nul ul,\nol ol,\nul ol,\nol ul {\n margin-top: 0.5em;\n}\n\nli {\n margin-bottom: 0.5em;\n}\nli:last-child, nav li {\n margin-bottom: 0;\n}\n\na {\n border-width: 0;\n border-style: dotted;\n border-color: var(--pacific);\n color: var(--pacific);\n text-decoration: none;\n}\na:visited, a.visited {\n border-color: var(--teal);\n color: var(--teal);\n}\na:hover, a.hover {\n border-style: solid;\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\na:focus, a.focus {\n border-style: solid;\n outline: thin dotted;\n outline-offset: 1px;\n}\na:active, a.active {\n border-style: solid;\n border-color: var(--navy);\n color: var(--navy);\n}\n\np a,\nli a,\ndd a {\n border-bottom-width: 1px;\n}\n\nnav a {\n border-bottom-width: 0;\n}\n\nul {\n padding-left: 1.125em;\n list-style: square;\n}\n\nul ul {\n list-style-type: circle;\n}\n\nol {\n padding-left: 1.3125em;\n}\nol li:nth-last-child(n+10),\nol li:nth-last-child(n+10) ~ li {\n margin-left: 0.5625rem;\n}\n\nol ol {\n list-style-type: lower-alpha;\n}\nol ol li {\n margin-left: 0 !important;\n}\n\nol ol ol {\n list-style-type: lower-roman;\n}\n\nnav ul,\nnav ol,\nnav ul ul,\nnav ol ol {\n list-style: none;\n list-style-image: none;\n}\n\ncaption {\n margin-bottom: 0.625em;\n text-align: left;\n}\n\nth,\ntd {\n padding: 0.625em;\n}\nthead th,\nthead td {\n padding: 0.7142857143em;\n background: var(--gray-5);\n color: var(--black);\n font-size: 1em;\n vertical-align: top;\n}\n\nthead,\ntbody tr {\n border-bottom: 1px solid var(--gray);\n}\n\nth {\n font-weight: 600;\n text-align: left;\n}\nthead th h2,\nthead th .h2,\nthead th h3,\nthead th .h3,\nthead th h4,\nthead th .h4,\nthead th h5,\nthead th .h5,\nthead th h6,\nthead th .h6 {\n margin: 0;\n font-size: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n text-transform: inherit;\n}\n\nblockquote {\n margin-right: 0.9375em;\n margin-left: 0.9375em;\n}\n@media only all and (min-width: 37.5625em) {\n blockquote {\n margin-right: 1.875em;\n margin-left: 1.875em;\n }\n}\n\nimg {\n max-width: 100%;\n}\n\nfigure {\n margin-right: 0;\n margin-left: 0;\n}\nfigure img {\n vertical-align: middle;\n}\n\npre,\ncode {\n background: var(--gray-5);\n border-radius: 4px;\n color: var(--black);\n font-family: \"Input Mono\", Consolas, Monaco, \"Courier New\", monospace;\n}\n\ncode {\n padding: 0.2307692308em 0.2307692308em 0;\n font-size: 0.8125em;\n}\n\npre {\n display: block;\n padding: 0.625em 0.9375em;\n white-space: pre-wrap;\n overflow-wrap: break-word;\n}\npre code {\n padding: 0;\n background-color: transparent;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\nbutton.a-btn::-moz-focus-inner,\ninput.a-btn::-moz-focus-inner {\n border: 0;\n}\n\n.a-btn {\n appearance: none;\n display: inline-block;\n box-sizing: border-box;\n padding: 0.5em 0.875em;\n border: 0;\n margin: 0;\n border-radius: 0.25em;\n cursor: pointer;\n font-size: 1em;\n font-weight: 500;\n line-height: normal;\n text-align: center;\n text-decoration: none;\n transition: background-color 0.1s;\n}\n.a-btn, .a-btn:link, .a-btn:visited {\n background-color: var(--pacific);\n color: var(--white);\n}\n.a-btn:hover, .a-btn.hover, .a-btn:focus, .a-btn.focus {\n background-color: var(--pacific-dark);\n}\n.a-btn:focus, .a-btn.focus {\n outline: 1px dotted var(--pacific);\n outline-offset: 1px;\n}\n.a-btn:active, .a-btn.active {\n background-color: var(--navy);\n}\n.a-btn--secondary, .a-btn--secondary:link, .a-btn--secondary:visited {\n background-color: var(--gray);\n color: var(--white);\n}\n.a-btn--secondary:hover, .a-btn--secondary.hover, .a-btn--secondary:focus, .a-btn--secondary.focus {\n background-color: var(--gray-dark);\n}\n.a-btn--secondary:focus, .a-btn--secondary.focus {\n outline-color: var(--gray);\n}\n.a-btn--secondary:active, .a-btn--secondary.active {\n background-color: var(--black);\n}\n.a-btn--warning, .a-btn--warning:link, .a-btn--warning:visited {\n background-color: var(--red-mid-dark);\n color: var(--white);\n}\n.a-btn--warning:hover, .a-btn--warning.hover, .a-btn--warning:focus, .a-btn--warning.focus {\n background-color: var(--red-dark);\n}\n.a-btn--warning:focus, .a-btn--warning.focus {\n outline-color: var(--red-mid-dark);\n}\n.a-btn--warning:active, .a-btn--warning.active {\n background-color: var(--gray-dark);\n}\n.a-btn--disabled, .a-btn--disabled:link, .a-btn--disabled:visited, .a-btn--disabled:hover, .a-btn--disabled.hover, .a-btn--disabled:focus, .a-btn--disabled.focus, .a-btn--disabled:active, .a-btn--disabled.active, .a-btn[disabled], .a-btn[disabled]:link, .a-btn[disabled]:visited, .a-btn[disabled]:hover, .a-btn[disabled].hover, .a-btn[disabled]:focus, .a-btn[disabled].focus, .a-btn[disabled]:active, .a-btn[disabled].active {\n background-color: var(--gray-20);\n color: var(--gray-dark);\n cursor: default;\n cursor: not-allowed;\n}\n.a-btn--disabled:focus, .a-btn--disabled.focus, .a-btn[disabled]:focus, .a-btn[disabled].focus {\n outline-color: var(--gray-20);\n}\n@media only all and (max-width: 37.5em) {\n .a-btn--full-on-xs {\n display: block;\n width: 100%;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-btn-group {\n display: flex;\n gap: 0.625rem;\n flex-wrap: wrap;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\n.a-btn--link {\n padding: 0;\n padding-bottom: 1.5px;\n border-radius: 0;\n text-decoration-line: underline;\n text-decoration-thickness: 1px;\n text-decoration-style: dotted;\n text-underline-offset: 4.5px;\n}\n.a-btn--link, .a-btn--link:link, .a-btn--link:visited {\n text-decoration-color: var(--pacific);\n background-color: transparent;\n color: var(--pacific);\n}\n.a-btn--link:hover, .a-btn--link.hover {\n text-decoration-color: var(--pacific-dark);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--pacific-dark);\n}\n.a-btn--link:focus, .a-btn--link.focus {\n text-decoration-style: solid;\n background-color: transparent;\n outline: 1px dotted var(--pacific);\n}\n.a-btn--link:active, .a-btn--link.active {\n text-decoration-color: var(--navy);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--navy);\n}\n.a-btn--link.a-btn--secondary, .a-btn--link.a-btn--secondary:link, .a-btn--link.a-btn--secondary:visited {\n text-decoration-color: var(--gray);\n background-color: transparent;\n color: var(--gray);\n}\n.a-btn--link.a-btn--secondary:hover, .a-btn--link.a-btn--secondary.hover {\n text-decoration-color: var(--gray-dark);\n color: var(--gray-dark);\n}\n.a-btn--link.a-btn--secondary:focus, .a-btn--link.a-btn--secondary.focus {\n outline-color: var(--gray);\n}\n.a-btn--link.a-btn--secondary:active, .a-btn--link.a-btn--secondary.active {\n text-decoration-color: var(--black);\n color: var(--black);\n}\n.a-btn--link.a-btn--warning, .a-btn--link.a-btn--warning:link, .a-btn--link.a-btn--warning:visited {\n text-decoration-color: var(--red-mid-dark);\n background-color: transparent;\n color: var(--red-mid-dark);\n}\n.a-btn--link.a-btn--warning:hover, .a-btn--link.a-btn--warning.hover {\n text-decoration-color: var(--red-dark);\n color: var(--red-dark);\n}\n.a-btn--link.a-btn--warning:focus, .a-btn--link.a-btn--warning.focus {\n outline-color: var(--red-mid-dark);\n}\n.a-btn--link.a-btn--warning:active, .a-btn--link.a-btn--warning.active {\n text-decoration-color: var(--gray-dark);\n color: var(--gray-dark);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\n.a-btn__icon--on-left {\n padding-right: 0.6875em;\n border-right: 1px solid var(--pacific-60);\n margin-right: 0.4375em;\n}\n\n.a-btn__icon--on-right {\n padding-left: 0.6875em;\n border-left: 1px solid var(--pacific-60);\n margin-left: 0.4375em;\n}\n\n.a-btn--secondary .a-btn__icon {\n border-color: var(--gray-40);\n}\n.a-btn--warning .a-btn__icon {\n border-color: var(--red-60);\n}\n.a-btn--disabled .a-btn__icon, .a-btn[disabled] .a-btn__icon {\n border-color: var(--gray-60);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-form__group {\n margin-bottom: 1.875em;\n}\n.o-form__fieldset {\n border: none;\n margin: 0;\n padding: 0;\n}\n.o-form__fieldset .m-form-field + .m-form-field {\n margin-top: 0.625em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-form-alert .cf-icon-svg {\n color: var(--gray);\n float: left;\n}\n.a-form-alert__text {\n display: block;\n margin-left: 1.25em;\n}\n.a-form-alert--success .cf-icon-svg {\n color: var(--green);\n}\n.a-form-alert--error .cf-icon-svg {\n color: var(--red);\n}\n.a-form-alert--warning .cf-icon-svg {\n color: var(--gold);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.m-form-field .a-text-input--full {\n box-sizing: border-box;\n width: 100%;\n}\n.m-form-field .a-label + .a-text-input {\n margin-top: 0.3125em;\n}\n.m-form-field--checkbox .a-label, .m-form-field--radio .a-label {\n /* autoprefixer: ignore next */\n display: inline-grid;\n grid-template-columns: 1.875em auto;\n vertical-align: top;\n cursor: pointer;\n overflow-wrap: anywhere;\n}\n.m-form-field--checkbox .a-label::before, .m-form-field--radio .a-label::before {\n display: inline-block;\n grid-row-start: 1;\n grid-row-end: 3;\n border: 1px solid var(--gray-60);\n height: 1.125em;\n width: 1.125em;\n margin-right: 10px;\n background-color: var(--white);\n content: \"\";\n vertical-align: top;\n position: relative;\n top: 1px;\n left: 1px;\n}\n.m-form-field--checkbox .a-label:hover::before, .m-form-field--checkbox .a-label.hover::before, .m-form-field--radio .a-label:hover::before, .m-form-field--radio .a-label.hover::before {\n border-color: var(--pacific);\n}\n.m-form-field--checkbox .a-label__helper, .m-form-field--radio .a-label__helper {\n display: block;\n}\n.m-form-field--checkbox .a-checkbox,\n.m-form-field--checkbox .a-radio, .m-form-field--radio .a-checkbox,\n.m-form-field--radio .a-radio {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n.m-form-field--checkbox .a-checkbox:focus + .a-label, .m-form-field--checkbox .a-checkbox.focus + .a-label,\n.m-form-field--checkbox .a-radio:focus + .a-label,\n.m-form-field--checkbox .a-radio.focus + .a-label, .m-form-field--radio .a-checkbox:focus + .a-label, .m-form-field--radio .a-checkbox.focus + .a-label,\n.m-form-field--radio .a-radio:focus + .a-label,\n.m-form-field--radio .a-radio.focus + .a-label {\n outline: 1px dotted var(--pacific);\n outline-offset: 1px;\n}\n.m-form-field--checkbox .a-checkbox:disabled:checked + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled:focus + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled.focus + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled:hover + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled.hover + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled:checked + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled:focus + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled.focus + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled:hover + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled.hover + .a-label::before, .m-form-field--radio .a-checkbox:disabled:checked + .a-label::before, .m-form-field--radio .a-checkbox:disabled:focus + .a-label::before, .m-form-field--radio .a-checkbox:disabled.focus + .a-label::before, .m-form-field--radio .a-checkbox:disabled:hover + .a-label::before, .m-form-field--radio .a-checkbox:disabled.hover + .a-label::before,\n.m-form-field--radio .a-radio:disabled:checked + .a-label::before,\n.m-form-field--radio .a-radio:disabled:focus + .a-label::before,\n.m-form-field--radio .a-radio:disabled.focus + .a-label::before,\n.m-form-field--radio .a-radio:disabled:hover + .a-label::before,\n.m-form-field--radio .a-radio:disabled.hover + .a-label::before {\n border-color: var(--gray-60);\n outline: none;\n box-shadow: none;\n}\n.m-form-field--checkbox .a-checkbox:disabled + .a-label,\n.m-form-field--checkbox .a-radio:disabled + .a-label, .m-form-field--radio .a-checkbox:disabled + .a-label,\n.m-form-field--radio .a-radio:disabled + .a-label {\n cursor: not-allowed;\n color: var(--gray-dark);\n}\n.m-form-field--checkbox .a-checkbox:disabled + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled + .a-label::before, .m-form-field--radio .a-checkbox:disabled + .a-label::before,\n.m-form-field--radio .a-radio:disabled + .a-label::before {\n background: var(--gray-10);\n border-color: var(--gray-60);\n}\n.m-form-field--checkbox .a-checkbox:focus + .a-label::before, .m-form-field--checkbox .a-checkbox.focus + .a-label::before {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--checkbox .a-checkbox:hover + .a-label::before, .m-form-field--checkbox .a-checkbox.hover + .a-label::before {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--checkbox .a-checkbox:checked + .a-label::before {\n background-image: url('data:image/svg+xml;charset=UTF-8,');\n background-size: auto 1.1875em;\n background-repeat: no-repeat;\n background-position: center 0;\n}\n.m-form-field--checkbox .a-checkbox:disabled:checked + .a-label::before {\n background-image: url('data:image/svg+xml;charset=UTF-8,');\n}\n.m-form-field--checkbox-error .a-label::before {\n border-color: var(--red);\n outline: 1px solid var(--red);\n}\n.m-form-field--checkbox-error .a-label:hover::before, .m-form-field--checkbox-error .a-label.hover::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-error .a-checkbox:hover + .a-label::before, .m-form-field--checkbox-error .a-checkbox.hover + .a-label::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-error .a-checkbox:focus + .a-label::before, .m-form-field--checkbox-error .a-checkbox.focus + .a-label::before {\n border-color: var(--red);\n box-shadow: 0 0 0 1px var(--red);\n outline-color: var(--red);\n}\n.m-form-field--checkbox-error .a-checkbox:focus + .a-label, .m-form-field--checkbox-error .a-checkbox.focus + .a-label {\n outline: 1px dotted var(--red);\n outline-offset: 1px;\n}\n.m-form-field--checkbox-warning .a-label::before {\n border-color: var(--gold);\n outline: 1px solid var(--gold);\n}\n.m-form-field--checkbox-warning .a-label:hover::before, .m-form-field--checkbox-warning .a-label.hover::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-warning .a-checkbox:hover + .a-label::before, .m-form-field--checkbox-warning .a-checkbox.hover + .a-label::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-warning .a-checkbox:focus + .a-label::before, .m-form-field--checkbox-warning .a-checkbox.focus + .a-label::before {\n border-color: var(--gold);\n box-shadow: 0 0 0 1px var(--gold);\n outline-color: var(--gold);\n}\n.m-form-field--checkbox-warning .a-checkbox:focus + .a-label, .m-form-field--checkbox-warning .a-checkbox.focus + .a-label {\n outline: 1px dotted var(--gold);\n outline-offset: 1px;\n}\n.m-form-field--checkbox-success .a-label::before {\n border-color: var(--green);\n outline: 1px solid var(--green);\n}\n.m-form-field--checkbox-success .a-label:hover::before, .m-form-field--checkbox-success .a-label.hover::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-success .a-checkbox:hover + .a-label::before, .m-form-field--checkbox-success .a-checkbox.hover + .a-label::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-success .a-checkbox:focus + .a-label::before, .m-form-field--checkbox-success .a-checkbox.focus + .a-label::before {\n border-color: var(--green);\n box-shadow: 0 0 0 1px var(--green);\n outline-color: var(--green);\n}\n.m-form-field--checkbox-success .a-checkbox:focus + .a-label, .m-form-field--checkbox-success .a-checkbox.focus + .a-label {\n outline: 1px dotted var(--green);\n outline-offset: 1px;\n}\n.m-form-field--radio .a-label::before {\n border-radius: 50%;\n /* The rotate is needed to fix a bug in Firefox where radio\n button was not centered. */\n transform: rotate(0deg);\n}\n.m-form-field--radio .a-radio:focus + .a-label::before, .m-form-field--radio .a-radio.focus + .a-label::before {\n outline: none;\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--radio .a-radio:hover + .a-label::before, .m-form-field--radio .a-radio.hover + .a-label::before {\n outline: none;\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--radio .a-radio:checked + .a-label::before {\n background-color: var(--pacific);\n box-shadow: inset 0 0 0 2px var(--white);\n}\n.m-form-field--radio .a-radio:checked:disabled + .a-label::before {\n background-color: var(--gray-40);\n box-shadow: inset 0 0 0 2px var(--gray-10);\n}\n.m-form-field--radio .a-radio:focus:checked + .a-label::before, .m-form-field--radio .a-radio.focus:checked + .a-label::before {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific), inset 0 0 0 2px var(--white);\n}\n.m-form-field--radio .a-radio:hover:checked + .a-label::before, .m-form-field--radio .a-radio.hover:checked + .a-label::before {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific), inset 0 0 0 2px var(--white);\n}\n.m-form-field--lg-target {\n display: block;\n}\n.m-form-field--lg-target .a-label {\n box-sizing: border-box;\n width: 100%;\n padding: 15px;\n background-color: var(--gray-10);\n}\n.m-form-field--lg-target .a-checkbox:checked + .a-label,\n.m-form-field--lg-target .a-radio:checked + .a-label {\n background-color: var(--pacific-20);\n box-shadow: inset 0 0 0 1px var(--pacific);\n}\n.m-form-field--lg-target .a-checkbox:hover + .a-label, .m-form-field--lg-target .a-checkbox.hover + .a-label, .m-form-field--lg-target .a-checkbox:focus + .a-label, .m-form-field--lg-target .a-checkbox.focus + .a-label,\n.m-form-field--lg-target .a-radio:hover + .a-label,\n.m-form-field--lg-target .a-radio.hover + .a-label,\n.m-form-field--lg-target .a-radio:focus + .a-label,\n.m-form-field--lg-target .a-radio.focus + .a-label {\n box-shadow: inset 0 0 0 2px var(--pacific);\n}\n.m-form-field--lg-target .a-checkbox:focus + .a-label, .m-form-field--lg-target .a-checkbox.focus + .a-label, .m-form-field--lg-target .a-checkbox:checked + .a-label,\n.m-form-field--lg-target .a-radio:focus + .a-label,\n.m-form-field--lg-target .a-radio.focus + .a-label,\n.m-form-field--lg-target .a-radio:checked + .a-label {\n outline-offset: 1px;\n}\n.m-form-field--lg-target .a-checkbox:disabled + .a-label, .m-form-field--lg-target .a-checkbox:checked:disabled + .a-label, .m-form-field--lg-target .a-checkbox:hover:disabled + .a-label,\n.m-form-field--lg-target .a-radio:disabled + .a-label,\n.m-form-field--lg-target .a-radio:checked:disabled + .a-label,\n.m-form-field--lg-target .a-radio:hover:disabled + .a-label {\n color: var(--gray-dark);\n box-shadow: none;\n background-color: var(--gray-20);\n}\n.m-form-field--lg-target .a-checkbox:checked:disabled + .a-label, .m-form-field--lg-target .a-checkbox:checked:disabled + .a-label::before,\n.m-form-field--lg-target .a-radio:checked:disabled + .a-label,\n.m-form-field--lg-target .a-radio:checked:disabled + .a-label::before {\n border: 1px solid var(--gray-60);\n}\n.m-form-field .a-form-alert {\n margin-top: 0.9375em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-label {\n display: inline-block;\n}\n.a-label__helper {\n color: var(--gray-dark);\n font-size: 1rem;\n font-weight: normal;\n}\n.a-label__helper--block {\n display: block;\n margin-top: 0.8333333333em;\n}\n.a-label--heading {\n display: block;\n margin-bottom: 0.5555555556em;\n font-size: 1.125em;\n font-weight: 500;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\np + .a-label--heading, ul + .a-label--heading, ol + .a-label--heading, dl + .a-label--heading, figure + .a-label--heading, img + .a-label--heading, table + .a-label--heading, blockquote + .a-label--heading, h1 + .a-label--heading, .h1 + .a-label--heading, h2 + .a-label--heading, .h2 + .a-label--heading, h3 + .a-label--heading, .h3 + .a-label--heading, h5 + .a-label--heading, .h5 + .a-label--heading, h6 + .a-label--heading, .h6 + .a-label--heading {\n margin-top: 1.6666666667em;\n}\n@media only all and (max-width: 37.5em) {\n .a-label--heading {\n margin-bottom: 0.625em;\n font-size: 1em;\n line-height: 1.125;\n }\n}\n.a-label--heading .a-label__helper--block {\n margin-top: 0.625rem;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-range {\n appearance: none;\n width: 100%;\n min-height: 49px;\n}\n.a-range::-webkit-slider-runnable-track {\n height: 0.6875rem;\n width: 100%;\n background-color: var(--gray-80);\n border: 1px solid var(--gray-40);\n border-radius: 8px;\n cursor: pointer;\n}\n.a-range::-moz-range-track {\n height: 0.6875rem;\n width: 100%;\n background-color: var(--gray-80);\n border: 1px solid var(--gray-40);\n border-radius: 8px;\n cursor: pointer;\n}\n.a-range::-webkit-slider-thumb {\n height: 2.8125rem;\n width: 2.8125rem;\n margin-top: -1.125rem;\n appearance: none;\n border: 1px solid var(--gray-40);\n border-radius: 50%;\n background-color: var(--gray-10);\n cursor: pointer;\n}\n.a-range::-moz-range-thumb {\n height: 2.8125rem;\n width: 2.8125rem;\n margin-top: -1.125rem;\n appearance: none;\n border: 1px solid var(--gray-40);\n border-radius: 50%;\n background-color: var(--gray-10);\n cursor: pointer;\n}\n.a-range:focus, .a-range.focus {\n box-shadow: none;\n outline: none;\n}\n.a-range:focus::-webkit-slider-thumb, .a-range.focus::-webkit-slider-thumb {\n background-color: var(--pacific-20);\n border: 2px solid var(--pacific);\n}\n.a-range:focus::-moz-range-thumb, .a-range.focus::-moz-range-thumb {\n background-color: var(--pacific-20);\n border: 2px solid var(--pacific);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-search-input {\n display: flex;\n flex-direction: column;\n row-gap: 0.9375rem;\n}\n.o-search-input__input {\n position: relative;\n display: flex;\n width: initial;\n flex: 0 1 100%;\n}\n.o-search-input__input-label {\n position: absolute;\n left: 10px;\n align-self: center;\n cursor: pointer;\n}\n.o-search-input__input input[type=search] {\n width: 100%;\n white-space: nowrap;\n padding-left: 30px;\n appearance: none;\n}\n.o-search-input__input button[type=reset] {\n display: none;\n position: absolute;\n right: 0;\n align-self: center;\n color: var(--gray-40);\n font-size: 20px;\n border: 1px solid transparent;\n background-color: transparent;\n outline: 0;\n width: 44px;\n padding: 5px;\n text-align: right;\n}\n.o-search-input__input button[type=reset] > svg {\n width: 25px;\n cursor: pointer;\n pointer-events: none;\n}\n.o-search-input__input button[type=reset]:hover {\n color: var(--black);\n}\n.o-search-input__input button[type=reset]:focus {\n color: var(--black);\n}\n.o-search-input__input button[type=reset]:focus > svg {\n outline: 1px dotted var(--pacific);\n}\n.o-search-input__input input[type=search]:placeholder-shown ~ button[type=reset] {\n display: none;\n}\n.o-search-input__input input[type=search]:not(:placeholder-shown) {\n padding-right: 34px;\n}\n.o-search-input__input input[type=search]::-webkit-search-decoration,\n.o-search-input__input input[type=search]::-webkit-search-cancel-button,\n.o-search-input__input input[type=search]::-webkit-search-results-button,\n.o-search-input__input input[type=search]::-webkit-search-results-decoration {\n display: none;\n}\n.o-search-input:focus-within button[type=reset], .o-search-input .o-search-input__input:hover button[type=reset] {\n display: block;\n}\n.o-search-input button[type=submit] {\n line-height: 1.1875;\n}\n@media only all and (min-width: 37.5625em) {\n .o-search-input {\n flex-direction: row;\n border-left: 0;\n }\n .o-search-input button[type=submit] {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n flex-basis: 25%;\n }\n}\n\n.no-js .o-search-input button[type=reset] {\n display: none !important;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-select {\n position: relative;\n border: 1px solid var(--gray-60);\n}\n.a-select select {\n width: 100%;\n line-height: 1.375;\n padding: 0.4375em 0.375em 0.375em;\n border: 0;\n appearance: none;\n background-color: var(--white);\n border-radius: 0;\n color: var(--black);\n}\n.a-select select:hover, .a-select select.hover {\n outline: 2px solid var(--pacific);\n outline-offset: 0;\n}\n.a-select select:active, .a-select select:focus, .a-select select.focus {\n box-shadow: 0 0 0 2px var(--pacific);\n outline: 1px dotted var(--pacific);\n outline-offset: 3px;\n}\n.a-select select[disabled] {\n color: var(--gray-dark);\n background-color: var(--gray-10);\n cursor: not-allowed;\n}\n.a-select select[disabled]:hover, .a-select select[disabled].hover, .a-select select[disabled]:focus, .a-select select[disabled].focus {\n outline: none;\n}\n.a-select select[disabled] option,\n.a-select select[disabled] option:disabled,\n.a-select select option:disabled {\n color: var(--gray-dark);\n}\n.a-select::after {\n width: 2.1875em;\n box-sizing: border-box;\n border-left: 1px solid var(--gray-60);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n background-color: var(--gray-10);\n background-image: url('data:image/svg+xml;charset=UTF-8,');\n background-size: auto 1.1875em;\n background-repeat: no-repeat;\n background-position: center center;\n content: \"\";\n pointer-events: none;\n}\n.a-select--disabled::after {\n background-image: url('data:image/svg+xml;charset=UTF-8,');\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.a-tag-filter {\n display: flex;\n gap: 0.625rem;\n border: 1px solid var(--teal);\n padding: 4px 6px;\n background-color: var(--teal-20);\n border-radius: 0.1875rem;\n color: var(--black);\n text-align: left;\n min-width: -moz-fit-content;\n min-width: fit-content;\n}\n.a-tag-filter:hover {\n background-color: var(--teal-40);\n cursor: pointer;\n}\n.a-tag-filter:focus {\n outline: 1px dotted var(--teal);\n outline-offset: 1px;\n}\n.a-tag-filter:active {\n background-color: var(--teal);\n}\n.a-tag-filter .cf-icon-svg {\n pointer-events: none;\n flex: none;\n}\n.a-tag-filter > label {\n display: contents;\n pointer-events: none;\n}\n\na.a-tag-filter {\n color: var(--black);\n border-color: var(--black);\n}\na.a-tag-filter:visited, a.a-tag-filter.visited {\n border-color: var(--black);\n color: var(--black);\n}\na.a-tag-filter:hover, a.a-tag-filter.hover {\n border-color: var(--black);\n color: var(--black);\n}\na.a-tag-filter:focus, a.a-tag-filter.focus {\n border-color: var(--black);\n color: var(--black);\n}\na.a-tag-filter:active, a.a-tag-filter.active {\n border-color: var(--black);\n color: var(--black);\n}\n\n.a-tag-topic {\n display: flex;\n gap: 0.3125rem;\n}\n\n.a-tag-topic {\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n color: var(--gold-80);\n letter-spacing: 1px;\n}\n.a-tag-topic .a-tag-topic__text {\n color: var(--gray);\n word-break: break-word;\n}\n@media only all and (max-width: 37.5em) {\n .a-tag-topic {\n position: relative;\n display: flex;\n align-items: center;\n gap: 0.3125rem;\n box-sizing: border-box;\n padding-top: 0.625em;\n padding-bottom: 0.625em;\n width: 100%;\n }\n .a-tag-topic .cf-icon-svg--right {\n margin-left: auto;\n }\n .a-tag-topic .a-tag-topic__text {\n border-bottom-width: 0;\n flex-shrink: 10;\n }\n}\n\na.a-tag-topic {\n border-color: var(--gold-80);\n color: var(--gold-80);\n border-color: var(--gold-80);\n}\na.a-tag-topic:visited, a.a-tag-topic.visited {\n border-color: var(--gold-80);\n color: var(--gold-80);\n}\na.a-tag-topic:hover, a.a-tag-topic.hover {\n border-color: var(--gold-80);\n color: var(--gold-80);\n}\na.a-tag-topic:focus, a.a-tag-topic.focus {\n border-color: var(--gold-80);\n color: var(--gold-80);\n}\na.a-tag-topic:active, a.a-tag-topic.active {\n border-color: var(--gold-80);\n color: var(--gold-80);\n}\na.a-tag-topic .a-tag-topic__text {\n border-bottom-color: var(--gold-80);\n}\n@media only all and (max-width: 37.5em) {\n a.a-tag-topic {\n border-top-width: 1px;\n border-bottom-width: 1px;\n }\n a.a-tag-topic:focus {\n outline: none;\n }\n a.a-tag-topic:focus::after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n outline: 1px dotted var(--gray);\n outline-offset: 2px;\n }\n}\n\n@media only all and (max-width: 37.5em) {\n li:has(.a-tag-topic) + li:has(.a-tag-topic) .a-tag-topic {\n position: relative;\n border-top: none;\n }\n li:has(.a-tag-topic) + li:has(.a-tag-topic) a.a-tag-topic:hover::before,\n li:has(.a-tag-topic) + li:has(.a-tag-topic) a.a-tag-topic:focus::before {\n position: absolute;\n top: -1px;\n content: \"\";\n display: block;\n height: 1px;\n width: 100%;\n border-top: 1px solid currentcolor;\n }\n}\n.a-tag-topic__bullet {\n font-size: 1rem;\n line-height: 1rem;\n}\n\n@media only all and (min-width: 37.5625em) {\n a.a-tag-topic__text {\n color: var(--gray);\n border-color: var(--gray);\n }\n a.a-tag-topic__text:visited, a.a-tag-topic__text.visited {\n border-color: var(--gray);\n color: var(--gray);\n }\n a.a-tag-topic__text:hover, a.a-tag-topic__text.hover {\n border-color: var(--gray);\n color: var(--gray);\n }\n a.a-tag-topic__text:focus, a.a-tag-topic__text.focus {\n border-color: var(--gray);\n color: var(--gray);\n }\n a.a-tag-topic__text:active, a.a-tag-topic__text.active {\n border-color: var(--gray);\n color: var(--gray);\n }\n a.a-tag-topic,\n a.a-tag-topic:visited,\n a.a-tag-topic:hover,\n a.a-tag-topic:focus,\n a.a-tag-topic:active {\n border-bottom: none;\n outline-offset: 1px;\n }\n a.a-tag-topic .a-tag-topic__text,\n a.a-tag-topic:visited .a-tag-topic__text,\n a.a-tag-topic:hover .a-tag-topic__text,\n a.a-tag-topic:focus .a-tag-topic__text,\n a.a-tag-topic:active .a-tag-topic__text {\n padding-bottom: 1px;\n border-bottom: 1px dotted var(--gold-80);\n }\n a.a-tag-topic:hover .a-tag-topic__text {\n border-bottom: 1px solid var(--gold-80);\n }\n a.a-tag-topic:focus {\n outline-color: var(--gray);\n }\n a.a-tag-topic:focus .a-tag-topic__text {\n border-bottom-style: solid !important;\n }\n}\n.m-tag-group {\n padding-left: 0;\n list-style-type: none;\n}\n.m-tag-group li {\n margin-bottom: 0;\n display: contents;\n}\n@media only all and (min-width: 37.5625em) {\n .m-tag-group {\n display: flex;\n gap: 0.9375em;\n flex-wrap: wrap;\n }\n .m-tag-group--stacked {\n flex-direction: column;\n width: -moz-fit-content;\n width: fit-content;\n }\n}\n.m-tag-group:has(.a-tag-filter) {\n display: flex;\n gap: 0.9375em;\n flex-wrap: wrap;\n}\n\nhtml[lang=ar] .m-tag-group {\n direction: rtl;\n padding-right: 0;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-text-input {\n appearance: none;\n display: inline-block;\n padding: 0.4375em;\n border: 1px solid var(--gray-60);\n background: var(--white);\n color: var(--black);\n}\n.a-text-input:hover, .a-text-input.hover {\n border-color: var(--pacific);\n outline: 1px solid var(--pacific);\n}\n.a-text-input:focus, .a-text-input.focus {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n outline: 1px dotted var(--pacific);\n outline-offset: 2px;\n}\n.a-text-input:disabled, .a-text-input:disabled:hover, .a-text-input:disabled.hover, .a-text-input:disabled:focus, .a-text-input:disabled.focus {\n color: var(--gray-dark);\n background-color: var(--gray-10);\n cursor: not-allowed;\n border-color: var(--gray-60);\n outline: none;\n}\n.a-text-input--error {\n border-color: var(--red);\n outline: 1px solid var(--red);\n}\n.a-text-input--error:hover, .a-text-input--error.hover {\n border-color: var(--red-dark);\n outline: 1px solid var(--red-dark);\n outline-offset: 0;\n}\n.a-text-input--error:focus, .a-text-input--error.focus {\n border-color: var(--red);\n box-shadow: 0 0 0 1px var(--red);\n outline: 1px dotted var(--red);\n}\n.a-text-input--error:focus:hover, .a-text-input--error:focus.hover, .a-text-input--error.focus:hover, .a-text-input--error.focus.hover {\n border-color: var(--red);\n box-shadow: 0 0 0 1px var(--red);\n outline: 1px dotted var(--red);\n outline-offset: 2px;\n}\n.a-text-input--warning {\n border-color: var(--gold);\n outline: 1px solid var(--gold);\n}\n.a-text-input--warning:hover, .a-text-input--warning.hover {\n border-color: var(--gold-dark);\n outline: 1px solid var(--gold-dark);\n outline-offset: 0;\n}\n.a-text-input--warning:focus, .a-text-input--warning.focus {\n border-color: var(--gold);\n box-shadow: 0 0 0 1px var(--gold);\n outline: 1px dotted var(--gold);\n}\n.a-text-input--warning:focus:hover, .a-text-input--warning:focus.hover, .a-text-input--warning.focus:hover, .a-text-input--warning.focus.hover {\n border-color: var(--gold);\n box-shadow: 0 0 0 1px var(--gold);\n outline: 1px dotted var(--gold);\n outline-offset: 2px;\n}\n.a-text-input--success {\n border-color: var(--green);\n outline: 1px solid var(--green);\n}\n.a-text-input--success:hover, .a-text-input--success.hover {\n border-color: var(--green-dark);\n outline: 1px solid var(--green-dark);\n outline-offset: 0;\n}\n.a-text-input--success:focus, .a-text-input--success.focus {\n border-color: var(--green);\n box-shadow: 0 0 0 1px var(--green);\n outline: 1px dotted var(--green);\n}\n.a-text-input--success:focus:hover, .a-text-input--success:focus.hover, .a-text-input--success.focus:hover, .a-text-input--success.focus.hover {\n border-color: var(--green);\n box-shadow: 0 0 0 1px var(--green);\n outline: 1px dotted var(--green);\n outline-offset: 2px;\n}\n\n::-webkit-search-decoration {\n appearance: none;\n}\n\n::placeholder {\n color: var(--gray-dark);\n}\n\ninput[type=date]::-webkit-datetime-edit {\n color: var(--gray-dark);\n}", "// Undefined return value for void methods.\nlet UNDEFINED;\n\n// How many options may be checked.\nexport const MAX_SELECTIONS = 5;\n\n/**\n * Escapes a string.\n * @param {string} str - The string to escape.\n * @returns {string} The escaped string.\n */\nfunction stringEscape(str) {\n return str.replace(/[-\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n}\n\n/**\n * Tests whether a string matches another.\n * @param {string} x - The control string.\n * @param {string} y - The comparison string.\n * @returns {boolean} True if `x` and `y` match, false otherwise.\n */\nfunction stringMatch(x, y) {\n return RegExp(stringEscape(y.trim()), 'i').test(x);\n}\n\n/**\n * @class\n * MultiselectModel\n * @param {HTMLOptionsCollection} options -\n * Set of options from a element,\n and re-assign DOM reference. */\n _dom.parentNode.removeChild(_dom);\n _dom = newDom;\n\n /* We need to set init flag again since we've created a new
\n to replace the element.\n * @param {string} name - a unique name for this multiselect.\n * @param {object} config - Customization of Multiselect behavior\n */\nfunction MultiselectModel(options, name, config) {\n const _options = options;\n const _name = name;\n const _max = config?.maxSelections || MAX_SELECTIONS;\n\n let _optionsData = [];\n\n let _selectedIndices = [];\n let _filterIndices = [];\n\n /* When the options list is filtered, we store a list of filtered indices\n so that when the filter changes we can reset the last matched options. */\n let _lastFilterIndices = [];\n\n // Which option is in focus. -1 means the focus is on the search input.\n let _index = -1;\n\n /**\n * @param {HTMLElement} item - An option HTML node.\n * @returns {string} A (hopefully) unique ID.\n * If it's not unique, we have a duplicate option value.\n */\n function _getOptionId(item) {\n return _name + '-' + item.value.trim().replace(/\\s+/g, '-').toLowerCase();\n }\n\n /**\n * @returns {boolean}\n * True if the maximum number of options are checked, false otherwise.\n */\n function isAtMaxSelections() {\n return _selectedIndices.length >= _max;\n }\n\n /**\n * Cleans up a list of options for saving to memory.\n * @param {HTMLOptionsCollection} list - The options from a select element.\n * @returns {Array} An array of option objects.\n */\n function _formatOptions(list) {\n let item;\n const cleaned = [];\n\n let isChecked = false;\n for (let i = 0, len = list.length; i < len; i++) {\n item = list[i];\n isChecked = isAtMaxSelections() ? false : item.defaultSelected;\n cleaned.push({\n id: _getOptionId(item),\n value: item.value,\n text: item.text,\n checked: isChecked,\n });\n\n // If an option is initially checked, we need to record it.\n if (isChecked) {\n _selectedIndices.push(i);\n }\n }\n\n return cleaned;\n }\n\n /**\n * @returns {MultiselectModel} An instance.\n */\n function init() {\n _optionsData = _formatOptions(_options);\n\n return this;\n }\n\n /**\n * Toggle checked value of an option.\n * @param {number} index - The index position of the option in the list.\n * @returns {boolean} A value of true is checked and false is unchecked.\n */\n function toggleOption(index) {\n _optionsData[index].checked = !_optionsData[index].checked;\n\n if (_selectedIndices.length < _max && _optionsData[index].checked) {\n _selectedIndices.push(index);\n _selectedIndices.sort();\n\n return true;\n }\n // We're over the max selections, reverse the check of the option.\n _optionsData[index].checked = false;\n _selectedIndices = _selectedIndices.filter(function (currIndex) {\n return currIndex !== index;\n });\n\n return false;\n }\n\n /**\n * Utility function for Array.reduce() used in searchIndices.\n * @param {Array} aggregate - The reducer's accumulator.\n * @param {object} item - Each item in the collection.\n * @param {number} index - The index of item in the collection.\n * @param {string} value - The value of item in the collection.\n * @returns {Array} The reducer's accumulator.\n */\n function _searchAggregator(aggregate, item, index, value) {\n if (stringMatch(item.text, value)) {\n aggregate.push(index);\n }\n return aggregate;\n }\n\n /**\n * Search for a query string in the options text and return the indices of\n * the matching positions in the options array.\n * @param {string} query - A query string.\n * @returns {Array} List of indices of the matching entries from the options.\n */\n function filterIndices(query) {\n // Convert query to a string if its not.\n if (Object.prototype.toString.call(query) !== '[object String]') {\n query = '';\n }\n _lastFilterIndices = _filterIndices;\n if (_optionsData.length > 0) {\n _filterIndices = _optionsData.reduce(function (acc, item, index) {\n return _searchAggregator(acc, item, index, query);\n }, []);\n }\n // Reset index position.\n _index = -1;\n\n return _filterIndices;\n }\n\n /**\n * Retrieve an option object from the options list.\n * @param {number} index - The index position in the options list.\n * @returns {object} The option object with text, value, and checked value.\n */\n function getOption(index) {\n return _optionsData[index];\n }\n\n /**\n * Set the index of the collection (represents the highlighted option).\n * @param {number} value - The index to set.\n */\n function setIndex(value) {\n const filterCount = _filterIndices.length;\n const count = filterCount === 0 ? _optionsData.length : filterCount;\n if (value < 0) {\n _index = -1;\n } else if (value >= count) {\n _index = count - 1;\n } else {\n _index = value;\n }\n }\n\n /**\n * @returns {number} The current index (highlighted option).\n */\n function getIndex() {\n return _index;\n }\n\n this.init = init;\n\n // This is used to check an item in the collection.\n this.toggleOption = toggleOption;\n this.getSelectedIndices = function () {\n return _selectedIndices;\n };\n this.isAtMaxSelections = isAtMaxSelections;\n\n // This is used to search the items in the collection.\n this.filterIndices = filterIndices;\n this.clearFilter = function () {\n _filterIndices = _lastFilterIndices = [];\n return UNDEFINED;\n };\n this.getFilterIndices = function () {\n return _filterIndices;\n };\n this.getLastFilterIndices = function () {\n return _lastFilterIndices;\n };\n\n // These are used to highlight items in the collection.\n this.getIndex = getIndex;\n this.setIndex = setIndex;\n this.resetIndex = function () {\n _index = -1;\n return _index;\n };\n\n // This is used to retrieve items from the collection.\n this.getOption = getOption;\n\n return this;\n}\n\nexport default MultiselectModel;\n", "/**\n * Shortcut for creating new dom elements.\n * @param {string} tag - The html elem to create.\n * @param {HTMLElement} parentNode - The parent node to attach to.\n * @param {object} options - The options for building the elem.\n * @returns {HTMLElement} The created elem.\n */\nexport function create(tag, parentNode, options) {\n const elem = document.createElement(tag);\n\n Object.keys(options).forEach((key) => {\n const val = options[key];\n if (key in elem) {\n elem[key] = val;\n } else {\n elem.setAttribute(key, val);\n }\n });\n\n if (parentNode) parentNode.appendChild(elem);\n return elem;\n}\n", "", "import {\n EventObserver,\n checkDom,\n setInitFlag,\n isMobileUserAgent,\n instantiateAll,\n} from '../../utilities';\nimport MultiselectModel, { MAX_SELECTIONS } from './multiselect-model.js';\nimport { create } from './multiselect-utils.js';\n\nimport * as MultiselectStyles from './multiselect.scss';\n\nimport * as closeIconSrc from '../cfpb-icons/icons/error.svg';\nconst closeIcon = closeIconSrc.default;\n\nconst BASE_CLASS = 'o-multiselect';\nconst CHECKBOX_INPUT_CLASS = 'a-checkbox';\nconst TEXT_INPUT_CLASS = 'a-text-input';\n\n// Constants for direction.\nconst DIR_PREV = 'prev';\nconst DIR_NEXT = 'next';\n\n// Constants for key binding.\nconst KEY_RETURN = 'Enter';\nconst KEY_SPACE = ' ';\nconst KEY_ESCAPE = 'Escape';\nconst KEY_UP = 'ArrowUp';\nconst KEY_DOWN = 'ArrowDown';\nconst KEY_TAB = 'Tab';\n\n// Configuration default\nconst DEFAULT_CONFIG = {\n // TODO: renderTags was added as a workaround for DS icons not rendering correctly when integrating with a React implementation.\n renderTags: true, // Allow the Multiselect to generate the Tag elements in the DOM\n maxSelections: MAX_SELECTIONS, // Maximum number of options a user can select\n};\n\n/**\n * Multiselect\n * @class\n * @classdesc Initializes a new Multiselect molecule.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the molecule.\n * @returns {Multiselect} An instance.\n */\nfunction Multiselect(element) {\n /* TODO: As the multiselect is developed further\n explore whether it should use an updated\n class name or data-* attribute in the\n markup so that it doesn't apply globally by default. */\n element.classList.add(BASE_CLASS);\n\n // Internal vars.\n let _dom = checkDom(element, BASE_CLASS);\n let _isBlurSkipped = false;\n let _name;\n let _placeholder;\n let _model;\n let _options;\n let _config; // Multiselect configuration object\n\n // Markup elems, convert this to templating engine in the future.\n let _containerDom;\n let _selectionsDom;\n let _headerDom;\n let _searchDom;\n let _fieldsetDom;\n let _optionsDom;\n const _optionItemDoms = [];\n let _instance;\n\n /**\n * Set the filtered matched state.\n */\n function _filterMatches() {\n _optionsDom.classList.remove('u-no-results');\n _optionsDom.classList.add('u-filtered');\n\n let filteredIndices = _model.getLastFilterIndices();\n for (let i = 0, len = filteredIndices.length; i < len; i++) {\n _optionItemDoms[filteredIndices[i]].classList.remove('u-filter-match');\n }\n\n filteredIndices = _model.getFilterIndices();\n for (let j = 0, len = filteredIndices.length; j < len; j++) {\n _optionItemDoms[filteredIndices[j]].classList.add('u-filter-match');\n }\n }\n\n /**\n * Resets the filtered option list.\n */\n function _resetFilter() {\n _optionsDom.classList.remove('u-filtered', 'u-no-results');\n\n for (let i = 0, len = _optionsDom.children.length; i < len; i++) {\n _optionsDom.children[i].classList.remove('u-filter-match');\n }\n\n _model.clearFilter();\n }\n\n /**\n * Updates the list of options to show the user there\n * are no matching results.\n */\n function _filterNoMatches() {\n _optionsDom.classList.add('u-no-results');\n _optionsDom.classList.remove('u-filtered');\n }\n\n /**\n * Filter the options list.\n * Every time we filter we have two lists of indices:\n * - The matching options (filterIndices).\n * - The matching options of the last filter (_lastFilterIndices).\n * We need to turn off the filter for any of the last filter matches\n * that are not in the new set, and turn on the filter for the matches\n * that are not in the last set.\n * @param {Array} filterIndices - List of indices to filter from the options.\n * @returns {boolean} True if options are filtered, false otherwise.\n */\n function _filterList(filterIndices) {\n if (filterIndices.length > 0) {\n _filterMatches();\n return true;\n }\n\n _filterNoMatches();\n return false;\n }\n\n /**\n * Evaluates the list of options based on the user's query in the\n * search input.\n * @param {string} value - Text the user has entered in the search query.\n */\n function _evaluate(value) {\n _resetFilter();\n _model.resetIndex();\n const matchedIndices = _model.filterIndices(value);\n _filterList(matchedIndices);\n }\n\n /**\n * Expand the multiselect drop down.\n * @returns {Multiselect} An instance.\n */\n function expand() {\n _containerDom.classList.add('u-active');\n _fieldsetDom.classList.remove('u-invisible');\n _fieldsetDom.setAttribute('aria-hidden', false);\n _instance.dispatchEvent('expandbegin', { target: _instance });\n\n return _instance;\n }\n\n /**\n * Collapse the multiselect drop down.\n * @returns {Multiselect} An instance.\n */\n function collapse() {\n _containerDom.classList.remove('u-active');\n _fieldsetDom.classList.add('u-invisible');\n _fieldsetDom.setAttribute('aria-hidden', true);\n _model.resetIndex();\n _instance.dispatchEvent('collapsebegin', { target: _instance });\n\n return _instance;\n }\n\n /**\n * Highlights an option in the list.\n * @param {string} direction -\n * Direction to highlight compared to the current focus.\n */\n function _highlight(direction) {\n if (direction === DIR_NEXT) {\n _model.setIndex(_model.getIndex() + 1);\n } else if (direction === DIR_PREV) {\n _model.setIndex(_model.getIndex() - 1);\n }\n\n const index = _model.getIndex();\n if (index > -1) {\n let filteredIndex = index;\n const filterIndices = _model.getFilterIndices();\n if (filterIndices.length > 0) {\n filteredIndex = filterIndices[index];\n }\n const option = _model.getOption(filteredIndex);\n const value = option.value;\n const item = _optionsDom.querySelector('[data-option=\"' + value + '\"]');\n const input = item.querySelector('input');\n\n _isBlurSkipped = true;\n input.focus();\n } else {\n _isBlurSkipped = false;\n _searchDom.focus();\n }\n }\n\n /**\n * Resets the search input and filtering.\n */\n function _resetSearch() {\n _searchDom.value = '';\n _resetFilter();\n }\n\n /**\n * This passes the click of the selected item button down to the label it\n * contains. This is only required for browsers (IE11) that prevent the\n * click of a selected item from cascading from the button down to the label\n * it contains.\n * @param {MouseEvent} event - The mouse click event object.\n */\n function _selectionClickHandler(event) {\n const target = event.target;\n if (target.tagName === 'BUTTON') {\n event.preventDefault();\n target.removeEventListener('click', _selectionClickHandler);\n target.querySelector('label').click();\n }\n }\n\n /**\n * @param {KeyboardEvent} event - The key down event object.\n */\n function _selectionKeyDownHandler(event) {\n if (event.key === KEY_SPACE || event.key === KEY_RETURN) {\n const label = event.target.querySelector('label');\n const checkbox = _optionsDom.querySelector(\n '#' + label.getAttribute('for'),\n );\n checkbox.click();\n }\n }\n\n /**\n * Create a unique ID based on a select's option HTML element.\n * @param {HTMLElement} option - A option HTML element.\n * @returns {string} A hopefully unique ID.\n */\n function _getOptionId(option) {\n /* Replace any character that is not a word character with a dash.\n https://regex101.com/r/ShHmRw/1\n */\n return (\n _name + '-' + option.value.trim().replace(/[^\\w]/g, '-').toLowerCase()\n );\n }\n\n /**\n * @param {HTMLElement} selectionsDom - The UL item to inject list item into.\n * @param {HTMLElement} option - The OPTION item to extract content from.\n */\n function _createSelectedItem(selectionsDom, option) {\n const optionId = _getOptionId(option);\n const selectionsItemDom = create('li', null, {\n 'data-option': option.value,\n });\n\n const selectionsItemLabelDom = create('button', selectionsItemDom, {\n type: 'button',\n class: 'a-tag-filter',\n innerHTML:\n '',\n });\n\n selectionsDom.appendChild(selectionsItemDom);\n\n selectionsItemLabelDom.addEventListener('click', _selectionClickHandler);\n selectionsItemLabelDom.addEventListener(\n 'keydown',\n _selectionKeyDownHandler,\n );\n }\n\n /**\n * Tracks a user's selections and updates the list in the dom.\n * @param {number} optionIndex - The index position of the chosen option.\n */\n function _updateSelections(optionIndex) {\n const option =\n _model.getOption(optionIndex) || _model.getOption(_model.getIndex());\n\n if (option) {\n if (option.checked) {\n if (_optionsDom.classList.contains('u-max-selections')) {\n _optionsDom.classList.remove('u-max-selections');\n }\n\n const dataOptionSel = '[data-option=\"' + option.value + '\"]';\n const _selectionsItemDom = _selectionsDom.querySelector(dataOptionSel);\n\n // If the exists\n if (typeof _selectionsItemDom !== 'undefined' && _selectionsItemDom) {\n _selectionsDom?.removeChild(_selectionsItemDom);\n }\n }\n // Else, if we are configured to display s then render them\n else if (_config?.renderTags && _selectionsDom) {\n _createSelectedItem(_selectionsDom, option);\n }\n _model.toggleOption(optionIndex);\n\n if (_model.isAtMaxSelections()) {\n _optionsDom.classList.add('u-max-selections');\n }\n\n _instance.dispatchEvent('selectionsupdated', { target: _instance });\n }\n\n _model.resetIndex();\n _isBlurSkipped = false;\n\n if (_fieldsetDom.getAttribute('aria-hidden') === 'false') {\n _searchDom.focus();\n }\n }\n\n /**\n * Handles the functions to trigger on the checkbox change.\n * @param {Event} event - The checkbox change event.\n */\n function _changeHandler(event) {\n _updateSelections(Number(event.target.getAttribute('data-index')));\n _resetSearch();\n }\n\n /**\n * Binds events to the search input, option list, and checkboxes.\n */\n function _bindEvents() {\n _headerDom.addEventListener('mousemove', function (event) {\n const target = event.target;\n // Check if we're over the down-arrow on the right side of the input.\n if (event.offsetX > target.offsetWidth - 35) {\n target.style.cursor = 'pointer';\n } else {\n target.style.cursor = 'auto';\n }\n });\n\n _headerDom.addEventListener('mouseup', function (event) {\n const target = event.target;\n\n /* Check if we're over the down-arrow on the right side of the input.\n Also check if the fieldset is open.\n 35 = width of the arrow on the right of the search input.\n 140 = the max-height value set in multiselect.src for the fieldset.\n */\n if (\n event.offsetX > target.offsetWidth - 35 &&\n _fieldsetDom.offsetHeight === 140\n ) {\n _searchDom.blur();\n }\n });\n\n _searchDom.addEventListener('input', function () {\n _evaluate(this.value);\n });\n\n _searchDom.addEventListener('focus', function () {\n if (_fieldsetDom.getAttribute('aria-hidden') === 'true') {\n expand();\n }\n });\n\n _searchDom.addEventListener('blur', function () {\n if (\n !_isBlurSkipped &&\n _fieldsetDom.getAttribute('aria-hidden') === 'false'\n ) {\n collapse();\n }\n });\n\n _searchDom.addEventListener('keydown', function (event) {\n const key = event.key;\n\n if (\n _fieldsetDom.getAttribute('aria-hidden') === 'true' &&\n key !== KEY_TAB\n ) {\n expand();\n }\n\n if (key === KEY_RETURN) {\n event.preventDefault();\n _highlight(DIR_NEXT);\n } else if (key === KEY_ESCAPE) {\n _resetSearch();\n collapse();\n } else if (key === KEY_DOWN) {\n _highlight(DIR_NEXT);\n } else if (\n key === KEY_TAB &&\n !event.shiftKey &&\n _fieldsetDom.getAttribute('aria-hidden') === 'false'\n ) {\n collapse();\n }\n });\n\n _optionsDom.addEventListener('mousedown', function () {\n _isBlurSkipped = true;\n });\n\n _optionsDom.addEventListener('keydown', function (event) {\n const key = event.key;\n const target = event.target;\n const checked = target.checked;\n\n if (key === KEY_RETURN) {\n event.preventDefault();\n\n /* Programmatically checking a checkbox does not fire a change event\n so we need to manually create an event and dispatch it from the input.\n */\n target.checked = !checked;\n const evt = new Event('change', { bubbles: false, cancelable: true });\n target.dispatchEvent(evt);\n } else if (key === KEY_ESCAPE) {\n _searchDom.focus();\n collapse();\n } else if (key === KEY_UP) {\n _highlight(DIR_PREV);\n } else if (key === KEY_DOWN) {\n _highlight(DIR_NEXT);\n }\n });\n\n _fieldsetDom.addEventListener('mousedown', function (event) {\n if (event.target.tagName === 'LABEL') {\n _isBlurSkipped = true;\n }\n });\n\n const inputs = _optionsDom.querySelectorAll('input');\n for (let i = 0, len = inputs.length; i < len; i++) {\n inputs[i].addEventListener('change', _changeHandler);\n }\n\n // Add event listeners to any selections that are present at page load.\n const labelButtons = _selectionsDom.querySelectorAll('button');\n for (let j = 0, len = labelButtons.length; j < len; j++) {\n labelButtons[j].addEventListener('click', _selectionClickHandler);\n labelButtons[j].addEventListener('keydown', _selectionKeyDownHandler);\n }\n }\n\n /**\n * Populates and injects the markup for the custom multiselect.\n * @returns {HTMLElement} Newly created
element to hold the multiselect.\n */\n function _populateMarkup() {\n // Add a container for our markup\n _containerDom = document.createElement('div');\n _containerDom.className = BASE_CLASS;\n\n // Create all our markup but wait to manipulate the DOM just once\n _selectionsDom = create('ul', null, {\n className: 'm-tag-group',\n });\n\n _headerDom = create('header', _containerDom, {\n className: BASE_CLASS + '__header',\n });\n\n _searchDom = create('input', _headerDom, {\n className: BASE_CLASS + '__search ' + TEXT_INPUT_CLASS,\n type: 'text',\n placeholder: _placeholder || 'Select up to five',\n id: _dom.id,\n autocomplete: 'off',\n });\n\n _fieldsetDom = create('fieldset', _containerDom, {\n className: BASE_CLASS + '__fieldset u-invisible',\n 'aria-hidden': 'true',\n });\n\n let optionsClasses = BASE_CLASS + '__options';\n if (_model.isAtMaxSelections()) {\n optionsClasses += ' u-max-selections';\n }\n\n _optionsDom = create('ul', _fieldsetDom, {\n className: optionsClasses,\n });\n\n let option;\n let optionId;\n let isChecked;\n for (let i = 0, len = _options.length; i < len; i++) {\n option = _options[i];\n optionId = _getOptionId(option);\n isChecked = _model.getOption(i).checked;\n const optionsItemDom = create('li', _optionsDom, {\n 'data-option': option.value,\n 'data-cy': 'multiselect-option',\n class: 'm-form-field m-form-field--checkbox',\n });\n\n create('input', optionsItemDom, {\n id: optionId,\n // Type must come before value or IE fails\n type: 'checkbox',\n value: option.value,\n name: _name,\n class: CHECKBOX_INPUT_CLASS + ' ' + BASE_CLASS + '__checkbox',\n checked: isChecked,\n 'data-index': i,\n });\n\n create('label', optionsItemDom, {\n for: optionId,\n textContent: option.text,\n className: BASE_CLASS + '__label a-label',\n });\n\n _optionItemDoms.push(optionsItemDom);\n\n // Create if enabled\n if (isChecked && _config?.renderTags) {\n _createSelectedItem(_selectionsDom, option);\n }\n }\n\n // Write our new markup to the DOM.\n _containerDom.insertBefore(_selectionsDom, _headerDom);\n _dom.parentNode.insertBefore(_containerDom, _dom);\n _containerDom.appendChild(_dom);\n\n return _containerDom;\n }\n\n /**\n * Set up and create the multiselect.\n * @param {object} multiselectConfig - Multiselect configuration options\n * @returns {Multiselect} An instance.\n */\n function init(multiselectConfig = DEFAULT_CONFIG) {\n if (!setInitFlag(_dom)) {\n return this;\n }\n\n if (isMobileUserAgent()) {\n return this;\n }\n\n _instance = this;\n _name = _dom.name || _dom.id;\n _placeholder = _dom.getAttribute('placeholder');\n _options = _dom.options || [];\n\n // Allow devs to pass the config settings they want and not worry about the rest\n _config = { ...DEFAULT_CONFIG, ...multiselectConfig };\n\n if (_options.length > 0) {\n // Store underlying model so we can expose it externally\n _model = new MultiselectModel(_options, _name, _config).init();\n const newDom = _populateMarkup();\n\n /* Removes element. */\n setInitFlag(_dom);\n\n _bindEvents();\n }\n\n return this;\n }\n\n /**\n * Allow external access to the underlying model for integration/customization when used in other applications.\n * @returns {object} Model\n */\n function getModel() {\n return _model;\n }\n\n // Attach public events.\n this.init = init;\n this.expand = expand;\n this.collapse = collapse;\n\n const eventObserver = new EventObserver();\n this.addEventListener = eventObserver.addEventListener;\n this.removeEventListener = eventObserver.removeEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n this.getModel = getModel;\n this.updateSelections = _updateSelections;\n this.selectionClickHandler = _selectionClickHandler;\n this.selectionKeyDownHandler = _selectionKeyDownHandler;\n\n return this;\n}\n\nMultiselect.BASE_CLASS = BASE_CLASS;\nMultiselect.init = (config) =>\n instantiateAll(`.${BASE_CLASS}`, Multiselect, undefined, config);\n\nexport { Multiselect, MultiselectStyles };\n", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Icons\n ========================================================================== */\n.cf-icon-svg {\n height: 1.1875em;\n vertical-align: text-top;\n fill: currentcolor;\n}\n.cf-icon-svg--updating, .cf-icon-svg--updating-round {\n animation: updating-animation 1.25s infinite linear;\n transform-origin: 50% 50%;\n}\n\n@keyframes updating-animation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(359deg);\n }\n}\nhtml[lang=ar] .cf-icon-svg--right, html[lang=ar] .cf-icon-svg--right-round, html[lang=ar] .cf-icon-svg--left, html[lang=ar] .cf-icon-svg--left-round, html[lang=ar] .cf-icon-svg--arrow-right, html[lang=ar] .cf-icon-svg--arrow-right-round, html[lang=ar] .cf-icon-svg--arrow-left, html[lang=ar] .cf-icon-svg--arrow-left-round, html[lang=ar] .cf-icon-svg--help, html[lang=ar] .cf-icon-svg--help-round, html[lang=ar] .cf-icon-svg--book, html[lang=ar] .cf-icon-svg--book-round, html[lang=ar] .cf-icon-svg--document, html[lang=ar] .cf-icon-svg--document-round, html[lang=ar] .cf-icon-svg--edit, html[lang=ar] .cf-icon-svg--edit-round, html[lang=ar] .cf-icon-svg--paper-clip, html[lang=ar] .cf-icon-svg--paper-clip-round, html[lang=ar] .cf-icon-svg--cart, html[lang=ar] .cf-icon-svg--cart-round, html[lang=ar] .cf-icon-svg--disability, html[lang=ar] .cf-icon-svg--disability-round, html[lang=ar] .cf-icon-svg--travel, html[lang=ar] .cf-icon-svg--travel-round, html[lang=ar] .cf-icon-svg--bullhorn, html[lang=ar] .cf-icon-svg--bullhorn-round, html[lang=ar] .cf-icon-svg--chart, html[lang=ar] .cf-icon-svg--chart-round, html[lang=ar] .cf-icon-svg--list, html[lang=ar] .cf-icon-svg--list-round, html[lang=ar] .cf-icon-svg--external-link, html[lang=ar] .cf-icon-svg--external-link-round {\n transform: scaleX(-1);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-card {\n position: relative;\n}\n.m-card:not(.m-card--breakout) > a {\n padding: 1.875em;\n}\n.m-card:not(.m-card--breakout) .m-card__footer {\n margin-top: auto;\n}\n.m-card:not(.m-card--breakout, .m-card--topic) {\n background: var(--white);\n border: 1px solid var(--gray-20);\n border-bottom-width: 3px;\n padding: 1.875em;\n}\n.m-card:not(.m-card--breakout, .m-card--topic), .m-card > a {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n flex-basis: 0;\n box-sizing: border-box;\n height: 100%;\n}\n.m-card a:focus {\n outline-offset: 2px;\n}\n.m-card__footer > a {\n font-weight: 500;\n border-bottom-width: 1px;\n}\n@media only all and (max-width: 56.3125em) {\n .m-card__heading {\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n }\n p + .m-card__heading, ul + .m-card__heading, ol + .m-card__heading, dl + .m-card__heading, figure + .m-card__heading, img + .m-card__heading, table + .m-card__heading, blockquote + .m-card__heading, h1 + .m-card__heading, .h1 + .m-card__heading, h2 + .m-card__heading, .h2 + .m-card__heading, h4 + .m-card__heading, .h4 + .m-card__heading, h5 + .m-card__heading, .h5 + .m-card__heading, h6 + .m-card__heading, .h6 + .m-card__heading {\n margin-top: 1.3636363636em;\n }\n}\n@media only all and (max-width: 56.3125em) and (max-width: 37.5em) {\n .m-card__heading {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.8333333333em;\n }\n p + .m-card__heading, ul + .m-card__heading, ol + .m-card__heading, dl + .m-card__heading, figure + .m-card__heading, img + .m-card__heading, table + .m-card__heading, blockquote + .m-card__heading, h1 + .m-card__heading, .h1 + .m-card__heading, h2 + .m-card__heading, .h2 + .m-card__heading, h3 + .m-card__heading, .h3 + .m-card__heading, h5 + .m-card__heading, .h5 + .m-card__heading, h6 + .m-card__heading, .h6 + .m-card__heading {\n margin-top: 1.6666666667em;\n }\n}\n.m-card__heading > a {\n color: var(--black);\n}\n.m-card__heading > a:hover {\n color: var(--pacific);\n}\n.m-card__heading > a .m-card__icon {\n font-size: 1em;\n margin-bottom: 0;\n padding-right: 0.46875em;\n}\n.m-card__heading > a .m-card__icon, .m-card__heading > a span {\n display: table-cell;\n}\n.m-card > .m-list {\n margin-top: 10px;\n margin-bottom: 30px;\n}\n.m-card--topic {\n text-align: center;\n width: 170px;\n background: var(--white);\n}\n.m-card--topic > a {\n border: 1px solid var(--gray-20);\n border-bottom-width: 3px;\n}\n.m-card--topic .m-card__icon {\n font-size: 1.875em;\n color: var(--green);\n margin-bottom: 0.3125em;\n}\n.m-card--topic:hover > a {\n box-shadow: 0 2px 0 0 inset var(--gray-20), 2px 0 0 0 inset var(--gray-20), -2px 0 0 0 inset var(--gray-20);\n}\n.m-card--topic:hover::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: 1px;\n height: 5px;\n width: 100%;\n background: var(--green);\n}\n.m-card--topic .m-card__footer > span {\n display: inline;\n border-width: 0;\n border-bottom-width: 1px;\n border-color: var(--pacific);\n border-style: dotted;\n font-weight: 500;\n color: var(--pacific);\n text-decoration: none;\n}\n.m-card--topic > a:visited .m-card__footer > span {\n border-color: var(--teal);\n color: var(--teal);\n}\n.m-card--topic:hover .m-card__footer > span {\n border-style: solid;\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\n.m-card--topic > a:focus .m-card__footer > span {\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\n.m-card--topic > a:active .m-card__footer > span {\n border-color: var(--pacific-dark);\n border-style: solid;\n color: var(--pacific-dark);\n}\n.m-card--topic-action .m-card__icon {\n color: var(--pacific);\n}\n.m-card--breakout {\n min-width: 210px;\n text-align: center;\n}\n.m-card--breakout > a {\n padding-top: 60px;\n}\n.m-card--breakout .m-card__inner-wrapper {\n position: relative;\n z-index: 0;\n min-height: 135px;\n background: var(--gray-5);\n border: 1px solid var(--gray-20);\n border-bottom-width: 3px;\n}\n.m-card--breakout .m-card__img {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 50%;\n width: 210px;\n height: 120px;\n margin-left: -105px;\n}\n.m-card--breakout .m-card__footer {\n margin-top: 84px;\n}\n.m-card--breakout:hover .m-card__inner-wrapper {\n box-shadow: 0 2px 0 0 inset var(--gray-20), 2px 0 0 0 inset var(--gray-20), -2px 0 0 0 inset var(--gray-20);\n}\n.m-card--breakout:hover::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: 1px;\n height: 5px;\n width: 100%;\n background: var(--green);\n}\n.m-card--breakout .m-card__footer > span {\n display: inline;\n border-width: 0;\n border-bottom-width: 1px;\n border-color: var(--pacific);\n border-style: dotted;\n font-weight: 500;\n color: var(--pacific);\n text-decoration: none;\n}\n.m-card--breakout > a:visited .m-card__footer > span {\n border-color: var(--teal);\n color: var(--teal);\n}\n.m-card--breakout:hover .m-card__footer > span {\n border-style: solid;\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\n.m-card--breakout > a:focus .m-card__footer > span {\n border-color: var(--pacific);\n color: var(--pacific);\n}\n.m-card--breakout > a:active .m-card__footer > span {\n border-color: var(--navy);\n border-style: solid;\n color: var(--navy);\n}\n.m-card--breakout .m-card__footer > span {\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n}\np + .m-card--breakout .m-card__footer > span, ul + .m-card--breakout .m-card__footer > span, ol + .m-card--breakout .m-card__footer > span, dl + .m-card--breakout .m-card__footer > span, figure + .m-card--breakout .m-card__footer > span, img + .m-card--breakout .m-card__footer > span, table + .m-card--breakout .m-card__footer > span, blockquote + .m-card--breakout .m-card__footer > span, h1 + .m-card--breakout .m-card__footer > span, .h1 + .m-card--breakout .m-card__footer > span, h2 + .m-card--breakout .m-card__footer > span, .h2 + .m-card--breakout .m-card__footer > span, h4 + .m-card--breakout .m-card__footer > span, .h4 + .m-card--breakout .m-card__footer > span, h5 + .m-card--breakout .m-card__footer > span, .h5 + .m-card--breakout .m-card__footer > span, h6 + .m-card--breakout .m-card__footer > span, .h6 + .m-card--breakout .m-card__footer > span {\n margin-top: 1.3636363636em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-card-group > h2 {\n margin-bottom: 1.875rem;\n}\n.o-card-group--column-2 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n}\n.o-card-group--column-3 .o-card-group__cards {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n@media only all and (max-width: 63.8125em) {\n .o-card-group--column-3 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n }\n}\n.o-card-group__cards {\n display: grid;\n grid-column-gap: 1.25em;\n grid-row-gap: 1.25em;\n}\n@media only all and (max-width: 37.5em) {\n .o-card-group__cards {\n grid-template-columns: 100% !important;\n }\n}\n.o-card-group--bg-green {\n padding: 1.875em;\n background: var(--green-20);\n}\n\n/* stylelint-disable selector-type-no-unknown */\n_:-ms-lang(x),\n.o-card-group__cards {\n display: block;\n}\n_:-ms-lang(x) .m-card,\n.o-card-group__cards .m-card {\n display: block;\n float: left;\n margin-bottom: 10px;\n}\n\n_:-ms-lang(x) .o-card-group__cards .m-card,\n.o-card-group--column-2 .o-card-group__cards .m-card {\n width: 48%;\n margin-right: 2%;\n}\n_:-ms-lang(x) .o-card-group__cards .m-card:last-child,\n.o-card-group--column-2 .o-card-group__cards .m-card:last-child {\n margin-right: 0;\n}\n\n_:-ms-lang(x) .o-card-group__cards .m-card,\n.o-card-group--column-3 .o-card-group__cards .m-card {\n width: 32%;\n margin-right: 1%;\n}\n_:-ms-lang(x) .o-card-group__cards .m-card:last-child,\n.o-card-group--column-3 .o-card-group__cards .m-card:last-child {\n margin-right: 0;\n}\n\n_:-ms-lang(x),\n.o-card-group::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n/* stylelint-enable selector-type-no-unknown */\n/* stylelint-disable no-duplicate-selectors */\n.o-card-group {\n /* stylelint-enable no-duplicate-selectors */\n}\n.o-card-group--count-2 .m-card:nth-of-type(1), .o-card-group--count-3 .m-card:nth-of-type(1), .o-card-group--count-4 .m-card:nth-of-type(1) {\n grid-area: card1;\n}\n.o-card-group--count-2 .m-card:nth-of-type(2), .o-card-group--count-3 .m-card:nth-of-type(2), .o-card-group--count-4 .m-card:nth-of-type(2) {\n grid-area: card2;\n}\n.o-card-group--count-2 .m-card:nth-of-type(3), .o-card-group--count-3 .m-card:nth-of-type(3), .o-card-group--count-4 .m-card:nth-of-type(3) {\n grid-area: card3;\n}\n.o-card-group--count-2 .m-card:nth-of-type(4), .o-card-group--count-3 .m-card:nth-of-type(4), .o-card-group--count-4 .m-card:nth-of-type(4) {\n grid-area: card4;\n}\n.o-card-group--count-2 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"card1 card2\";\n}\n.o-card-group--count-3 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"card1 card2\" \"card1 card3\";\n}\n.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n font-size: 1.625em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n}\np + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ul + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ol + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, dl + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, figure + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, img + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, table + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, blockquote + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n margin-top: 1.7307692308em;\n}\nh1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h3 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h3 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n margin-top: 1.1538461538em;\n}\n@media only all and (max-width: 37.5em) {\n p + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ul + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ol + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, dl + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, figure + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, img + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, table + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, blockquote + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n margin-top: 1.3636363636em;\n }\n}\n@media only all and (max-width: 37.5em) {\n .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n font-size: 1.375em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n }\n p + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ul + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ol + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, dl + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, figure + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, img + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, table + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, blockquote + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h2 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h2 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n margin-top: 1.3636363636em;\n }\n}\n.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) > a {\n justify-content: center;\n}\n.o-card-group--count-4 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"card1 card2\" \"card3 card4\";\n}\n.o-card-group--flow .o-card-group__cards {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n@media only all and (min-width: 37.5625em) and (max-width: 56.25em) {\n .o-card-group--count-3 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"card1 card1\" \"card2 card3\";\n }\n}\n@media only all and (max-width: 37.5em) {\n .o-card-group--count-2 .o-card-group__cards {\n grid-template-columns: 1fr;\n grid-template-areas: \"card1\" \"card2\";\n }\n .o-card-group--count-3 .o-card-group__cards {\n grid-template-columns: 1fr;\n grid-template-areas: \"card1\" \"card2\" \"card3\";\n }\n .o-card-group--count-4 .o-card-group__cards {\n grid-template-columns: 1fr;\n grid-template-areas: \"card1\" \"card2\" \"card3\" \"card4\";\n }\n .o-card-group--flow .o-card-group__cards {\n display: block;\n }\n .o-card-group--flow .o-card-group__cards .m-card {\n width: 100%;\n margin-bottom: 1.875em;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-email-signup .m-notification {\n margin-bottom: 0.9375em;\n}\n.o-email-signup .a-text-input {\n max-width: 23.125rem;\n}\n.o-email-signup__buttons {\n display: flex;\n margin-top: 0.9375em;\n align-items: center;\n flex-wrap: wrap-reverse;\n gap: 0.9375em;\n}\n.o-email-signup .a-btn {\n text-align: inherit;\n}\n@media only all and (max-width: 37.5em) {\n .o-email-signup .a-label--heading {\n font-size: 1em;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-featured-content-module {\n min-height: 220px;\n position: relative;\n border: 1px solid var(--gray-40);\n background-color: var(--gray-5);\n}\n.o-featured-content-module__text {\n padding-top: 1.875em;\n padding-bottom: 1.875em;\n}\n.o-featured-content-module__img {\n display: block;\n}\n@media only all and (max-width: 37.5em) {\n .o-featured-content-module__text {\n padding-right: 0.9375em;\n padding-left: 0.9375em;\n }\n .o-featured-content-module__visual {\n padding-right: 0.9375em;\n padding-bottom: 0.9375em;\n padding-left: 0.9375em;\n }\n .o-featured-content-module__img {\n margin-right: auto;\n margin-left: auto;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .o-featured-content-module__text {\n padding-right: 300px;\n padding-left: 1.875em;\n }\n .o-featured-content-module__visual {\n height: 100%;\n overflow: hidden;\n position: absolute;\n top: 0;\n right: 0;\n width: 270px;\n }\n .o-featured-content-module__img {\n max-width: none;\n height: 100%;\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n }\n}\n.o-featured-content-module--left {\n /* Left modifier doesn't have a border/background. If in the future we\n have a left arranged FCM we'll want to make the border/background\n its own modifer */\n border: initial;\n background-color: initial;\n}\n.o-featured-content-module--left .o-featured-content-module__visual {\n left: 0;\n right: initial;\n}\n@media only all and (min-width: 37.5625em) {\n .o-featured-content-module--left .o-featured-content-module__text {\n padding-left: 300px;\n padding-right: 1.875em;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-hero {\n background-color: var(--gray-5);\n}\n.m-hero__wrapper {\n display: grid;\n max-width: 1200px;\n margin: 0 auto;\n padding-top: 30px;\n padding-bottom: 30px;\n}\n.m-hero__text {\n padding-right: 15px;\n padding-left: 15px;\n}\n.m-hero__heading {\n font-size: 2.125em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.4411764706em;\n}\np + .m-hero__heading, ul + .m-hero__heading, ol + .m-hero__heading, dl + .m-hero__heading, figure + .m-hero__heading, img + .m-hero__heading, table + .m-hero__heading, blockquote + .m-hero__heading {\n margin-top: 1.7647058824em;\n}\n.m-hero__subhead {\n font-size: 22px;\n line-height: 1.25;\n}\n.m-hero__image-wrapper {\n box-sizing: border-box;\n overflow: hidden;\n}\n.m-hero__image {\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n width: 100%;\n display: none;\n}\n@supports (display: grid) {\n .m-hero__image {\n display: block;\n }\n}\n.m-hero--knockout {\n background-color: var(--gray);\n color: var(--white);\n}\n.m-hero--overlay .m-hero__wrapper {\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n}\n.m-hero--jumbo, .m-hero--50-50 {\n background-color: var(--white);\n}\n.m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n margin-top: 0;\n margin-bottom: 15px;\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n@media only all and (max-width: 37.5em) {\n .m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n }\n p + .m-hero--jumbo .m-hero__subhead, ul + .m-hero--jumbo .m-hero__subhead, ol + .m-hero--jumbo .m-hero__subhead, dl + .m-hero--jumbo .m-hero__subhead, figure + .m-hero--jumbo .m-hero__subhead, img + .m-hero--jumbo .m-hero__subhead, table + .m-hero--jumbo .m-hero__subhead, blockquote + .m-hero--jumbo .m-hero__subhead, h1 + .m-hero--jumbo .m-hero__subhead, .h1 + .m-hero--jumbo .m-hero__subhead, h2 + .m-hero--jumbo .m-hero__subhead, .h2 + .m-hero--jumbo .m-hero__subhead, h4 + .m-hero--jumbo .m-hero__subhead, .h4 + .m-hero--jumbo .m-hero__subhead, h5 + .m-hero--jumbo .m-hero__subhead, .h5 + .m-hero--jumbo .m-hero__subhead, h6 + .m-hero--jumbo .m-hero__subhead, .h6 + .m-hero--jumbo .m-hero__subhead, p + .m-hero--50-50 .m-hero__subhead, ul + .m-hero--50-50 .m-hero__subhead, ol + .m-hero--50-50 .m-hero__subhead, dl + .m-hero--50-50 .m-hero__subhead, figure + .m-hero--50-50 .m-hero__subhead, img + .m-hero--50-50 .m-hero__subhead, table + .m-hero--50-50 .m-hero__subhead, blockquote + .m-hero--50-50 .m-hero__subhead, h1 + .m-hero--50-50 .m-hero__subhead, .h1 + .m-hero--50-50 .m-hero__subhead, h2 + .m-hero--50-50 .m-hero__subhead, .h2 + .m-hero--50-50 .m-hero__subhead, h4 + .m-hero--50-50 .m-hero__subhead, .h4 + .m-hero--50-50 .m-hero__subhead, h5 + .m-hero--50-50 .m-hero__subhead, .h5 + .m-hero--50-50 .m-hero__subhead, h6 + .m-hero--50-50 .m-hero__subhead, .h6 + .m-hero--50-50 .m-hero__subhead {\n margin-top: 1.3636363636em;\n }\n}\n@media only all and (min-width: 63.8125em) {\n .m-hero--jumbo .m-hero__wrapper, .m-hero--50-50 .m-hero__wrapper {\n min-height: 285px;\n }\n .m-hero--jumbo .m-hero__heading, .m-hero--50-50 .m-hero__heading {\n margin-bottom: 0.4166666667em;\n font-size: 3em;\n font-weight: normal;\n line-height: 1.25;\n }\n .m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n font-size: 1.625em;\n font-weight: 400;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n }\n p + .m-hero--jumbo .m-hero__subhead, ul + .m-hero--jumbo .m-hero__subhead, ol + .m-hero--jumbo .m-hero__subhead, dl + .m-hero--jumbo .m-hero__subhead, figure + .m-hero--jumbo .m-hero__subhead, img + .m-hero--jumbo .m-hero__subhead, table + .m-hero--jumbo .m-hero__subhead, blockquote + .m-hero--jumbo .m-hero__subhead, p + .m-hero--50-50 .m-hero__subhead, ul + .m-hero--50-50 .m-hero__subhead, ol + .m-hero--50-50 .m-hero__subhead, dl + .m-hero--50-50 .m-hero__subhead, figure + .m-hero--50-50 .m-hero__subhead, img + .m-hero--50-50 .m-hero__subhead, table + .m-hero--50-50 .m-hero__subhead, blockquote + .m-hero--50-50 .m-hero__subhead {\n margin-top: 1.7307692308em;\n }\n h1 + .m-hero--jumbo .m-hero__subhead, .h1 + .m-hero--jumbo .m-hero__subhead, h3 + .m-hero--jumbo .m-hero__subhead, .h3 + .m-hero--jumbo .m-hero__subhead, h4 + .m-hero--jumbo .m-hero__subhead, .h4 + .m-hero--jumbo .m-hero__subhead, h5 + .m-hero--jumbo .m-hero__subhead, .h5 + .m-hero--jumbo .m-hero__subhead, h6 + .m-hero--jumbo .m-hero__subhead, .h6 + .m-hero--jumbo .m-hero__subhead, h1 + .m-hero--50-50 .m-hero__subhead, .h1 + .m-hero--50-50 .m-hero__subhead, h3 + .m-hero--50-50 .m-hero__subhead, .h3 + .m-hero--50-50 .m-hero__subhead, h4 + .m-hero--50-50 .m-hero__subhead, .h4 + .m-hero--50-50 .m-hero__subhead, h5 + .m-hero--50-50 .m-hero__subhead, .h5 + .m-hero--50-50 .m-hero__subhead, h6 + .m-hero--50-50 .m-hero__subhead, .h6 + .m-hero--50-50 .m-hero__subhead {\n margin-top: 1.1538461538em;\n }\n}\n\n@media only all and (max-width: 37.5em) {\n .m-hero__image-wrapper {\n margin-top: 1.875em;\n }\n .m-hero--overlay .m-hero__wrapper {\n background-image: none !important;\n }\n .m-hero--jumbo .m-hero__wrapper {\n padding-bottom: 0;\n }\n}\n@media only all and (max-width: 56.25em) {\n .m-hero__heading {\n font-size: 1.625em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n }\n p + .m-hero__heading, ul + .m-hero__heading, ol + .m-hero__heading, dl + .m-hero__heading, figure + .m-hero__heading, img + .m-hero__heading, table + .m-hero__heading, blockquote + .m-hero__heading {\n margin-top: 1.7307692308em;\n }\n h1 + .m-hero__heading, .h1 + .m-hero__heading, h3 + .m-hero__heading, .h3 + .m-hero__heading, h4 + .m-hero__heading, .h4 + .m-hero__heading, h5 + .m-hero__heading, .h5 + .m-hero__heading, h6 + .m-hero__heading, .h6 + .m-hero__heading {\n margin-top: 1.1538461538em;\n }\n .m-hero__subhead {\n font-size: 18px;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .m-hero__wrapper {\n grid-template-columns: 7fr 5fr;\n padding-right: 15px;\n padding-left: 15px;\n min-height: 225px;\n }\n .m-hero__text {\n margin: auto;\n }\n .m-hero__image-wrapper {\n padding-right: 15px;\n padding-left: 15px;\n display: flex;\n align-items: center;\n }\n .m-hero--bleeding .m-hero__image-wrapper {\n width: 100%;\n margin-top: -2.8125em;\n margin-bottom: -2.8125em;\n }\n .m-hero--bleeding .m-hero__image {\n padding-bottom: 0 !important;\n height: 100%;\n width: 100%;\n background-size: cover;\n }\n .m-hero--overlay .m-hero__image {\n display: none;\n }\n .m-hero--jumbo .m-hero__wrapper {\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: cover;\n }\n .m-hero--jumbo .m-hero__image {\n display: none;\n }\n .m-hero--50-50 .m-hero__wrapper {\n grid-template-columns: 1fr 1fr;\n border: 1px solid var(--gray-40);\n border-top: none;\n background-position: 100% center;\n background-repeat: no-repeat;\n background-size: 50%;\n }\n .m-hero--50-50 .m-hero__image {\n display: none;\n }\n}\n@media only all and (min-width: 63.8125em) {\n .m-hero__wrapper {\n padding-top: 2.8125em;\n padding-bottom: 2.8125em;\n min-height: 195px;\n }\n .m-hero--bleeding .m-hero__image-wrapper {\n margin-top: -2.8125em;\n margin-bottom: -2.8125em;\n }\n .m-hero--50-50 .m-hero__wrapper {\n min-height: 345px;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Layout Helpers\n ========================================================================== */\n.content-l {\n position: relative;\n}\n@media only all and (min-width: 37.5625em) {\n .content-l {\n display: block;\n position: relative;\n margin-left: -15px;\n margin-right: -15px;\n }\n}\n\n@media only all and (max-width: 37.5em) {\n .content-l__col + .content-l__col {\n margin-top: 1.875em;\n }\n}\n\n@media only all and (min-width: 37.5625em) {\n .content-l__col-1 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-1-2 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 50%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-1-3 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 33.3333333333%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-2-3 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 66.6666666667%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-3-8 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 37.5%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-5-8 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 62.5%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-1-4 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 25%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-3-4 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 75%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n}\n.content__line {\n height: 1px;\n background: var(--gray-40);\n}\n\n.content__main dd,\n.content__main dt,\n.content__main h3,\n.content__main h4,\n.content__main h5,\n.content__main h6,\n.content__main li,\n.content__main p,\n.content__main label,\n.content__intro dd,\n.content__intro dt,\n.content__intro h3,\n.content__intro h4,\n.content__intro h5,\n.content__intro h6,\n.content__intro li,\n.content__intro p,\n.content__intro label {\n max-width: 41.875rem;\n}\n\n.content__intro,\n.content__main,\n.content__sidebar {\n padding: 1.875em 0.9375em;\n}\n@media only all and (min-width: 37.5625em) {\n .content__intro,\n .content__main,\n .content__sidebar {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n padding: 2.8125em 0.9375em;\n }\n}\n@media only all and (min-width: 56.3125em) {\n .content__intro,\n .content__main,\n .content__sidebar {\n padding: 2.8125em 0;\n }\n}\n\n@media only all and (min-width: 56.3125em) {\n .content__intro {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n}\n@media only all and (min-width: 56.3125em) {\n .content--1-3 .content__sidebar {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 25%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n padding-right: 1.875em;\n }\n .content--1-3 .content__main {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 75%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n position: relative;\n }\n .content--1-3 .content__main::after {\n content: \"\";\n border-left: 1px solid var(--gray-40);\n position: absolute;\n top: 2.8125em;\n bottom: 0;\n left: -1.875em;\n }\n .content--2-1 .content__main {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 66.6666666667%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content--2-1 .content__main::after {\n right: -1.875em;\n }\n .content--2-1 .content__sidebar {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 33.3333333333%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n padding-left: 1.875em;\n }\n}\n.content--flush-bottom {\n padding-bottom: 0;\n}\n\n@media only all and (max-width: 56.25em) {\n .content--flush-top-on-small {\n padding-top: 0;\n }\n}\n\n@media only all and (max-width: 56.25em) {\n .content--flush-all-on-small {\n padding: 0;\n border: none;\n }\n}\n\n.block {\n margin-top: 3.75em;\n margin-bottom: 3.75em;\n}\n.block--border-top {\n border-top: 1px solid var(--gray-40);\n}\n.block--border-right {\n border-right: 1px solid var(--gray-40);\n}\n.block--border-bottom {\n border-bottom: 1px solid var(--gray-40);\n}\n.block--border-left {\n border-left: 1px solid var(--gray-40);\n}\n.block--border {\n border: 1px solid var(--gray-40);\n}\n.block--flush-top {\n margin-top: 0 !important;\n}\n.block--flush-top.block--border, .block--flush-top.block--border-top {\n border-top: none;\n}\n.block--flush-bottom {\n margin-bottom: 0 !important;\n}\n.block--flush-bottom.block--border, .block--flush-bottom.block--border-bottom {\n border-bottom: none;\n}\n.block--flush-sides {\n margin-right: -15px;\n margin-left: -15px;\n}\n@media only all and (max-width: 37.5em) {\n .block--flush-sides.block--border, .block--flush-sides.block--border-right, .block--flush-sides.block--border-left {\n border-right: none;\n border-left: none;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .block--flush-sides {\n margin-right: -30px;\n margin-left: -30px;\n }\n}\n.block--flush {\n margin-top: 0 !important;\n margin-right: -15px;\n margin-bottom: 0 !important;\n margin-left: -15px;\n}\n.block--flush.block--border, .block--flush.block--border-top, .block--flush.block--border-bottom {\n border-top: none;\n border-bottom: none;\n}\n@media only all and (max-width: 37.5em) {\n .block--flush.block--border, .block--flush.block--border-right, .block--flush.block--border-left {\n border-right: none;\n border-left: none;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .block--flush {\n margin-right: -30px;\n margin-left: -30px;\n }\n}\n.block--bg {\n padding: 1.875em 0.9375em;\n padding-bottom: 3.75em;\n background: var(--gray-5);\n}\n@media only all and (min-width: 37.5625em) {\n .block--bg {\n padding: 2.8125em 1.875em;\n }\n}\n.block--padded-top {\n padding-top: 1.875em;\n margin-top: 1.875em;\n}\n.block--padded-bottom {\n padding-bottom: 1.875em;\n margin-bottom: 1.875em;\n}\n.block--sub {\n margin-top: 1.875em;\n margin-bottom: 1.875em;\n}\n\n@media only all and (min-width: 56.3125em) {\n .wrapper {\n /* stylelint-enable */\n max-width: 1200px;\n padding-right: 15px;\n padding-left: 15px;\n margin: 0 auto;\n clear: both;\n }\n}\n.wrapper--match-content {\n padding-left: 15px;\n padding-right: 15px;\n}\n@media only all and (min-width: 37.5625em) {\n .wrapper--match-content {\n padding-left: 30px;\n padding-right: 30px;\n max-width: 1200px;\n }\n}", ".o-text-introduction {\n margin-top: 0;\n margin-bottom: 60px;\n}\n.o-text-introduction > * {\n margin-top: 0;\n margin-bottom: 15px;\n max-width: 41.875rem;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-well {\n box-sizing: border-box;\n padding: 1.875em 0.9375em;\n border: 1px solid var(--gray-40);\n background-color: var(--gray-5);\n}\n@media only all and (min-width: 37.5625em) {\n .o-well {\n padding-left: 1.875em;\n padding-right: 1.875em;\n }\n}", "/* ==========================================================================\n Design System\n Notifications Styling\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.o-banner {\n padding: 0.9375em 0;\n background: var(--gold-10);\n border-bottom: 1px solid var(--gray-40);\n font-size: 0.875em;\n}\n.o-banner .m-notification {\n border: none;\n padding: 0;\n}\n.o-banner .m-notification__icon {\n left: 0;\n top: 0;\n}\n.o-banner--dark {\n background: var(--teal-dark);\n border-color: var(--teal-dark);\n color: var(--white);\n}\n.o-banner--dark .m-notification {\n background: var(--teal-dark);\n}\n.o-banner--dark .m-notification .cf-icon-svg {\n fill: var(--white);\n}\n.o-banner--dark .m-notification a {\n color: var(--white);\n border-color: var(--white);\n}\n.o-banner--dark .m-notification a:visited, .o-banner--dark .m-notification a.visited {\n border-color: var(--teal-40);\n color: var(--teal-40);\n}\n.o-banner--dark .m-notification a:hover, .o-banner--dark .m-notification a.hover {\n border-color: var(--gray-15);\n color: var(--gray-15);\n}\n.o-banner--dark .m-notification a:focus, .o-banner--dark .m-notification a.focus {\n border-color: var(--white);\n color: var(--white);\n}\n.o-banner--dark .m-notification a:active, .o-banner--dark .m-notification a.active {\n border-color: var(--gray-15);\n color: var(--gray-15);\n}\n@media only all and (min-width: 37.5625em) {\n .o-banner {\n font-size: 1em;\n }\n}", "/* ==========================================================================\n Design System\n Notifications Styling\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.m-notification {\n display: none;\n position: relative;\n padding: 15px;\n background: var(--gray-5);\n border: 1px solid var(--gray-40);\n}\n.m-notification > .cf-icon-svg {\n position: absolute;\n fill: var(--gray);\n}\n.m-notification--success {\n background: var(--green-10);\n border-color: var(--green);\n}\n.m-notification--success > .cf-icon-svg {\n fill: var(--green);\n}\n.m-notification--warning {\n background: var(--gold-10);\n border-color: var(--gold);\n}\n.m-notification--warning > .cf-icon-svg {\n fill: var(--gold);\n}\n.m-notification--error {\n background: var(--red-10);\n border-color: var(--red);\n}\n.m-notification--error > .cf-icon-svg {\n fill: var(--red);\n}\n.m-notification--success a, .m-notification--warning a, .m-notification--error a {\n color: var(--pacific-mid-dark);\n border-color: var(--pacific-mid-dark);\n}\n.m-notification--success a:visited, .m-notification--success a.visited, .m-notification--warning a:visited, .m-notification--warning a.visited, .m-notification--error a:visited, .m-notification--error a.visited {\n border-color: var(--teal);\n color: var(--teal);\n}\n.m-notification--success a:hover, .m-notification--success a.hover, .m-notification--warning a:hover, .m-notification--warning a.hover, .m-notification--error a:hover, .m-notification--error a.hover {\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\n.m-notification--success a:focus, .m-notification--success a.focus, .m-notification--warning a:focus, .m-notification--warning a.focus, .m-notification--error a:focus, .m-notification--error a.focus {\n border-color: var(--pacific-mid-dark);\n color: var(--pacific-mid-dark);\n}\n.m-notification--success a:active, .m-notification--success a.active, .m-notification--warning a:active, .m-notification--warning a.active, .m-notification--error a:active, .m-notification--error a.active {\n border-color: var(--navy-dark);\n color: var(--navy-dark);\n}\n.m-notification--visible {\n display: block;\n}\n.cf-icon-svg + .m-notification__content {\n padding-left: 1.5625rem;\n}\n.m-notification__message {\n font-size: 1rem;\n line-height: 1.25;\n font-weight: 500;\n}\n@media only all and (min-width: 37.5625em) {\n .m-notification__message {\n font-size: 1.125rem;\n }\n}\n.m-notification__explanation {\n margin-top: 0.3125rem;\n margin-bottom: 0.9375rem;\n}\n.m-notification__message + .m-list {\n margin-top: 0.9375rem;\n}\n@media only all and (min-width: 37.5625em) {\n .m-notification .cf-icon-svg {\n font-size: 1.125rem;\n }\n .m-notification__explanation {\n margin-bottom: 0;\n }\n .m-notification .m-list {\n margin-top: 0.3125rem;\n }\n .m-notification .m-list__item {\n margin-bottom: 0.3125rem;\n }\n}\n\nhtml[lang=ar] .m-notification .cf-icon-svg + .m-notification__content {\n padding-left: initial;\n padding-right: 1.5625rem;\n}\nhtml[lang=ar] .m-notification .m-list {\n padding-right: 0;\n}", "/* ==========================================================================\n Design System\n Pagination Styling\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-pagination {\n position: relative;\n}\n.m-pagination__form {\n padding: 0.3125em;\n border-radius: 0.25em;\n background: var(--gray-5);\n color: var(--gray);\n text-align: center;\n}\n.m-pagination__current-page {\n width: 2.8125em;\n margin-right: 0.625em;\n margin-left: 0.625em;\n font-weight: 500;\n text-align: right;\n}\n.m-pagination__label {\n display: inline-block;\n margin-right: 0.625em;\n vertical-align: middle;\n}\n.m-pagination__btn-submit {\n margin: 0;\n vertical-align: middle;\n}\n.m-pagination__btn-prev, .m-pagination__btn-next {\n min-width: 130px;\n line-height: 22px;\n text-align: center;\n}\n.m-pagination__btn-prev.a-btn--disabled, .m-pagination__btn-next.a-btn--disabled {\n background-color: var(--gray-5);\n border-color: transparent;\n}\n.m-pagination__btn-next {\n position: absolute;\n right: 0;\n}\n@media only all and (max-width: 37.5em) {\n .m-pagination__btn-prev, .m-pagination__btn-next {\n margin-bottom: 0.9375em;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .m-pagination__btn-prev, .m-pagination__btn-next {\n height: 100%;\n }\n .m-pagination__btn-prev {\n position: absolute;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n .m-pagination__btn-next {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Table Styling\n ========================================================================== */\n.o-table__cell--right-align {\n text-align: right;\n}\n\n.o-table--scrolling {\n box-sizing: border-box;\n overflow-y: hidden;\n}\n.o-table--scrolling table {\n border: 1px solid var(--gray-40);\n}\n.o-table--scrolling table > tbody > tr:nth-child(even) > th, .o-table--scrolling table > tbody > tr:nth-child(even) > td {\n background: var(--gray-5);\n}\n\n@media only all and (min-width: 37.5625em) {\n .o-table--striped > tbody > tr:nth-child(even) > th, .o-table--striped > tbody > tr:nth-child(even) > td {\n background: var(--gray-5);\n }\n}\n@media only screen and (max-width: 600px) {\n .o-table {\n width: 100%;\n }\n .o-table--striped tr:nth-child(even) > th, .o-table--striped tr:nth-child(even) > td {\n background: var(--white);\n }\n .o-table--stack-on-small {\n border-top: 1px solid var(--gray-40);\n }\n .o-table--stack-on-small tr,\n .o-table--stack-on-small td,\n .o-table--stack-on-small [data-display-table=row],\n .o-table--stack-on-small [data-display-table=cell] {\n display: block;\n }\n .o-table--stack-on-small th,\n .o-table--stack-on-small td,\n .o-table--stack-on-small [data-display-table=cell] {\n padding-right: 0;\n padding-left: 0;\n width: 100%;\n }\n .o-table--stack-on-small > thead,\n .o-table--stack-on-small [data-display-table=thead] {\n display: none;\n }\n .o-table--stack-on-small td[data-label]::before {\n display: block;\n margin-top: 0;\n margin-bottom: 0.3125em;\n content: attr(data-label);\n line-height: 1.83333333;\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n .o-table--stack-on-small td:last-child,\n .o-table--stack-on-small [data-display-table=cell]:last-child {\n margin-bottom: 1.875em;\n }\n}", "/* ==========================================================================\n Design System\n Advanced Typography\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-date {\n color: var(--gray);\n white-space: nowrap;\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.0714285714em;\n}\np + .a-date, ul + .a-date, ol + .a-date, dl + .a-date, figure + .a-date, img + .a-date, table + .a-date, blockquote + .a-date, h1 + .a-date, .h1 + .a-date, h2 + .a-date, .h2 + .a-date, h3 + .a-date, .h3 + .a-date, h4 + .a-date, .h4 + .a-date, h6 + .a-date, .h6 + .a-date {\n margin-top: 2.1428571429em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.a-link {\n border-bottom-width: 0;\n}\n.a-link .a-link__text {\n border-bottom-width: 1px;\n border-bottom-style: inherit;\n}\n\n.a-link--jump {\n font-weight: 500;\n}\n@media only all and (max-width: 37.5em) {\n .a-link--jump {\n position: relative;\n display: flex;\n align-items: center;\n gap: 0.3125rem;\n box-sizing: border-box;\n padding-top: 0.625em;\n padding-bottom: 0.625em;\n width: 100%;\n }\n .a-link--jump .cf-icon-svg--right {\n margin-left: auto;\n }\n .a-link--jump .a-link__text {\n border-bottom-width: 0;\n flex-shrink: 10;\n }\n}\n\na.a-link--jump {\n font-weight: 500;\n}\n@media only all and (max-width: 37.5em) {\n a.a-link--jump {\n border-top-width: 1px;\n border-bottom-width: 1px;\n }\n a.a-link--jump:focus {\n outline: none;\n }\n a.a-link--jump:focus::after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n outline: 1px dotted var(--gray);\n outline-offset: 2px;\n }\n}\n\n@media only all and (max-width: 37.5em) {\n li:has(.a-link--jump) + li:has(.a-link--jump) .a-link--jump {\n position: relative;\n border-top: none;\n }\n li:has(.a-link--jump) + li:has(.a-link--jump) a.a-link--jump:hover::before,\n li:has(.a-link--jump) + li:has(.a-link--jump) a.a-link--jump:focus::before {\n position: absolute;\n top: -1px;\n content: \"\";\n display: block;\n height: 1px;\n width: 100%;\n border-top: 1px solid currentcolor;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-list--unstyled,\n.m-list--horizontal,\n.m-list--links {\n padding-left: 0;\n list-style-type: none;\n}\n.m-list--unstyled .m-list__item,\n.m-list--horizontal .m-list__item,\n.m-list--links .m-list__item {\n margin-left: 0;\n}\n\n.m-list--spaced .m-list--spaced,\n.m-list--spaced .m-list__item + .m-list__item {\n margin-top: 1.5em;\n}\n\n.m-list--horizontal .m-list__item {\n display: inline-block;\n margin-right: 0.25em;\n margin-bottom: 0;\n}\n\n@media only all and (max-width: 37.5em) {\n .m-list--links .m-list__item {\n margin-bottom: 0;\n }\n}\n\nhtml[lang=ar] .m-list {\n padding-right: 0;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-meta-header {\n display: flex;\n flex-direction: column-reverse;\n flex-wrap: wrap-reverse;\n row-gap: 0.625rem;\n column-gap: 1.3125rem;\n width: -moz-fit-content;\n width: fit-content;\n padding-bottom: 0.625rem;\n overflow: hidden;\n}\n.m-meta-header__item-group {\n display: flex;\n flex-wrap: wrap;\n column-gap: 1.3125rem;\n}\n.m-meta-header__item {\n display: grid;\n grid-template-columns: 0 auto 1fr;\n row-gap: 0.3125rem;\n text-wrap: balance;\n margin-bottom: 0;\n font-size: 1.125em;\n font-weight: 500;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\np + .m-meta-header__item, ul + .m-meta-header__item, ol + .m-meta-header__item, dl + .m-meta-header__item, figure + .m-meta-header__item, img + .m-meta-header__item, table + .m-meta-header__item, blockquote + .m-meta-header__item, h1 + .m-meta-header__item, .h1 + .m-meta-header__item, h2 + .m-meta-header__item, .h2 + .m-meta-header__item, h3 + .m-meta-header__item, .h3 + .m-meta-header__item, h5 + .m-meta-header__item, .h5 + .m-meta-header__item, h6 + .m-meta-header__item, .h6 + .m-meta-header__item {\n margin-top: 1.6666666667em;\n}\n@media only all and (max-width: 37.5em) {\n .m-meta-header__item {\n margin-bottom: 0.625em;\n font-size: 1em;\n line-height: 1.125;\n }\n}\n@media only all and (max-width: 37.5em) {\n .m-meta-header__item {\n margin-bottom: 0.3125rem;\n }\n}\n.m-meta-header__item .cf-icon-svg {\n margin-right: 0.3125rem;\n}\n.m-meta-header__item::before {\n content: \"|\";\n margin-left: -0.8125rem;\n}\n.m-meta-header__item .a-date {\n font-size: 0.875rem;\n line-height: 1.7142857143;\n margin-bottom: 0;\n}\n@media only all and (min-width: 37.5625em) {\n .m-meta-header {\n flex-direction: row;\n }\n}", "@charset \"UTF-8\";\n/* ==========================================================================\n Design System\n Advanced Typography\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-pull-quote__body {\n color: var(--black);\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n@media only all and (max-width: 37.5em) {\n .m-pull-quote__body {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n }\n}\n.m-pull-quote__citation {\n color: var(--gray);\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.0714285714em;\n}\np + .m-pull-quote__citation, ul + .m-pull-quote__citation, ol + .m-pull-quote__citation, dl + .m-pull-quote__citation, figure + .m-pull-quote__citation, img + .m-pull-quote__citation, table + .m-pull-quote__citation, blockquote + .m-pull-quote__citation, h1 + .m-pull-quote__citation, .h1 + .m-pull-quote__citation, h2 + .m-pull-quote__citation, .h2 + .m-pull-quote__citation, h3 + .m-pull-quote__citation, .h3 + .m-pull-quote__citation, h4 + .m-pull-quote__citation, .h4 + .m-pull-quote__citation, h6 + .m-pull-quote__citation, .h6 + .m-pull-quote__citation {\n margin-top: 2.1428571429em;\n}\n.m-pull-quote__citation::before {\n content: \"\u2014\";\n}", "/* ==========================================================================\n Design System\n Advanced Typography\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-slug-header {\n border-top: 1px solid var(--gray-40);\n}\n.m-slug-header__heading {\n display: inline-block;\n padding-top: 0.2857142857em;\n border-top: 5px solid var(--green);\n margin-top: -3px;\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.0714285714em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-tagline {\n font-size: 0.75rem;\n display: grid;\n grid-template-columns: 22px 1fr;\n grid-column-gap: 10px;\n}\n.a-tagline__text {\n display: inline-block;\n}\n.a-tagline .u-usa-flag {\n margin-top: 1px;\n}\n.a-tagline--large {\n font-size: 1rem;\n}\n.a-tagline--large .u-usa-flag {\n margin-top: 4px;\n}\n\n.u-usa-flag {\n display: inline-block;\n width: 24px;\n height: 13px;\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAZCAMAAABAf11LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5QTFRF////sxlC7MbQ2YyhxlNxCjFhR2WJV3GSKUt1dYumOFh/GT5rhZiwwszYsr/OlKW6Zn6c0djh8PL1iR9Ko7LE4OXrl0pttKC0pXWRtYKbSuJhRQAAANFJREFUeNrkkctuwyAUREnSuW/ApHYf//+jBVdZVcJi3aORgAXcMyLBAAJEzsVG3m8TkifyI3zfPQ6nJJLo421CArSBmkgjNEWtQE4zXJmClXuCWIlU5hdQxCqbqnE1KdIz79CVDvBwZxyKfQfmHTyzl01UZSvOWSTbhZLSWeDMufWLC/1ls3amT4qQq394EjIjApxBT+/nr8eEBNuKcB9SWMpmEXalNOylmlUZNTr4vE/4VdKhpC+leQf6y/e0wzL3RdJtkfUJyzwW+ZcdfgQYAJmJD3zerW6OAAAAAElFTkSuQmCC\");\n background-size: contain;\n background-repeat: no-repeat;\n}", "/* ==========================================================================\n Dom Behaviors\n Behaviors are functionality that can be shared between different pieces\n of markup. They are not strictly atomic, though they likely are used\n on atomic components. An example of shared behavior may be a menu that\n expands and collapses and sets the aria-expanded attribute on the HTML.\n Or an input field that can be cleared by clicking an (x) button in the\n input. These are both behaviors that may appear in different parts of\n the codebase, but could share the same functionality.\n Behaviors are added through the `data-js-hook` attribute on the HTML\n and have a prefix of `behavior_`\n (both those designators are set in modules/util/standard-type.js).\n For example, `behaviors/FlyoutMenu.js` defines the behavior of\n expanding and collapsing an expandable menu. At a minimum, three things\n need to be defined: (A) The containing scope of the menu, (B) the trigger\n to activate the menu, and (C) the content to show/hide when the trigger\n is clicked. So the markup looks something like:\n
\n
\n ========================================================================== */\n\nimport { BEHAVIOR_PREFIX, JS_HOOK, contains } from '@cfpb/cfpb-design-system';\n\n/**\n * @param {string} behaviorSelector - Behavior type used to find the element\n * within the dom.\n * @param {HTMLElement} baseElement - Containing element for the behavior element.\n * @returns {Array|NodeList} behaviorElements if it exists in the dom,\n * null otherwise.\n */\nfunction _findElements(behaviorSelector, baseElement) {\n baseElement = baseElement || document;\n let behaviorElements = [];\n\n try {\n behaviorElements = baseElement.querySelectorAll(behaviorSelector);\n } catch (error) {\n const msg = `${behaviorSelector} not found in DOM! ${error}`;\n throw new Error(msg);\n }\n\n if (\n behaviorElements.length === 0 &&\n behaviorSelector.indexOf(BEHAVIOR_PREFIX) === -1\n ) {\n behaviorElements = find(behaviorSelector, baseElement);\n }\n\n return behaviorElements;\n}\n\n/**\n * @param {( string|HTMLElement|Array|NodeList )} behaviorElement - Used to\n * query dom for elements.\n * @param {string} event - Event type to add to element.\n * @param {Function} eventHandler - Callback for event.\n * @param {HTMLElement} baseElement - Containing element\n * for the behavior element.\n * @returns {Array|NodeList} if it exists in the dom, null otherwise.\n */\nfunction attach(behaviorElement, event, eventHandler, baseElement) {\n let behaviorElements = [];\n\n if (behaviorElement instanceof NodeList === true) {\n behaviorElements = behaviorElement;\n } else if (behaviorElement instanceof Node === true) {\n behaviorElements = [behaviorElement];\n } else if (typeof behaviorElement === 'string') {\n behaviorElements = _findElements(behaviorElement, baseElement);\n }\n\n for (let i = 0, len = behaviorElements.length; i < len; i++) {\n behaviorElements[i].addEventListener(event, eventHandler, false);\n }\n\n return behaviorElements;\n}\n\n/**\n * @param {HTMLElement} element - The DOM element within which to search\n * for the behavior in the data-js-hook attribute.\n * @param {string} behaviorDataAttr - The value in the data-js-hook.\n * This is the name of the behavior.\n * E.g. `behavior_flyout-menu`, `behavior_flyout-menu_content`.\n * @returns {HTMLElement} The DOM element that has an attached behavior.\n * @throws {Error} If data-js-hook attribute value was not found on DOM element.\n */\nfunction checkBehaviorDom(element, behaviorDataAttr) {\n // Check that the behavior is found on the passed DOM node.\n let dom;\n\n if (contains(element, behaviorDataAttr)) {\n dom = element;\n return dom;\n }\n\n /* If the passed DOM node isn't null,\n query the node to see if it's in the children. */\n if (element) {\n const selector = '[' + JS_HOOK + '=' + behaviorDataAttr + ']';\n dom = element.querySelector(selector);\n }\n\n if (!dom) {\n const msg = behaviorDataAttr + ' behavior not found on passed DOM node!';\n throw new Error(msg);\n }\n\n return dom;\n}\n\n/**\n * @param {string} behaviorSelector - Behavior type used to find\n * the element within the dom.\n * @param {HTMLElement} baseElement - Containing element\n * for the behavior element.\n * @returns {NodeList} if it exists in the dom, null otherwise.\n */\nfunction find(behaviorSelector, baseElement) {\n behaviorSelector = JS_HOOK + '*=' + BEHAVIOR_PREFIX + behaviorSelector;\n behaviorSelector = '[' + behaviorSelector + ']';\n\n return _findElements(behaviorSelector, baseElement);\n}\n\n/**\n * @param {HTMLElement} behaviorElement - Element in which to remove the event.\n * @param {string} event - Event type to remove from the element.\n * @param {Function} eventHandler - Callback for event.\n */\nfunction remove(behaviorElement, event, eventHandler) {\n behaviorElement.removeEventListener(event, eventHandler);\n}\n\n// Expose public methods.\nexport { attach, checkBehaviorDom, find, remove };\n", "/* ==========================================================================\n Javascript Type Checkers\n\n Various utility functions to check Javascript types and primitives.\n\n Contains code copied from with moderate modifications:\n\n https://github.com/angular/angular.js/blob/master/src/Angular.js.\n Copyright (c) 2010-2015 Google, Inc. http://angularjs.org\n\n ========================================================================== */\n\nconst _toString = Object.prototype.toString;\n\n/**\n * @name isUndefined\n * @kind function\n * @description\n * Determines if a reference is undefined.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is undefined.\n */\nfunction isUndefined(value) {\n return typeof value === 'undefined';\n}\n\n/**\n * @name isDefined\n * @kind function\n * @description\n * Determines if a reference is defined.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is defined.\n */\nfunction isDefined(value) {\n return typeof value !== 'undefined';\n}\n\n/**\n * @name isObject\n * @kind function\n * @description\n * Determines if a reference is an `Object`.\n * Unlike `typeof` in JavaScript, `null`s are not\n * considered to be objects. Note that JavaScript arrays are objects.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is an `Object` but not `null`.\n */\nfunction isObject(value) {\n // http://jsperf.com/isobject4\n return value !== null && typeof value === 'object';\n}\n\n/**\n * @name isString\n * @kind function\n * @description\n * Determines if a reference is a `String`.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is a `String`.\n */\nfunction isString(value) {\n return _toString.call(value) === '[object String]';\n}\n\n/**\n * @name isNumber\n * @kind function\n * @description\n * Determines if a reference is a `Number`.\n *\n * This includes the \"special\" numbers `NaN`, `+Infinity` and `-Infinity`.\n *\n * If you wish to exclude these then you can use the native\n * [`isFinite'](https://developer.mozilla.org/en-US/docs/Web/JavaScript/\n * Reference/Global_Objects/isFinite)\n * method.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is a `Number`.\n */\nfunction isNumber(value) {\n return _toString.call(value) === '[object Number]';\n}\n\n/**\n * @name isDate\n * @kind function\n * @description\n * Determines if a value is a date.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is a `Date`.\n */\nfunction isDate(value) {\n return _toString.call(value) === '[object Date]';\n}\n\n/**\n * @name isArray\n * @kind function\n * @description\n * Determines if a reference is an `Array`.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is an `Array`.\n */\nconst isArray =\n Array.isArray ||\n function isArray(value) {\n return _toString.call(value) === '[object Array]';\n };\n\n/**\n * @name isFunction\n * @kind function\n * @description\n * Determines if a reference is a `Function`.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is a `Function`.\n */\nfunction isFunction(value) {\n return _toString.call(value) === '[object Function]';\n}\n\n// TODO Fix complexity issue\n\n/**\n * @name isEmpty\n * @kind function\n * @description\n * Determines if a reference is empty.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is empty.\n */\nfunction isEmpty(value) {\n return (\n isUndefined(value) ||\n value === null ||\n (isString(value) && value.length <= 0) ||\n /^\\s*$/.test(value)\n );\n}\n\n// Expose public methods.\nexport {\n isUndefined,\n isDefined,\n isObject,\n isString,\n isNumber,\n isDate,\n isArray,\n isFunction,\n isEmpty,\n};\n", "/* ==========================================================================\n Media Helpers.\n Utilities for working with different screen sizes and operating systems.\n ========================================================================= */\n\n/**\n * Query the browser's user agent string to see if it's on a mobile OS.\n * @returns {boolean} True if on a mobile user agent, false otherwise.\n */\nfunction isMobileUserAgent() {\n const regex = new RegExp(\n /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i,\n );\n if (regex.test(navigator.userAgent)) {\n return true;\n }\n return false;\n}\n\n// Expose public methods.\nexport { isMobileUserAgent };\n", "import {\n BEHAVIOR_PREFIX,\n JS_HOOK,\n BaseTransition,\n EventObserver,\n checkBehaviorDom,\n} from '@cfpb/cfpb-design-system';\n\nconst BASE_CLASS = BEHAVIOR_PREFIX + 'flyout-menu';\nconst SEL_PREFIX = '[' + JS_HOOK + '=' + BASE_CLASS;\n\n/**\n * FlyoutMenu\n * @class\n * @classdesc Initializes new FlyoutMenu behavior.\n * Behaviors are functionality that can be shared between different pieces\n * of markup. They are not strictly atomic, though they likely are used\n * on atomic components.\n * As added JS behavior, this is added through HTML data-js-hook attributes.\n *\n * Structure is:\n * behavior_flyout-menu\n * behavior_flyout-menu_trigger\n * behavior_flyout-menu_content\n * behavior_flyout-menu_trigger (optional)\n *\n * The second trigger is optional and may be used for a button in the content\n * area, which may obscure the first trigger.\n * The flyout can be triggered through a click of either trigger.\n * @param {HTMLElement} element - The DOM element to attach FlyoutMenu behavior.\n * @param {boolean} autoHideContent - Whether to add `hidden` attribute to\n * content when it is collapsed.\n * @returns {FlyoutMenu} An instance.\n */\nfunction FlyoutMenu(element, autoHideContent = true) {\n // Verify that the expected dom attributes are present.\n const _dom = checkBehaviorDom(element, BASE_CLASS);\n const _triggerDoms = _findTriggers(element);\n const _contentDom = checkBehaviorDom(element, BASE_CLASS + '_content');\n\n // Flyouts appear in one of four states.\n let _state = 0;\n const COLLAPSED = 0;\n const COLLAPSING = 1;\n const EXPANDING = 2;\n const EXPANDED = 3;\n\n let _transition;\n let _expandTransitionMethod;\n let _collapseTransitionMethod;\n\n // Binded events.\n // Needed to add and remove events to transitions.\n const _collapseEndBinded = _collapseEnd.bind(this);\n const _expandEndBinded = _expandEnd.bind(this);\n\n /* If this menu appears in a data source,\n this can be used to store the source.\n Examples include the index in an Array,\n a key in an Hash, or a node in a Tree. */\n let _data;\n\n // Whether this instance's behaviors are suspended or not.\n let _suspended = true;\n\n /* Event immediately preceeding mouseover is touchstart,\n if that event's present we'll want to ignore mouseover\n to avoid a mouseover and click immediately after each other. */\n let _touchTriggered = false;\n\n /**\n * Iterate over dom tree and find FlyoutMenu triggers.\n * We need to exclude the ones that are nested FlyoutMenus, since those\n * will be managed by their own instance of this class.\n * @param {HTMLElement} element - The DOM element to search for triggers within.\n * @returns {Array} List of trigger DOM references within this FlyoutMenu.\n */\n function _findTriggers(element) {\n const triggersList = [];\n const triggers = element.querySelectorAll(`${SEL_PREFIX}_trigger]`);\n\n let trigger;\n let triggerParent;\n let isSubTrigger;\n // Iterate backwards ensuring that length is an UInt32.\n for (let i = triggers.length >>> 0; i--; ) {\n isSubTrigger = false;\n trigger = triggers[i];\n triggerParent = trigger.parentElement;\n while (triggerParent !== element) {\n if (\n triggerParent.getAttribute(JS_HOOK) &&\n triggerParent.getAttribute(JS_HOOK).split(' ').indexOf(BASE_CLASS) !==\n -1\n ) {\n isSubTrigger = true;\n triggerParent = element;\n } else {\n triggerParent = triggerParent.parentElement;\n }\n }\n\n if (!isSubTrigger) {\n triggersList.unshift(triggers[i]);\n }\n }\n\n return triggersList;\n }\n\n /**\n * @returns {FlyoutMenu} An instance.\n * @param {boolean} isExpanded - Whether the flyout menu is expanded at\n * initialization-time or collapsed.\n */\n function init(isExpanded = false) {\n _state = isExpanded ? EXPANDED : COLLAPSED;\n _triggerDoms.forEach((triggerDom) => {\n _setAriaAttr('expanded', triggerDom, isExpanded);\n\n triggerDom.addEventListener('click', _handleTriggerClicked.bind(this));\n triggerDom.addEventListener('touchstart', _handleTouchStart, {\n passive: true,\n });\n triggerDom.addEventListener('mouseover', _handleTriggerOver.bind(this));\n triggerDom.addEventListener('mouseout', _handleTriggerOut.bind(this));\n });\n\n _contentDom.setAttribute('data-open', isExpanded ? 'true' : 'false');\n if (autoHideContent && !isExpanded) _contentDom.setAttribute('hidden', '');\n\n resume();\n\n return this;\n }\n\n /**\n * Set an aria attribute on an HTML element.\n * @param {string} type - The aria attribute to set\n * (without the aria- prefix).\n * @param {HTMLElement} elem - The element to set.\n * @param {boolean} value - The value to set on `aria-expanded`,\n * casts to a string.\n * @returns {string} The cast value.\n */\n function _setAriaAttr(type, elem, value) {\n const strValue = String(value);\n elem.setAttribute('aria-' + type, strValue);\n return strValue;\n }\n\n /**\n * Event handler for when the search input trigger is touched.\n */\n function _handleTouchStart() {\n _touchTriggered = true;\n }\n\n /**\n * Event handler for when the trigger is hovered over.\n * @param {MouseEvent} event - The clicked flyout trigger event object.\n */\n function _handleTriggerOver(event) {\n if (_suspended) return;\n\n if (!_touchTriggered) {\n this.dispatchEvent('triggerover', {\n target: this,\n trigger: event.target,\n type: 'triggerover',\n });\n }\n\n _touchTriggered = false;\n }\n\n /**\n * Event handler for when the trigger is hovered out.\n * @param {MouseEvent} event - The clicked flyout trigger event object.\n */\n function _handleTriggerOut(event) {\n if (_suspended) return;\n\n this.dispatchEvent('triggerout', {\n target: this,\n trigger: event.target,\n type: 'triggerout',\n });\n }\n\n /**\n * Event handler for when the search input trigger is clicked,\n * which opens/closes the search input.\n * @param {MouseEvent} event - The clicked flyout trigger event object.\n */\n function _handleTriggerClicked(event) {\n if (_suspended) return;\n\n this.dispatchEvent('triggerclick', {\n target: this,\n trigger: event.target,\n type: 'triggerclick',\n });\n\n event.preventDefault();\n\n switch (_state) {\n case COLLAPSED:\n case COLLAPSING:\n this.expand();\n break;\n case EXPANDING:\n case EXPANDED:\n this.collapse();\n break;\n }\n }\n\n /**\n * Open the search box.\n * @returns {FlyoutMenu} An instance.\n */\n function expand() {\n _transition?.halt();\n if (_state === EXPANDING || _state === EXPANDED) return this;\n\n _state = EXPANDING;\n if (autoHideContent) _contentDom.removeAttribute('hidden');\n this.dispatchEvent('expandbegin', { target: this, type: 'expandbegin' });\n\n // Only use transitions if both expand and collapse are set.\n if (!_expandTransitionMethod || !_collapseTransitionMethod) {\n _expandEndBinded();\n return this;\n }\n\n const hasTransition = _transition?.isAnimated();\n if (hasTransition) {\n _transition.addEventListener(BaseTransition.END_EVENT, _expandEndBinded);\n }\n\n _expandTransitionMethod();\n\n if (!hasTransition) {\n _expandEndBinded();\n }\n\n return this;\n }\n\n /**\n * Close the search box.\n * If collapse is called when expand animation is underway,\n * save a deferred call to collapse, which is called when\n * expand completes.\n * @returns {FlyoutMenu} An instance.\n */\n function collapse() {\n _transition?.halt();\n if (_state === COLLAPSING || _state === COLLAPSED) return this;\n\n for (let i = 0, len = _triggerDoms.length; i < len; i++) {\n _setAriaAttr('expanded', _triggerDoms[i], false);\n }\n\n _contentDom.setAttribute('data-open', 'false');\n\n _state = COLLAPSING;\n this.dispatchEvent('collapsebegin', {\n target: this,\n type: 'collapsebegin',\n });\n\n // Only use transitions if both expand and collapse are set.\n if (!_collapseTransitionMethod || !_expandTransitionMethod) {\n _collapseEndBinded();\n return this;\n }\n\n const hasTransition = _transition?.isAnimated();\n if (hasTransition) {\n _transition.addEventListener(\n BaseTransition.END_EVENT,\n _collapseEndBinded,\n );\n }\n\n _collapseTransitionMethod();\n\n if (!hasTransition) {\n _collapseEndBinded();\n }\n\n return this;\n }\n\n /**\n * Expand animation has completed.\n * Call deferred collapse function,\n * if set (otherwise it will call a noop function).\n */\n function _expandEnd() {\n _state = EXPANDED;\n _contentDom.setAttribute('data-open', 'true');\n if (_transition) {\n _transition.removeEventListener(\n BaseTransition.END_EVENT,\n _expandEndBinded,\n );\n }\n this.dispatchEvent('expandend', { target: this, type: 'expandend' });\n\n for (let i = 0, len = _triggerDoms.length; i < len; i++) {\n _setAriaAttr('expanded', _triggerDoms[i], true);\n }\n }\n\n /**\n * Collapse animation has completed.\n */\n function _collapseEnd() {\n _state = COLLAPSED;\n\n if (autoHideContent) _contentDom.setAttribute('hidden', '');\n\n if (_transition) {\n _transition.removeEventListener(\n BaseTransition.END_EVENT,\n _collapseEndBinded,\n );\n }\n\n this.dispatchEvent('collapseend', { target: this, type: 'collapseend' });\n }\n\n /**\n * Set the transition that runs when this flyout is expanded/collapsed.\n * @param {BaseTransition} transition - A transition object.\n * @param {Function} collapseMethod - The collapse method to call on the transition.\n * @param {Function} expandMethod - The expand method to call on the transition.\n */\n function setTransition(transition, collapseMethod, expandMethod) {\n _transition = transition;\n\n if (collapseMethod && collapseMethod !== _collapseTransitionMethod) {\n _collapseTransitionMethod = collapseMethod;\n }\n\n if (expandMethod && expandMethod !== _expandTransitionMethod) {\n _expandTransitionMethod = expandMethod;\n }\n }\n\n /**\n * Clear the transitions attached to this FlyoutMenu instance.\n */\n function clearTransition() {\n if (_transition) {\n _transition.remove();\n }\n\n let UNDEFINED;\n\n _transition = UNDEFINED;\n\n _expandTransitionMethod = UNDEFINED;\n _collapseTransitionMethod = UNDEFINED;\n }\n\n /**\n * @returns {object}\n * Hash of container, content DOM references, and a list of trigger DOMs.\n */\n function getDom() {\n return {\n container: _dom,\n content: _contentDom,\n trigger: _triggerDoms,\n };\n }\n\n /**\n * Enable broadcasting of trigger events.\n * @returns {boolean} True if resumed, false otherwise.\n */\n function resume() {\n if (_suspended) _suspended = false;\n\n return !_suspended;\n }\n\n /**\n * Suspend broadcasting of trigger events.\n * @returns {boolean} True if suspended, false otherwise.\n */\n function suspend() {\n if (!_suspended) _suspended = true;\n\n return _suspended;\n }\n\n /**\n * @param {number | string | object} data - A data identifier\n * such as an Array index, Hash key, or Tree node.\n * @returns {FlyoutMenu} An instance.\n */\n function setData(data) {\n _data = data;\n\n return this;\n }\n\n // Attach public events.\n const eventObserver = new EventObserver();\n this.addEventListener = eventObserver.addEventListener;\n this.removeEventListener = eventObserver.removeEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n\n this.init = init;\n this.expand = expand;\n this.collapse = collapse;\n this.setTransition = setTransition;\n this.clearTransition = clearTransition;\n this.getData = () => _data;\n this.getTransition = () => _transition;\n this.getDom = getDom;\n this.isAnimating = () => _state === EXPANDING || _state === COLLAPSING;\n this.isExpanded = () => _state === EXPANDED;\n this.resume = resume;\n this.setData = setData;\n this.suspend = suspend;\n\n // Public static properties.\n FlyoutMenu.BASE_CLASS = BASE_CLASS;\n\n return this;\n}\n\nexport { FlyoutMenu };\n", "import { BaseTransition, EventObserver } from '@cfpb/cfpb-design-system';\n\n// Exported constants.\nconst CLASSES = {\n CSS_PROPERTY: 'opacity',\n BASE_CLASS: 'u-alpha-transition',\n ALPHA_100: 'u-alpha-100',\n ALPHA_0: 'u-alpha-0',\n};\n\n/**\n * AlphaTransition\n * @class\n * @classdesc Initializes new AlphaTransition behavior.\n * @param {HTMLElement} element - DOM element to apply opacity transition to.\n * @returns {AlphaTransition} An instance.\n */\nfunction AlphaTransition(element) {\n const eventObserver = new EventObserver();\n const _baseTransition = new BaseTransition(element, CLASSES, this);\n\n /**\n * @param {Function} initialClass - The initial state for this transition.\n * @returns {AlphaTransition} An instance.\n */\n function init(initialClass) {\n _baseTransition.init(initialClass);\n\n return this;\n }\n\n /**\n * Fade to 100% by applying a utility alpha class.\n * @returns {AlphaTransition} An instance.\n */\n function fadeIn() {\n _baseTransition.applyClass(CLASSES.ALPHA_100);\n\n return this;\n }\n\n /**\n * Fade to nothing by applying a utility alpha class.\n * @returns {AlphaTransition} An instance.\n */\n function fadeOut() {\n _baseTransition.applyClass(CLASSES.ALPHA_0);\n\n return this;\n }\n\n // Attach public events.\n this.addEventListener = eventObserver.addEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n this.removeEventListener = eventObserver.removeEventListener;\n\n this.animateOff = _baseTransition.animateOff;\n this.animateOn = _baseTransition.animateOn;\n this.halt = _baseTransition.halt;\n this.isAnimated = _baseTransition.isAnimated;\n this.remove = _baseTransition.remove;\n this.setElement = _baseTransition.setElement;\n\n this.fadeIn = fadeIn;\n this.fadeOut = fadeOut;\n this.init = init;\n\n return this;\n}\n\n// Public static properties.\nAlphaTransition.CLASSES = CLASSES;\n\nexport { AlphaTransition };\n", "import * as TransitionStyles from './transition.scss';\n\n/**\n * BaseTransition\n * @class\n * @classdesc Initializes new BaseTransition behavior.\n * This shouldn't be used directly, but instead should be\n * the base class used through composition by a specific transition.\n * @param {HTMLElement} element - DOM element to apply transition to.\n * @param {object} classes - The classes to apply to this transition.\n * @param {object} child - The child transition using this as a base.\n * @returns {BaseTransition} An instance.\n */\nfunction BaseTransition(element, classes, child) {\n const _classes = classes;\n let _dom = element;\n if (!child) throw new Error('Child transition argument must be defined!');\n const _child = child;\n\n let _lastClass;\n let _transitionEndEvent;\n let _transitionCompleteBinded;\n\n let _isAnimated = false;\n let _isAnimating = false;\n let _isFlushed = false;\n\n // Make sure required attributes are passed in.\n if (\n typeof _classes.CSS_PROPERTY === 'undefined' ||\n typeof _classes.BASE_CLASS === 'undefined'\n ) {\n throw new Error(\n 'Transitions require CSS_PROPERTY and BASE_CLASS ' +\n 'to be passed into BaseTransition.',\n );\n }\n\n /**\n * Add an event listener to the transition, or call the transition\n * complete handler immediately if the transition is not supported.\n */\n function _addEventListener() {\n /*\n If transition is supported and the animation is animated,\n listen for transition end event, otherwise call the handler directly.\n Some browsers (e.g. IE9/OperaMini) do not support transitionend event.\n If \"transition-duration: 0s\" is set, transitionEnd event will not\n fire, so we need to call the handler straight away.\n */\n if (_transitionEndEvent && _isAnimated) {\n _dom.addEventListener(_transitionEndEvent, _transitionCompleteBinded);\n _child.dispatchEvent(BaseTransition.BEGIN_EVENT, {\n target: _child,\n type: BaseTransition.BEGIN_EVENT,\n });\n\n _dom.classList.add(BaseTransition.ANIMATING_CLASS);\n _isAnimating = true;\n } else {\n _child.dispatchEvent(BaseTransition.BEGIN_EVENT, {\n target: _child,\n type: BaseTransition.BEGIN_EVENT,\n });\n _transitionCompleteBinded();\n }\n }\n\n /**\n * Remove an event listener to the transition.\n */\n function _removeEventListener() {\n _dom.removeEventListener(_transitionEndEvent, _transitionCompleteBinded);\n }\n\n /**\n * Handle the end of a transition.\n * @param {TransitionEvent} evt - Transition event object.\n * @returns {boolean} True if transition was cleaned up,\n * false if an outside transitioning property triggered this event handler.\n */\n function _transitionComplete(evt) {\n if (evt && evt.propertyName !== _classes.CSS_PROPERTY) {\n return false;\n }\n\n _removeEventListener();\n _dom.classList.remove(BaseTransition.ANIMATING_CLASS);\n _child.dispatchEvent(BaseTransition.END_EVENT, {\n target: _child,\n type: BaseTransition.END_EVENT,\n });\n _isAnimating = false;\n return true;\n }\n\n /**\n * Search for and remove initial BaseTransition classes that have\n * already been applied to this BaseTransition's target element.\n */\n function _flush() {\n let prop;\n for (prop in _classes) {\n if (\n {}.hasOwnProperty.call(_classes, prop) &&\n _classes[prop] !== _classes.BASE_CLASS &&\n _dom.classList.contains(_classes[prop])\n ) {\n _dom.classList.remove(_classes[prop]);\n }\n }\n }\n\n /**\n * Halt an in-progress animation and call the complete event immediately.\n */\n function halt() {\n if (!_isAnimating) {\n return;\n }\n _dom.style.webkitTransitionDuration = '0';\n _dom.style.mozTransitionDuration = '0';\n _dom.style.oTransitionDuration = '0';\n _dom.style.transitionDuration = '0';\n _dom.removeEventListener(_transitionEndEvent, _transitionCompleteBinded);\n _transitionCompleteBinded();\n _dom.style.webkitTransitionDuration = '';\n _dom.style.mozTransitionDuration = '';\n _dom.style.oTransitionDuration = '';\n _dom.style.transitionDuration = '';\n }\n\n /**\n * Remove all transition classes, if transition is initialized.\n */\n function remove() {\n halt();\n _flush();\n _dom.classList.remove(_classes.BASE_CLASS);\n }\n\n /**\n * Add a \"transition-duration: 0s\" utility CSS class.\n */\n function animateOn() {\n _dom.classList.remove(BaseTransition.NO_ANIMATION_CLASS);\n _isAnimated = true;\n }\n\n /**\n * Remove a \"transition-duration: 0s\" utility CSS class.\n */\n function animateOff() {\n _dom.classList.add(BaseTransition.NO_ANIMATION_CLASS);\n _isAnimated = false;\n }\n\n /**\n * @param {HTMLElement} elem - The element to check\n * for support of transition end event.\n * @returns {string} The browser-prefixed transition end event.\n */\n function _getTransitionEndEvent(elem) {\n if (!elem) {\n const msg = 'Element does not have TransitionEnd event. It may be null!';\n throw new Error(msg);\n }\n\n let transition;\n const transitions = {\n WebkitTransition: 'webkitTransitionEnd',\n MozTransition: 'transitionend',\n OTransition: 'oTransitionEnd otransitionend',\n transition: 'transitionend',\n };\n\n let transitionEvent;\n for (transitionEvent in transitions) {\n if (\n {}.hasOwnProperty.call(transitions, transitionEvent) &&\n typeof elem.style[transitionEvent] !== 'undefined'\n ) {\n transition = transitions[transitionEvent];\n break;\n }\n }\n return transition;\n }\n\n /**\n * Set the HTML element target of this transition.\n * @param {HTMLElement} targetElement - The target of the transition.\n */\n function setElement(targetElement) {\n // Clear the transition classes from the old element.\n remove();\n animateOn();\n\n _dom = targetElement;\n _dom.classList.add(_classes.BASE_CLASS);\n _transitionEndEvent = _getTransitionEndEvent(_dom);\n }\n\n /**\n * @param {Function} initialClass - The initial state for this transition.\n * @returns {BaseTransition} An instance.\n */\n function init(initialClass) {\n _isAnimated = !_dom.classList.contains(BaseTransition.NO_ANIMATION_CLASS);\n _transitionCompleteBinded = _transitionComplete.bind(this);\n setElement(_dom);\n if (!initialClass) {\n throw new Error(\n 'Transition needs to be passed an initial CSS class on initialization!',\n );\n }\n _dom.classList.add(initialClass);\n\n return this;\n }\n\n /**\n * @param {string} className - A CSS class.\n * @returns {boolean} False if the class is already applied,\n * otherwise true if the class was applied.\n */\n function applyClass(className) {\n if (!_isFlushed) {\n _flush();\n _isFlushed = true;\n }\n\n if (_dom.classList.contains(className)) {\n return false;\n }\n\n _removeEventListener();\n _dom.classList.remove(_lastClass);\n _lastClass = className;\n _addEventListener();\n _dom.classList.add(_lastClass);\n\n return true;\n }\n\n // Attach public events.\n this.animateOff = animateOff;\n this.animateOn = animateOn;\n this.applyClass = applyClass;\n this.halt = halt;\n this.init = init;\n this.isAnimated = () => _isAnimated;\n this.remove = remove;\n this.setElement = setElement;\n\n return this;\n}\n\n// Public static constants.\nBaseTransition.BEGIN_EVENT = 'transitionbegin';\nBaseTransition.END_EVENT = 'transitionend';\nBaseTransition.NO_ANIMATION_CLASS = 'u-no-animation';\nBaseTransition.ANIMATING_CLASS = 'u-is-animating';\n\nexport { BaseTransition, TransitionStyles };\n", "import { BaseTransition, EventObserver } from '@cfpb/cfpb-design-system';\n\n// Exported constants.\nconst CLASSES = {\n CSS_PROPERTY: 'max-height',\n BASE_CLASS: 'u-max-height-transition',\n MH_DEFAULT: 'u-max-height-default',\n MH_SUMMARY: 'u-max-height-summary',\n MH_ZERO: 'u-max-height-zero',\n};\n\n/**\n * MoveTransition\n * @class\n * @classdesc Initializes new MoveTransition behavior.\n * @param {HTMLElement} element - DOM element to apply transition to.\n * @returns {MaxHeightTransition} An instance.\n */\nfunction MaxHeightTransition(element) {\n const eventObserver = new EventObserver();\n const _baseTransition = new BaseTransition(element, CLASSES, this);\n let _previousHeight = 0;\n\n /**\n * Refresh the max height set on the element.\n * This may be useful if resizing the window and the content height changes.\n */\n function refresh() {\n const elmHeight = element.scrollHeight;\n const newHeight = elmHeight + 'px';\n element.style.maxHeight = newHeight;\n }\n\n /**\n * The whole page has loaded,\n * including all dependent resources such as stylesheets and images.\n */\n function _pageLoaded() {\n window.removeEventListener('load', _pageLoaded);\n refresh();\n }\n\n /**\n * @param {Function} initialClass - The initial state for this transition.\n * @returns {MaxHeightTransition} An instance.\n */\n function init(initialClass) {\n _baseTransition.init(initialClass);\n\n /*\n The scrollHeight of an element may be incorrect if the page hasn't\n fully loaded yet, so we listen for that to happen before calculating\n the element max-height.\n */\n window.addEventListener('load', _pageLoaded);\n\n /*\n The scrollHeight of an element may change on page load.\n */\n window.addEventListener('resize', () => {\n refresh();\n });\n\n return this;\n }\n\n /**\n * Reset the max-height to the default size.\n * @returns {MaxHeightTransition} An instance.\n */\n function maxHeightDefault() {\n refresh();\n _baseTransition.applyClass(CLASSES.MH_DEFAULT);\n\n if (!_previousHeight || element.scrollHeight > _previousHeight) {\n _previousHeight = element.scrollHeight;\n }\n\n return this;\n }\n\n /**\n * Collapses the max-height to just a summary height.\n * @returns {MaxHeightTransition} An instance.\n */\n function maxHeightSummary() {\n _baseTransition.applyClass(CLASSES.MH_SUMMARY);\n\n _previousHeight = element.scrollHeight;\n\n return this;\n }\n\n /**\n * Collapses thte max-height completely.\n * @returns {MaxHeightTransition} An instance.\n */\n function maxHeightZero() {\n _baseTransition.applyClass(CLASSES.MH_ZERO);\n\n _previousHeight = element.scrollHeight;\n\n return this;\n }\n\n /**\n * Remove style attribute.\n * Remove all transition classes, if transition is initialized.\n * @returns {boolean}\n * True, if the element's CSS classes were touched, false otherwise.\n */\n function remove() {\n element.style.maxHeight = '';\n return _baseTransition.remove();\n }\n\n // Attach public events.\n this.addEventListener = eventObserver.addEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n this.removeEventListener = eventObserver.removeEventListener;\n\n this.animateOff = _baseTransition.animateOff;\n this.animateOn = _baseTransition.animateOn;\n this.halt = _baseTransition.halt;\n this.isAnimated = _baseTransition.isAnimated;\n this.setElement = _baseTransition.setElement;\n this.refresh = refresh;\n this.remove = remove;\n\n this.init = init;\n this.maxHeightDefault = maxHeightDefault;\n this.maxHeightSummary = maxHeightSummary;\n this.maxHeightZero = maxHeightZero;\n\n return this;\n}\n\n// Public static properties.\nMaxHeightTransition.CLASSES = CLASSES;\n\nexport { MaxHeightTransition };\n", "import { BaseTransition, EventObserver } from '@cfpb/cfpb-design-system';\n\n// Exported constants.\nconst CLASSES = {\n CSS_PROPERTY: 'transform',\n BASE_CLASS: 'u-move-transition',\n MOVE_TO_ORIGIN: 'u-move-to-origin',\n MOVE_LEFT: 'u-move-left',\n MOVE_LEFT_2X: 'u-move-left-2x',\n MOVE_LEFT_3X: 'u-move-left-3x',\n MOVE_RIGHT: 'u-move-right',\n MOVE_UP: 'u-move-up',\n};\n\n/**\n * MoveTransition\n * @class\n * @classdesc Initializes new MoveTransition behavior.\n * @param {HTMLElement} element - DOM element to apply move transition to.\n * @returns {MoveTransition} An instance.\n */\nfunction MoveTransition(element) {\n const eventObserver = new EventObserver();\n const _baseTransition = new BaseTransition(element, CLASSES, this);\n\n /**\n * @param {Function} initialClass - The initial state for this transition.\n * @returns {MoveTransition} An instance.\n */\n function init(initialClass) {\n _baseTransition.init(initialClass);\n\n return this;\n }\n\n /**\n * Move to the element's original coordinates.\n * @returns {MoveTransition} An instance.\n */\n function moveToOrigin() {\n _baseTransition.applyClass(CLASSES.MOVE_TO_ORIGIN);\n\n return this;\n }\n\n /**\n * Move to the left by applying a utility move class.\n * @param {number} count - How many times to move left\n * as a multiplication of the element's width.\n * @returns {MoveTransition} An instance.\n */\n function _moveLeft(count) {\n count = count || 1;\n const moveClasses = [\n CLASSES.MOVE_LEFT,\n CLASSES.MOVE_LEFT_2X,\n CLASSES.MOVE_LEFT_3X,\n ];\n\n _baseTransition.applyClass(moveClasses[count - 1]);\n\n return this;\n }\n\n /**\n * Move to the right by applying a utility move class.\n * @returns {MoveTransition} An instance.\n */\n function moveRight() {\n _baseTransition.applyClass(CLASSES.MOVE_RIGHT);\n\n return this;\n }\n\n /**\n * Move up by applying a utility move class.\n * @returns {MoveTransition} An instance.\n */\n function moveUp() {\n _baseTransition.applyClass(CLASSES.MOVE_UP);\n\n return this;\n }\n\n // Attach public events.\n this.addEventListener = eventObserver.addEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n this.removeEventListener = eventObserver.removeEventListener;\n\n this.animateOff = _baseTransition.animateOff;\n this.animateOn = _baseTransition.animateOn;\n this.halt = _baseTransition.halt;\n this.isAnimated = _baseTransition.isAnimated;\n this.setElement = _baseTransition.setElement;\n this.remove = _baseTransition.remove;\n\n this.init = init;\n this.moveLeft = () => _moveLeft(1);\n this.moveLeft2 = () => _moveLeft(2);\n this.moveLeft3 = () => _moveLeft(3);\n this.moveRight = moveRight;\n this.moveToOrigin = moveToOrigin;\n this.moveUp = moveUp;\n\n return this;\n}\n\n// Public static properties.\nMoveTransition.CLASSES = CLASSES;\n\nexport { MoveTransition };\n", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Expandable Styling\n ========================================================================== */\n.o-expandable {\n position: relative;\n}\n.o-expandable__header {\n display: flex;\n justify-content: space-between;\n gap: 10px;\n padding: 0.625em 0.9375em;\n border: 0;\n background-color: transparent;\n cursor: pointer;\n}\n.o-expandable__header:focus {\n outline: 1px dotted var(--black);\n outline-offset: 2px;\n}\n.o-expandable__header .o-expandable__cue-close,\n.o-expandable__header .o-expandable__cue-open {\n display: none;\n}\n.o-expandable__header[aria-expanded=false] .o-expandable__cue-open {\n display: block;\n}\n.o-expandable__header[aria-expanded=true] .o-expandable__cue-close {\n display: block;\n}\n.o-expandable button.o-expandable__header {\n width: 100%;\n text-align: left;\n}\n.o-expandable__label {\n flex-grow: 1;\n margin-bottom: 0;\n color: var(--black);\n font-weight: 500;\n}\n.o-expandable__icon, .o-expandable__label {\n font-size: 1.125em;\n}\n@media only all and (max-width: 37.5em) {\n .o-expandable__icon, .o-expandable__label {\n font-size: 1em;\n }\n}\n.o-expandable__cues {\n align-self: center;\n color: var(--pacific);\n font-size: 1em;\n line-height: 1.375;\n}\n.o-expandable__content {\n padding: 0.9375em;\n padding-top: 0;\n}\n.o-expandable__content::before {\n content: \"\";\n display: block;\n border-top: 1px solid var(--gray-40);\n padding-top: 0.9375em;\n}\n.o-expandable__content::after {\n padding-bottom: 0.9375em;\n width: 100%;\n}\n.o-expandable--padded .o-expandable__header {\n padding: 1.5625em 0.9375em;\n}\n.o-expandable--padded .o-expandable__icon, .o-expandable--padded .o-expandable__label {\n font-size: 1.625em;\n}\n@media only all and (max-width: 37.5em) {\n .o-expandable--padded .o-expandable__icon, .o-expandable--padded .o-expandable__label {\n font-size: 1.375em;\n }\n}\n.o-expandable--background {\n background: var(--gray-5);\n}\n.o-expandable--border {\n border: 1px solid var(--gray-40);\n}\n.o-expandable-group .o-expandable {\n border-bottom: 1px solid var(--gray-40);\n}\n.o-expandable-group .o-expandable:first-child {\n border-top: 1px solid var(--gray-40);\n}\n@media print {\n .o-expandable__header[aria-expanded=true] .o-expandable__cue-close, .o-expandable__header[aria-expanded=false] .o-expandable__cue-open {\n display: none;\n }\n .o-expandable__content[aria-expanded=false] {\n display: block;\n max-height: 99999px !important;\n }\n}\n.o-expandable .print__header[aria-expanded=true] .o-expandable .print__cue-close, .o-expandable .print__header[aria-expanded=false] .o-expandable .print__cue-open {\n display: none;\n}\n.o-expandable .print__content[aria-expanded=false] {\n display: block;\n max-height: 99999px !important;\n}\n\nhtml[lang=ar] .o-expandable__header {\n text-align: right;\n}\nhtml[lang=ar] .o-expandable__cues {\n text-align: left;\n}", "/* ==========================================================================\n Expandable Organism\n ========================================================================== */\n\nimport {\n add as addDataHook,\n checkDom,\n setInitFlag,\n instantiateAll,\n MaxHeightTransition,\n EventObserver,\n FlyoutMenu,\n} from '../../utilities';\n\nimport * as ExpandableStyles from './expandable.scss';\n\nconst BASE_CLASS = 'o-expandable';\n\n/**\n * Expandable\n * @class\n * @classdesc Initializes a new Expandable molecule.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the molecule.\n * @returns {Expandable} An instance.\n */\nfunction Expandable(element) {\n // Internal vars.\n const _dom = checkDom(element, BASE_CLASS);\n let _targetDom;\n let _contentDom;\n let _labelDom;\n\n // Animation vars.\n let _transition;\n let _flyout;\n\n /**\n * Set up and create the multiselect.\n * @returns {Expandable} An instance.\n */\n function init() {\n if (!setInitFlag(_dom)) {\n return this;\n }\n\n _targetDom = _dom.querySelector(`.${BASE_CLASS}__header`);\n _contentDom = _dom.querySelector(`.${BASE_CLASS}__content`);\n _labelDom = _dom.querySelector(`.${BASE_CLASS}__label`);\n\n const isExpanded = _dom.classList.contains(`${BASE_CLASS}--onload-open`);\n\n // Add behavior hooks.\n addDataHook(_dom, 'behavior_flyout-menu');\n addDataHook(_targetDom, 'behavior_flyout-menu_trigger');\n addDataHook(_contentDom, 'behavior_flyout-menu_content');\n\n // If it's expanded we don't set an initial height,\n // as it will be calculated internally.\n const initialClass = isExpanded\n ? MaxHeightTransition.CLASSES.MH_DEFAULT\n : MaxHeightTransition.CLASSES.MH_ZERO;\n _transition = new MaxHeightTransition(_contentDom).init(initialClass);\n\n // Create root menu.\n _flyout = new FlyoutMenu(_dom);\n\n _flyout.setTransition(\n _transition,\n _transition.maxHeightZero,\n _transition.maxHeightDefault,\n );\n\n _flyout.init(isExpanded);\n\n // Add events.\n _flyout.addEventListener('expandbegin', () => {\n _contentDom.classList.remove('u-hidden');\n this.dispatchEvent('expandbegin', { target: this });\n });\n _flyout.addEventListener('collapseend', () => {\n _contentDom.classList.add('u-hidden');\n });\n\n return this;\n }\n\n /**\n * @returns {string} The expandable label text.\n */\n function getLabelText() {\n return _labelDom.textContent.trim();\n }\n\n // Attach public events.\n this.init = init;\n this.expand = () => _flyout.expand();\n this.collapse = () => _flyout.collapse();\n this.isExpanded = () => _flyout.isExpanded();\n this.refresh = () => _flyout.getTransition().refresh();\n this.getLabelText = getLabelText;\n\n const eventObserver = new EventObserver();\n this.addEventListener = eventObserver.addEventListener;\n this.removeEventListener = eventObserver.removeEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n\n return this;\n}\n\nExpandable.BASE_CLASS = BASE_CLASS;\nExpandable.init = (scope) =>\n instantiateAll(`.${Expandable.BASE_CLASS}`, Expandable, scope);\n\nexport { Expandable, ExpandableStyles };\n", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Expandable Group Styling\n ========================================================================== */\n.o-expandable-group .o-expandable {\n border-bottom: 1px solid var(--gray-40);\n}\n.o-expandable-group .o-expandable:first-child {\n border-top: 1px solid var(--gray-40);\n}\n@media print {\n .o-expandable__header[aria-expanded=true] .o-expandable__cue-close, .o-expandable__header[aria-expanded=false] .o-expandable__cue-open {\n display: none;\n }\n .o-expandable__content[aria-expanded=false] {\n display: block;\n max-height: 99999px !important;\n }\n}\n.o-expandable .print__header[aria-expanded=true] .o-expandable .print__cue-close, .o-expandable .print__header[aria-expanded=false] .o-expandable .print__cue-open {\n display: none;\n}\n.o-expandable .print__content[aria-expanded=false] {\n display: block;\n max-height: 99999px !important;\n}", "/* ==========================================================================\n Expandable Organism\n ========================================================================== */\n\nimport { checkDom, setInitFlag, instantiateAll } from '../../utilities';\nimport { Expandable } from './expandable.js';\n\nimport * as ExpandableGroupStyles from './expandable-group.scss';\n\nconst BASE_CLASS = 'o-expandable-group';\n\n/**\n * ExpandableGroup\n * @class\n * @classdesc Initializes a new Expandable molecule.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the molecule.\n * @returns {ExpandableGroup} An instance.\n */\nfunction ExpandableGroup(element) {\n // Internal vars.\n const _dom = checkDom(element, BASE_CLASS);\n const _isAccordion = _dom.classList.contains(`${BASE_CLASS}--accordion`);\n let _expandables;\n let _lastExpanded;\n\n /**\n * @param {object} evt - The event object.\n */\n function _handleExpandBegin(evt) {\n const target = evt.target;\n if (_lastExpanded && _lastExpanded !== target) {\n _lastExpanded.collapse();\n }\n _lastExpanded = target;\n }\n\n /**\n * Set up and create the multiselect.\n * @param {Array} expandables - List of expandables inside this group.\n * @returns {ExpandableGroup} An instance.\n */\n function init(expandables) {\n if (!setInitFlag(_dom)) {\n return this;\n }\n\n if (_isAccordion) {\n _expandables = expandables;\n\n _expandables.forEach((expandable) => {\n expandable.addEventListener('expandbegin', _handleExpandBegin);\n });\n }\n\n return this;\n }\n\n // Attach public events.\n this.init = init;\n\n return this;\n}\n\nExpandableGroup.BASE_CLASS = BASE_CLASS;\nExpandableGroup.init = (scope) => {\n const base = scope || document;\n const expandableGroupsDom = base.querySelectorAll(`.${BASE_CLASS}`);\n expandableGroupsDom.forEach((expandableGroupDom) => {\n const expandables = instantiateAll(\n `.${Expandable.BASE_CLASS}`,\n Expandable,\n expandableGroupDom,\n );\n const expandableGroup = new ExpandableGroup(expandableGroupDom);\n expandableGroup.init(expandables);\n });\n};\n\nexport { ExpandableGroup, ExpandableGroupStyles };\n", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-summary__content {\n overflow-y: hidden;\n padding: 2px;\n left: -2px;\n top: -2px;\n position: relative;\n}\n.o-summary__btn {\n position: relative;\n z-index: 2;\n display: block;\n width: 100%;\n padding-top: 15px;\n padding-bottom: 15px;\n border: dotted var(--pacific);\n border-width: 1px 0;\n text-align: center;\n color: var(--pacific);\n background: #fff;\n}\n.o-summary__btn:focus {\n outline: 1px dotted var(--pacific);\n outline-offset: 1px;\n}\n.o-summary__btn[aria-expanded=false]::before {\n display: block;\n pointer-events: none;\n height: 2.75em;\n margin: 0;\n position: absolute;\n left: 0;\n right: 0;\n top: calc(-100% + 2px);\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);\n content: \"\";\n}\n@media print {\n .o-summary__btn[aria-expanded=false]::before {\n background: none;\n }\n}\n.o-summary__btn[aria-expanded=false]::before .print {\n background: none;\n}\n.no-js .o-summary__btn {\n display: none;\n}\n@media only screen and (min-width: 601px) {\n .o-summary--mobile .o-summary__btn {\n display: none;\n }\n}", "import {\n add as addDataHook,\n checkDom,\n instantiateAll,\n setInitFlag,\n FlyoutMenu,\n MaxHeightTransition,\n EventObserver,\n MOBILE,\n viewportIsIn,\n} from '../../utilities';\n\nimport * as SummaryStyles from './summary.scss';\n\nconst BASE_CLASS = 'o-summary';\n\n/**\n * Summary\n * @class\n * @classdesc Initializes a new Summary organism.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the organism.\n * @returns {Summary} An instance.\n */\nfunction Summary(element) {\n const _dom = checkDom(element, BASE_CLASS);\n const _hasMobileModifier = _dom.classList.contains(`${BASE_CLASS}--mobile`);\n const _contentDom = _dom.querySelector(`.${BASE_CLASS}__content`);\n const _btnDom = _dom.querySelector(`.${BASE_CLASS}__btn`);\n let _transition;\n let _flyout;\n\n // Whether this instance's behaviors are suspended or not.\n let _suspended;\n\n /**\n * NOTE: Init won't work if it's called after the page has been loaded,\n * since it depends on the `load` event fired by the browser.\n * @returns {Summary} An instance.\n */\n function init() {\n if (!setInitFlag(_dom)) {\n return this;\n }\n\n // Don't initialize the Summary till the page has loaded, so we can have\n // an accurate idea of its height.\n window.addEventListener('load', _pageLoadHandler);\n\n return this;\n }\n\n /**\n * The page (content + CSS) has loaded.\n */\n function _pageLoadHandler() {\n window.removeEventListener('load', _pageLoadHandler);\n\n _suspended = !_shouldSuspend();\n\n // Add FlyoutMenu behavior data-js-hooks.\n addDataHook(_dom, 'behavior_flyout-menu');\n addDataHook(_contentDom, 'behavior_flyout-menu_content');\n addDataHook(_btnDom, 'behavior_flyout-menu_trigger');\n\n _flyout = new FlyoutMenu(_dom, false);\n _transition = new MaxHeightTransition(_contentDom);\n _transition.init(\n _suspended\n ? MaxHeightTransition.CLASSES.MH_SUMMARY\n : MaxHeightTransition.CLASSES.MH_DEFAULT,\n );\n _flyout.setTransition(\n _transition,\n _transition.maxHeightSummary,\n _transition.maxHeightDefault,\n );\n _flyout.addEventListener('triggerclick', _triggerClickHandler);\n _flyout.init();\n\n _resizeHandler();\n\n window.addEventListener('resize', _resizeHandler);\n // Pipe window resize handler into orientation change on supported devices.\n if ('onorientationchange' in window) {\n window.addEventListener('orientationchange', _resizeHandler);\n }\n\n _dom.addEventListener('focusin', _focusInHandler);\n\n /* When we click inside the content area we may be changing the size,\n such as when a video player expands on being clicked.\n So, let's refresh the transition to recalculate the max-height,\n just in case. */\n _contentDom.addEventListener('click', _contentClicked);\n }\n\n /**\n * Handling tabbing into the content area that is hidden.\n * If the focus goes onto a focusable element within the content area,\n * we'll act like the summary expansion button was clicked.\n * @param {Event} evt - The focus event.\n */\n function _focusInHandler(evt) {\n if (!_suspended && evt.target !== _btnDom) {\n _btnDom.click();\n _dom.removeEventListener('focusin', _focusInHandler);\n }\n }\n\n /**\n * Handler for when the content area is clicked.\n * Refresh the transition to recalculate the max-height.\n * @param {MouseEvent} evt - the mouse event object.\n */\n function _contentClicked(evt) {\n /* We don't need to refresh if a link was clicked as we'll be navigating\n to another page. */\n if (evt.target.tagName !== 'A' && _flyout.isExpanded()) {\n _transition.refresh();\n }\n }\n\n /**\n * Handle resizing of the window,\n * suspends or resumes the mobile or desktop behaviors.\n */\n function _resizeHandler() {\n if (_shouldSuspend()) {\n _suspend();\n } else {\n _resume();\n }\n }\n\n /**\n * @returns {boolean} True if this should be suspended, false otherwise.\n */\n function _shouldSuspend() {\n /* Bail out of initializatiion if the height of the summary's content\n is less than our summary height of 5.5ems\n 16 * 5.5 = 88\n See https://github.com/cfpb/design-system/blob/72623270013f2ad08dbe92b5b709ed2b434ee41e/packages/cfpb-atomic-component/src/utilities/transition/transition.less#L84\n */\n return (\n (_hasMobileModifier && !viewportIsIn(MOBILE)) ||\n _contentDom.scrollHeight <= 88\n );\n }\n\n /**\n * Handle click of flyout.\n */\n function _triggerClickHandler() {\n _flyout.addEventListener('expandend', _expandEndHandler);\n }\n\n /**\n * After the summary opens, remove the \"read more\" button.\n */\n function _expandEndHandler() {\n _hideButton();\n window.removeEventListener('resize', _resizeHandler);\n window.removeEventListener('orientationchange', _resizeHandler);\n _flyout.removeEventListener('expandend', _expandEndHandler);\n _flyout.suspend();\n _transition.remove();\n }\n\n /**\n *\n */\n function _showButton() {\n _btnDom.classList.remove('u-hidden');\n }\n\n /**\n *\n */\n function _hideButton() {\n _btnDom.classList.add('u-hidden');\n }\n\n /**\n * Add events necessary for the desktop menu behaviors.\n * @returns {boolean} Whether it has successfully been resumed or not.\n */\n function _resume() {\n if (_suspended) {\n _flyout.collapse();\n _transition.animateOn();\n _showButton();\n\n _suspended = false;\n }\n\n return !_suspended;\n }\n\n /**\n * Remove events necessary for the desktop menu behaviors.\n * @returns {boolean} Whether it has successfully been suspended or not.\n */\n function _suspend() {\n if (!_suspended) {\n _transition.animateOff();\n _flyout.expand();\n _hideButton();\n\n _suspended = true;\n }\n\n return _suspended;\n }\n\n // Attach public events.\n const eventObserver = new EventObserver();\n this.addEventListener = eventObserver.addEventListener;\n this.removeEventListener = eventObserver.removeEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n\n this.init = init;\n\n return this;\n}\n\nSummary.BASE_CLASS = BASE_CLASS;\nSummary.init = (scope) => instantiateAll(`.${BASE_CLASS}`, Summary, scope);\n\nexport { Summary, SummaryStyles };\n", "import {\n add as addDataHook,\n checkDom,\n instantiateAll,\n setInitFlag,\n FlyoutMenu,\n MaxHeightTransition,\n EventObserver,\n} from '../../utilities';\n\nimport * as SummaryMinimalStyles from './summary-minimal.scss';\n\nconst BASE_CLASS = 'o-summary-minimal';\n\n/**\n * SummaryMinimal\n * @class\n * @classdesc Initializes a new SummaryMinimal organism.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the organism.\n * @returns {SummaryMinimal} An instance.\n */\nfunction SummaryMinimal(element) {\n const _dom = checkDom(element, BASE_CLASS);\n const _contentDom = _dom.querySelector(`.${BASE_CLASS}__content`);\n const _btnDom = _dom.querySelector(`.${BASE_CLASS}__btn`);\n let _transition;\n let _flyout;\n\n /**\n * @returns {SummaryMinimal} An instance.\n */\n function init() {\n if (!setInitFlag(_dom)) {\n return this;\n }\n\n // Add FlyoutMenu behavior data-js-hooks.\n addDataHook(_dom, 'behavior_flyout-menu');\n addDataHook(_contentDom, 'behavior_flyout-menu_content');\n addDataHook(_btnDom, 'behavior_flyout-menu_trigger');\n\n // Don't initialize the SummaryMinimal till the page has loaded,\n // so we can have an accurate idea of its height.\n window.addEventListener('load', _pageLoadHandler);\n\n return this;\n }\n\n /**\n * The page (content + CSS) has loaded.\n */\n function _pageLoadHandler() {\n window.removeEventListener('load', _pageLoadHandler);\n\n _flyout = new FlyoutMenu(_dom, false);\n _transition = new MaxHeightTransition(_contentDom);\n _transition.init(MaxHeightTransition.CLASSES.MH_SUMMARY);\n _flyout.setTransition(\n _transition,\n _transition.maxHeightSummary,\n _transition.maxHeightDefault,\n );\n _flyout.init();\n\n _dom.addEventListener('focusin', _focusInHandler);\n\n /* When we click inside the content area we may be changing the size,\n such as when a video player expands on being clicked.\n So, let's refresh the transition to recalculate the max-height,\n just in case. */\n _contentDom.addEventListener('click', _contentClicked);\n\n _flyout.collapse();\n _transition.animateOn();\n }\n\n /**\n * Handling tabbing into the content area that is hidden.\n * If the focus goes onto a focusable element within the content area,\n * we'll act like the summary expansion button was clicked.\n * @param {Event} evt - The focus event.\n */\n function _focusInHandler(evt) {\n if (evt.target !== _btnDom) {\n _btnDom.click();\n _dom.removeEventListener('focusin', _focusInHandler);\n }\n }\n\n /**\n * Handler for when the content area is clicked.\n * Refresh the transition to recalculate the max-height.\n * @param {MouseEvent} evt - the mouse event object.\n */\n function _contentClicked(evt) {\n /* We don't need to refresh if a link was clicked as we'll be navigating\n to another page. */\n if (evt.target.tagName !== 'A' && _flyout.isExpanded()) {\n _transition.refresh();\n }\n }\n\n // Attach public events.\n const eventObserver = new EventObserver();\n this.addEventListener = eventObserver.addEventListener;\n this.removeEventListener = eventObserver.removeEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n\n this.init = init;\n\n return this;\n}\n\nSummaryMinimal.BASE_CLASS = BASE_CLASS;\nSummaryMinimal.init = (scope) =>\n instantiateAll(`.${BASE_CLASS}`, SummaryMinimal, scope);\n\nexport { SummaryMinimal, SummaryMinimalStyles };\n"], + "mappings": "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", "names": ["utilities_exports", "__export", "utilities_default", "varsBreakpoints", "_getBodyBaseFontSize", "fontSize", "_inBreakpointRange", "breakpointRange", "width", "breakpointRangeMin", "breakpointRangeMax", "min", "max", "getBreakpointState", "breakpointState", "rangeKey", "varsBreakpoints", "MOBILE", "TABLET", "DESKTOP", "viewportIsIn", "breakpointGroup", "response", "currentBreakpoint", "JS_HOOK", "BEHAVIOR_PREFIX", "STATE_PREFIX", "EventObserver", "_events", "addEventListener", "event", "callback", "removeEventListener", "index", "dispatchEvent", "options", "evts", "i", "len", "contains", "element", "value", "values", "JS_HOOK", "add", "msg", "INIT_FLAG", "STATE_PREFIX", "_verifyElementExists", "element", "baseClass", "msg", "_verifyClassExists", "dom", "checkDom", "setInitFlag", "contains", "add", "instantiateAll", "selector", "Constructor", "scope", "config", "elements", "insts", "inst", "i", "len", "normalize_exports", "__export", "normalize_default", "base_exports", "__export", "base_default", "button_exports", "__export", "button_default", "button_group_exports", "__export", "button_group_default", "button_link_exports", "__export", "button_link_default", "button_with_icon_exports", "__export", "button_with_icon_default", "form_exports", "__export", "form_default", "form_alert_exports", "__export", "form_alert_default", "form_field_exports", "__export", "form_field_default", "label_exports", "__export", "label_default", "range_exports", "__export", "range_default", "search_input_exports", "__export", "search_input_default", "select_exports", "__export", "select_default", "tag_exports", "__export", "tag_default", "text_input_exports", "__export", "text_input_default", "UNDEFINED", "stringEscape", "str", "stringMatch", "x", "y", "MultiselectModel", "options", "name", "config", "_options", "_name", "_max", "_optionsData", "_selectedIndices", "_filterIndices", "_lastFilterIndices", "_index", "_getOptionId", "item", "isAtMaxSelections", "_formatOptions", "list", "cleaned", "isChecked", "i", "len", "init", "toggleOption", "index", "currIndex", "_searchAggregator", "aggregate", "value", "filterIndices", "query", "acc", "getOption", "setIndex", "filterCount", "count", "getIndex", "UNDEFINED", "multiselect_model_default", "create", "tag", "parentNode", "options", "elem", "key", "val", "error_default", "closeIcon", "error_default", "BASE_CLASS", "CHECKBOX_INPUT_CLASS", "TEXT_INPUT_CLASS", "DIR_PREV", "DIR_NEXT", "KEY_RETURN", "KEY_SPACE", "KEY_ESCAPE", "KEY_UP", "KEY_DOWN", "KEY_TAB", "DEFAULT_CONFIG", "Multiselect", "element", "_dom", "checkDom", "_isBlurSkipped", "_name", "_placeholder", "_model", "_options", "_config", "_containerDom", "_selectionsDom", "_headerDom", "_searchDom", "_fieldsetDom", "_optionsDom", "_optionItemDoms", "_instance", "_filterMatches", "filteredIndices", "i", "len", "j", "_resetFilter", "_filterNoMatches", "_filterList", "filterIndices", "_evaluate", "value", "matchedIndices", "expand", "collapse", "_highlight", "direction", "index", "filteredIndex", "input", "_resetSearch", "_selectionClickHandler", "event", "target", "_selectionKeyDownHandler", "label", "_getOptionId", "option", "_createSelectedItem", "selectionsDom", "optionId", "selectionsItemDom", "create", "selectionsItemLabelDom", "_updateSelections", "optionIndex", "dataOptionSel", "_selectionsItemDom", "_changeHandler", "_bindEvents", "key", "checked", "evt", "inputs", "labelButtons", "_populateMarkup", "optionsClasses", "isChecked", "optionsItemDom", "init", "multiselectConfig", "setInitFlag", "isMobileUserAgent", "__spreadValues", "multiselect_model_default", "newDom", "getModel", "eventObserver", "EventObserver", "config", "instantiateAll", "icon_exports", "__export", "icon_default", "card_exports", "__export", "card_default", "card_group_exports", "__export", "card_group_default", "email_signup_exports", "__export", "email_signup_default", "featured_content_module_exports", "__export", "featured_content_module_default", "hero_exports", "__export", "hero_default", "layout_exports", "__export", "layout_default", "text_introduction_exports", "__export", "text_introduction_default", "well_exports", "__export", "well_default", "banner_exports", "__export", "banner_default", "notification_exports", "__export", "notification_default", "pagination_exports", "__export", "pagination_default", "table_exports", "__export", "table_default", "date_exports", "__export", "date_default", "link_exports", "__export", "link_default", "list_exports", "__export", "list_default", "meta_header_exports", "__export", "meta_header_default", "pull_quote_exports", "__export", "pull_quote_default", "slug_header_exports", "__export", "slug_header_default", "tagline_exports", "__export", "tagline_default", "checkBehaviorDom", "element", "behaviorDataAttr", "dom", "contains", "selector", "JS_HOOK", "msg", "_toString", "isArray", "value", "_toString", "isMobileUserAgent", "BASE_CLASS", "BEHAVIOR_PREFIX", "SEL_PREFIX", "JS_HOOK", "FlyoutMenu", "element", "autoHideContent", "_dom", "checkBehaviorDom", "_triggerDoms", "_findTriggers", "_contentDom", "_state", "COLLAPSED", "COLLAPSING", "EXPANDING", "EXPANDED", "_transition", "_expandTransitionMethod", "_collapseTransitionMethod", "_collapseEndBinded", "_collapseEnd", "_expandEndBinded", "_expandEnd", "_data", "_suspended", "_touchTriggered", "triggersList", "triggers", "trigger", "triggerParent", "isSubTrigger", "i", "init", "isExpanded", "triggerDom", "_setAriaAttr", "_handleTriggerClicked", "_handleTouchStart", "_handleTriggerOver", "_handleTriggerOut", "resume", "type", "elem", "value", "strValue", "event", "expand", "hasTransition", "BaseTransition", "collapse", "len", "setTransition", "transition", "collapseMethod", "expandMethod", "clearTransition", "UNDEFINED", "getDom", "suspend", "setData", "data", "eventObserver", "EventObserver", "CLASSES", "AlphaTransition", "element", "eventObserver", "EventObserver", "_baseTransition", "BaseTransition", "init", "initialClass", "fadeIn", "fadeOut", "BaseTransition", "element", "classes", "child", "_classes", "_dom", "_child", "_lastClass", "_transitionEndEvent", "_transitionCompleteBinded", "_isAnimated", "_isAnimating", "_isFlushed", "_addEventListener", "_removeEventListener", "_transitionComplete", "evt", "_flush", "prop", "halt", "remove", "animateOn", "animateOff", "_getTransitionEndEvent", "elem", "msg", "transition", "transitions", "transitionEvent", "setElement", "targetElement", "init", "initialClass", "applyClass", "className", "CLASSES", "MaxHeightTransition", "element", "eventObserver", "EventObserver", "_baseTransition", "BaseTransition", "_previousHeight", "refresh", "newHeight", "_pageLoaded", "init", "initialClass", "maxHeightDefault", "maxHeightSummary", "maxHeightZero", "remove", "CLASSES", "MoveTransition", "element", "eventObserver", "EventObserver", "_baseTransition", "BaseTransition", "init", "initialClass", "moveToOrigin", "_moveLeft", "count", "moveClasses", "moveRight", "moveUp", "expandable_exports", "__export", "expandable_default", "BASE_CLASS", "Expandable", "element", "_dom", "checkDom", "_targetDom", "_contentDom", "_labelDom", "_transition", "_flyout", "init", "setInitFlag", "isExpanded", "add", "initialClass", "MaxHeightTransition", "FlyoutMenu", "getLabelText", "eventObserver", "EventObserver", "scope", "instantiateAll", "expandable_group_exports", "__export", "expandable_group_default", "BASE_CLASS", "ExpandableGroup", "element", "_dom", "checkDom", "_isAccordion", "_expandables", "_lastExpanded", "_handleExpandBegin", "evt", "target", "init", "expandables", "setInitFlag", "expandable", "scope", "expandableGroupDom", "instantiateAll", "Expandable", "summary_exports", "__export", "summary_default", "BASE_CLASS", "Summary", "element", "_dom", "checkDom", "_hasMobileModifier", "_contentDom", "_btnDom", "_transition", "_flyout", "_suspended", "init", "setInitFlag", "_pageLoadHandler", "_shouldSuspend", "add", "FlyoutMenu", "MaxHeightTransition", "_triggerClickHandler", "_resizeHandler", "_focusInHandler", "_contentClicked", "evt", "_suspend", "_resume", "viewportIsIn", "MOBILE", "_expandEndHandler", "_hideButton", "_showButton", "eventObserver", "EventObserver", "scope", "instantiateAll", "BASE_CLASS", "SummaryMinimal", "element", "_dom", "checkDom", "_contentDom", "_btnDom", "_transition", "_flyout", "init", "setInitFlag", "add", "_pageLoadHandler", "FlyoutMenu", "MaxHeightTransition", "_focusInHandler", "_contentClicked", "evt", "eventObserver", "EventObserver", "scope", "instantiateAll"] } diff --git a/packages/cfpb-design-system/dist/components/cfpb-forms/index.js.map b/packages/cfpb-design-system/dist/components/cfpb-forms/index.js.map index 7e28dc1cf5..adcb420017 100644 --- a/packages/cfpb-design-system/dist/components/cfpb-forms/index.js.map +++ b/packages/cfpb-design-system/dist/components/cfpb-forms/index.js.map @@ -1,7 +1,7 @@ { "version": 3, "sources": ["../../../../../packages/cfpb-design-system/src/components/cfpb-forms/form.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/form-alert.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/form-field.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/label.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/range.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/search-input.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/select.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/tag.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/text-input.scss", "../../../../../packages/cfpb-design-system/src/utilities/utilities.scss", "../../../../../packages/cfpb-design-system/src/abstracts/vars-breakpoints.js", "../../../../../packages/cfpb-design-system/src/utilities/breakpoint-state.js", "../../../../../packages/cfpb-design-system/src/utilities/standard-type.js", "../../../../../packages/cfpb-design-system/src/utilities/event-observer.js", "../../../../../packages/cfpb-design-system/src/utilities/data-hook.js", "../../../../../packages/cfpb-design-system/src/utilities/atomic-helpers.js", "../../../../../packages/cfpb-design-system/src/base/normalize.scss", "../../../../../packages/cfpb-design-system/src/base/base.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-group.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-link.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-with-icon.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-expandables/expandable.js", "../../../../../packages/cfpb-design-system/src/components/cfpb-expandables/expandable-group.js", "../../../../../packages/cfpb-design-system/src/components/cfpb-expandables/summary.js", "../../../../../packages/cfpb-design-system/src/components/cfpb-expandables/summary-minimal.js", "../../../../../packages/cfpb-design-system/src/components/cfpb-icons/icon.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/card.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/card-group.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/email-signup.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/featured-content-module.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/hero.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/layout.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/text-introduction.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/well.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-notifications/banner.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-notifications/notification.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-pagination/pagination.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-tables/table.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/date.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/link.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/list.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/meta-header.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/pull-quote.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/slug-header.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/tagline.scss", "../../../../../packages/cfpb-design-system/src/utilities/behavior/behavior.js", "../../../../../packages/cfpb-design-system/src/utilities/type-checkers.js", "../../../../../packages/cfpb-design-system/src/utilities/media-helpers.js", "../../../../../packages/cfpb-design-system/src/utilities/behavior/flyout-menu.js", "../../../../../packages/cfpb-design-system/src/utilities/transition/alpha-transition.js", "../../../../../packages/cfpb-design-system/src/utilities/transition/base-transition.js", "../../../../../packages/cfpb-design-system/src/utilities/transition/max-height-transition.js", "../../../../../packages/cfpb-design-system/src/utilities/transition/move-transition.js", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/multiselect-model.js", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/multiselect-utils.js", "../../../../../packages/cfpb-design-system/src/components/cfpb-icons/icons/error.svg", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/multiselect.js"], - "sourcesContent": ["/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-form__group {\n margin-bottom: 1.875em;\n}\n.o-form__fieldset {\n border: none;\n margin: 0;\n padding: 0;\n}\n.o-form__fieldset .m-form-field + .m-form-field {\n margin-top: 0.625em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-form-alert .cf-icon-svg {\n color: var(--gray);\n float: left;\n}\n.a-form-alert__text {\n display: block;\n margin-left: 1.25em;\n}\n.a-form-alert--success .cf-icon-svg {\n color: var(--green);\n}\n.a-form-alert--error .cf-icon-svg {\n color: var(--red);\n}\n.a-form-alert--warning .cf-icon-svg {\n color: var(--gold);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.m-form-field .a-text-input--full {\n box-sizing: border-box;\n width: 100%;\n}\n.m-form-field .a-label + .a-text-input {\n margin-top: 0.3125em;\n}\n.m-form-field--checkbox .a-label, .m-form-field--radio .a-label {\n /* autoprefixer: ignore next */\n display: inline-grid;\n grid-template-columns: 1.875em auto;\n vertical-align: top;\n cursor: pointer;\n overflow-wrap: anywhere;\n}\n.m-form-field--checkbox .a-label::before, .m-form-field--radio .a-label::before {\n display: inline-block;\n grid-row-start: 1;\n grid-row-end: 3;\n border: 1px solid var(--gray-60);\n height: 1.125em;\n width: 1.125em;\n margin-right: 10px;\n background-color: var(--white);\n content: \"\";\n vertical-align: top;\n position: relative;\n top: 1px;\n left: 1px;\n}\n.m-form-field--checkbox .a-label:hover::before, .m-form-field--checkbox .a-label.hover::before, .m-form-field--radio .a-label:hover::before, .m-form-field--radio .a-label.hover::before {\n border-color: var(--pacific);\n}\n.m-form-field--checkbox .a-label__helper, .m-form-field--radio .a-label__helper {\n display: block;\n}\n.m-form-field--checkbox .a-checkbox,\n.m-form-field--checkbox .a-radio, .m-form-field--radio .a-checkbox,\n.m-form-field--radio .a-radio {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n.m-form-field--checkbox .a-checkbox:focus + .a-label, .m-form-field--checkbox .a-checkbox.focus + .a-label,\n.m-form-field--checkbox .a-radio:focus + .a-label,\n.m-form-field--checkbox .a-radio.focus + .a-label, .m-form-field--radio .a-checkbox:focus + .a-label, .m-form-field--radio .a-checkbox.focus + .a-label,\n.m-form-field--radio .a-radio:focus + .a-label,\n.m-form-field--radio .a-radio.focus + .a-label {\n outline: 1px dotted var(--pacific);\n outline-offset: 1px;\n}\n.m-form-field--checkbox .a-checkbox:disabled:checked + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled:focus + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled.focus + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled:hover + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled.hover + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled:checked + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled:focus + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled.focus + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled:hover + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled.hover + .a-label::before, .m-form-field--radio .a-checkbox:disabled:checked + .a-label::before, .m-form-field--radio .a-checkbox:disabled:focus + .a-label::before, .m-form-field--radio .a-checkbox:disabled.focus + .a-label::before, .m-form-field--radio .a-checkbox:disabled:hover + .a-label::before, .m-form-field--radio .a-checkbox:disabled.hover + .a-label::before,\n.m-form-field--radio .a-radio:disabled:checked + .a-label::before,\n.m-form-field--radio .a-radio:disabled:focus + .a-label::before,\n.m-form-field--radio .a-radio:disabled.focus + .a-label::before,\n.m-form-field--radio .a-radio:disabled:hover + .a-label::before,\n.m-form-field--radio .a-radio:disabled.hover + .a-label::before {\n border-color: var(--gray-60);\n outline: none;\n box-shadow: none;\n}\n.m-form-field--checkbox .a-checkbox:disabled + .a-label,\n.m-form-field--checkbox .a-radio:disabled + .a-label, .m-form-field--radio .a-checkbox:disabled + .a-label,\n.m-form-field--radio .a-radio:disabled + .a-label {\n cursor: not-allowed;\n color: var(--gray-dark);\n}\n.m-form-field--checkbox .a-checkbox:disabled + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled + .a-label::before, .m-form-field--radio .a-checkbox:disabled + .a-label::before,\n.m-form-field--radio .a-radio:disabled + .a-label::before {\n background: var(--gray-10);\n border-color: var(--gray-60);\n}\n.m-form-field--checkbox .a-checkbox:focus + .a-label::before, .m-form-field--checkbox .a-checkbox.focus + .a-label::before {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--checkbox .a-checkbox:hover + .a-label::before, .m-form-field--checkbox .a-checkbox.hover + .a-label::before {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--checkbox .a-checkbox:checked + .a-label::before {\n background-image: url('data:image/svg+xml;charset=UTF-8,');\n background-size: auto 1.1875em;\n background-repeat: no-repeat;\n background-position: center 0;\n}\n.m-form-field--checkbox .a-checkbox:disabled:checked + .a-label::before {\n background-image: url('data:image/svg+xml;charset=UTF-8,');\n}\n.m-form-field--checkbox-error .a-label::before {\n border-color: var(--red);\n outline: 1px solid var(--red);\n}\n.m-form-field--checkbox-error .a-label:hover::before, .m-form-field--checkbox-error .a-label.hover::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-error .a-checkbox:hover + .a-label::before, .m-form-field--checkbox-error .a-checkbox.hover + .a-label::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-error .a-checkbox:focus + .a-label::before, .m-form-field--checkbox-error .a-checkbox.focus + .a-label::before {\n border-color: var(--red);\n box-shadow: 0 0 0 1px var(--red);\n outline-color: var(--red);\n}\n.m-form-field--checkbox-error .a-checkbox:focus + .a-label, .m-form-field--checkbox-error .a-checkbox.focus + .a-label {\n outline: 1px dotted var(--red);\n outline-offset: 1px;\n}\n.m-form-field--checkbox-warning .a-label::before {\n border-color: var(--gold);\n outline: 1px solid var(--gold);\n}\n.m-form-field--checkbox-warning .a-label:hover::before, .m-form-field--checkbox-warning .a-label.hover::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-warning .a-checkbox:hover + .a-label::before, .m-form-field--checkbox-warning .a-checkbox.hover + .a-label::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-warning .a-checkbox:focus + .a-label::before, .m-form-field--checkbox-warning .a-checkbox.focus + .a-label::before {\n border-color: var(--gold);\n box-shadow: 0 0 0 1px var(--gold);\n outline-color: var(--gold);\n}\n.m-form-field--checkbox-warning .a-checkbox:focus + .a-label, .m-form-field--checkbox-warning .a-checkbox.focus + .a-label {\n outline: 1px dotted var(--gold);\n outline-offset: 1px;\n}\n.m-form-field--checkbox-success .a-label::before {\n border-color: var(--green);\n outline: 1px solid var(--green);\n}\n.m-form-field--checkbox-success .a-label:hover::before, .m-form-field--checkbox-success .a-label.hover::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-success .a-checkbox:hover + .a-label::before, .m-form-field--checkbox-success .a-checkbox.hover + .a-label::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-success .a-checkbox:focus + .a-label::before, .m-form-field--checkbox-success .a-checkbox.focus + .a-label::before {\n border-color: var(--green);\n box-shadow: 0 0 0 1px var(--green);\n outline-color: var(--green);\n}\n.m-form-field--checkbox-success .a-checkbox:focus + .a-label, .m-form-field--checkbox-success .a-checkbox.focus + .a-label {\n outline: 1px dotted var(--green);\n outline-offset: 1px;\n}\n.m-form-field--radio .a-label::before {\n border-radius: 50%;\n /* The rotate is needed to fix a bug in Firefox where radio\n button was not centered. */\n transform: rotate(0deg);\n}\n.m-form-field--radio .a-radio:focus + .a-label::before, .m-form-field--radio .a-radio.focus + .a-label::before {\n outline: none;\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--radio .a-radio:hover + .a-label::before, .m-form-field--radio .a-radio.hover + .a-label::before {\n outline: none;\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--radio .a-radio:checked + .a-label::before {\n background-color: var(--pacific);\n box-shadow: inset 0 0 0 2px var(--white);\n}\n.m-form-field--radio .a-radio:checked:disabled + .a-label::before {\n background-color: var(--gray-40);\n box-shadow: inset 0 0 0 2px var(--gray-10);\n}\n.m-form-field--radio .a-radio:focus:checked + .a-label::before, .m-form-field--radio .a-radio.focus:checked + .a-label::before {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific), inset 0 0 0 2px var(--white);\n}\n.m-form-field--radio .a-radio:hover:checked + .a-label::before, .m-form-field--radio .a-radio.hover:checked + .a-label::before {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific), inset 0 0 0 2px var(--white);\n}\n.m-form-field--lg-target {\n display: block;\n}\n.m-form-field--lg-target .a-label {\n box-sizing: border-box;\n width: 100%;\n padding: 15px;\n background-color: var(--gray-10);\n}\n.m-form-field--lg-target .a-checkbox:checked + .a-label,\n.m-form-field--lg-target .a-radio:checked + .a-label {\n background-color: var(--pacific-20);\n box-shadow: inset 0 0 0 1px var(--pacific);\n}\n.m-form-field--lg-target .a-checkbox:hover + .a-label, .m-form-field--lg-target .a-checkbox.hover + .a-label, .m-form-field--lg-target .a-checkbox:focus + .a-label, .m-form-field--lg-target .a-checkbox.focus + .a-label,\n.m-form-field--lg-target .a-radio:hover + .a-label,\n.m-form-field--lg-target .a-radio.hover + .a-label,\n.m-form-field--lg-target .a-radio:focus + .a-label,\n.m-form-field--lg-target .a-radio.focus + .a-label {\n box-shadow: inset 0 0 0 2px var(--pacific);\n}\n.m-form-field--lg-target .a-checkbox:focus + .a-label, .m-form-field--lg-target .a-checkbox.focus + .a-label, .m-form-field--lg-target .a-checkbox:checked + .a-label,\n.m-form-field--lg-target .a-radio:focus + .a-label,\n.m-form-field--lg-target .a-radio.focus + .a-label,\n.m-form-field--lg-target .a-radio:checked + .a-label {\n outline-offset: 1px;\n}\n.m-form-field--lg-target .a-checkbox:disabled + .a-label, .m-form-field--lg-target .a-checkbox:checked:disabled + .a-label, .m-form-field--lg-target .a-checkbox:hover:disabled + .a-label,\n.m-form-field--lg-target .a-radio:disabled + .a-label,\n.m-form-field--lg-target .a-radio:checked:disabled + .a-label,\n.m-form-field--lg-target .a-radio:hover:disabled + .a-label {\n color: var(--gray-dark);\n box-shadow: none;\n background-color: var(--gray-20);\n}\n.m-form-field--lg-target .a-checkbox:checked:disabled + .a-label, .m-form-field--lg-target .a-checkbox:checked:disabled + .a-label::before,\n.m-form-field--lg-target .a-radio:checked:disabled + .a-label,\n.m-form-field--lg-target .a-radio:checked:disabled + .a-label::before {\n border: 1px solid var(--gray-60);\n}\n.m-form-field .a-form-alert {\n margin-top: 0.9375em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-label {\n display: inline-block;\n}\n.a-label__helper {\n color: var(--gray-dark);\n font-size: 1rem;\n font-weight: normal;\n}\n.a-label__helper--block {\n display: block;\n margin-top: 0.8333333333em;\n}\n.a-label--heading {\n display: block;\n margin-bottom: 0.5555555556em;\n font-size: 1.125em;\n font-weight: 500;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\np + .a-label--heading, ul + .a-label--heading, ol + .a-label--heading, dl + .a-label--heading, figure + .a-label--heading, img + .a-label--heading, table + .a-label--heading, blockquote + .a-label--heading, h1 + .a-label--heading, .h1 + .a-label--heading, h2 + .a-label--heading, .h2 + .a-label--heading, h3 + .a-label--heading, .h3 + .a-label--heading, h5 + .a-label--heading, .h5 + .a-label--heading, h6 + .a-label--heading, .h6 + .a-label--heading {\n margin-top: 1.6666666667em;\n}\n@media only all and (max-width: 37.5em) {\n .a-label--heading {\n margin-bottom: 0.625em;\n font-size: 1em;\n line-height: 1.125;\n }\n}\n.a-label--heading .a-label__helper--block {\n margin-top: 0.625rem;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-range {\n appearance: none;\n width: 100%;\n min-height: 49px;\n}\n.a-range::-webkit-slider-runnable-track {\n height: 0.6875rem;\n width: 100%;\n background-color: var(--gray-80);\n border: 1px solid var(--gray-40);\n border-radius: 8px;\n cursor: pointer;\n}\n.a-range::-moz-range-track {\n height: 0.6875rem;\n width: 100%;\n background-color: var(--gray-80);\n border: 1px solid var(--gray-40);\n border-radius: 8px;\n cursor: pointer;\n}\n.a-range::-webkit-slider-thumb {\n height: 2.8125rem;\n width: 2.8125rem;\n margin-top: -1.125rem;\n appearance: none;\n border: 1px solid var(--gray-40);\n border-radius: 50%;\n background-color: var(--gray-10);\n cursor: pointer;\n}\n.a-range::-moz-range-thumb {\n height: 2.8125rem;\n width: 2.8125rem;\n margin-top: -1.125rem;\n appearance: none;\n border: 1px solid var(--gray-40);\n border-radius: 50%;\n background-color: var(--gray-10);\n cursor: pointer;\n}\n.a-range:focus, .a-range.focus {\n box-shadow: none;\n outline: none;\n}\n.a-range:focus::-webkit-slider-thumb, .a-range.focus::-webkit-slider-thumb {\n background-color: var(--pacific-20);\n border: 2px solid var(--pacific);\n}\n.a-range:focus::-moz-range-thumb, .a-range.focus::-moz-range-thumb {\n background-color: var(--pacific-20);\n border: 2px solid var(--pacific);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-search-input {\n display: flex;\n flex-direction: column;\n row-gap: 0.9375rem;\n}\n.o-search-input__input {\n position: relative;\n display: flex;\n width: initial;\n flex: 0 1 100%;\n}\n.o-search-input__input-label {\n position: absolute;\n left: 10px;\n align-self: center;\n cursor: pointer;\n}\n.o-search-input__input input[type=search] {\n width: 100%;\n white-space: nowrap;\n padding-left: 30px;\n appearance: none;\n}\n.o-search-input__input button[type=reset] {\n display: none;\n position: absolute;\n right: 0;\n align-self: center;\n color: var(--gray-40);\n font-size: 20px;\n border: 1px solid transparent;\n background-color: transparent;\n outline: 0;\n width: 44px;\n padding: 5px;\n text-align: right;\n}\n.o-search-input__input button[type=reset] > svg {\n width: 25px;\n cursor: pointer;\n pointer-events: none;\n}\n.o-search-input__input button[type=reset]:hover {\n color: var(--black);\n}\n.o-search-input__input button[type=reset]:focus {\n color: var(--black);\n}\n.o-search-input__input button[type=reset]:focus > svg {\n outline: 1px dotted var(--pacific);\n}\n.o-search-input__input input[type=search]:placeholder-shown ~ button[type=reset] {\n display: none;\n}\n.o-search-input__input input[type=search]:not(:placeholder-shown) {\n padding-right: 34px;\n}\n.o-search-input__input input[type=search]::-webkit-search-decoration,\n.o-search-input__input input[type=search]::-webkit-search-cancel-button,\n.o-search-input__input input[type=search]::-webkit-search-results-button,\n.o-search-input__input input[type=search]::-webkit-search-results-decoration {\n display: none;\n}\n.o-search-input:focus-within button[type=reset], .o-search-input .o-search-input__input:hover button[type=reset] {\n display: block;\n}\n.o-search-input button[type=submit] {\n line-height: 1.1875;\n}\n@media only all and (min-width: 37.5625em) {\n .o-search-input {\n flex-direction: row;\n border-left: 0;\n }\n .o-search-input button[type=submit] {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n flex-basis: 25%;\n }\n}\n\n.no-js .o-search-input button[type=reset] {\n display: none !important;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-select {\n position: relative;\n border: 1px solid var(--gray-60);\n}\n.a-select select {\n width: 100%;\n line-height: 1.375;\n padding: 0.4375em 0.375em 0.375em;\n border: 0;\n appearance: none;\n background-color: var(--white);\n border-radius: 0;\n color: var(--black);\n}\n.a-select select:hover, .a-select select.hover {\n outline: 2px solid var(--pacific);\n outline-offset: 0;\n}\n.a-select select:active, .a-select select:focus, .a-select select.focus {\n box-shadow: 0 0 0 2px var(--pacific);\n outline: 1px dotted var(--pacific);\n outline-offset: 3px;\n}\n.a-select select[disabled] {\n color: var(--gray-dark);\n background-color: var(--gray-10);\n cursor: not-allowed;\n}\n.a-select select[disabled]:hover, .a-select select[disabled].hover, .a-select select[disabled]:focus, .a-select select[disabled].focus {\n outline: none;\n}\n.a-select select[disabled] option,\n.a-select select[disabled] option:disabled,\n.a-select select option:disabled {\n color: var(--gray-dark);\n}\n.a-select::after {\n width: 2.1875em;\n box-sizing: border-box;\n border-left: 1px solid var(--gray-60);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n background-color: var(--gray-10);\n background-image: url('data:image/svg+xml;charset=UTF-8,');\n background-size: auto 1.1875em;\n background-repeat: no-repeat;\n background-position: center center;\n content: \"\";\n pointer-events: none;\n}\n.a-select--disabled::after {\n background-image: url('data:image/svg+xml;charset=UTF-8,');\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.a-tag-filter {\n display: flex;\n gap: 0.625rem;\n border: 1px solid var(--teal);\n padding: 4px 6px;\n background-color: var(--teal-20);\n border-radius: 0.1875rem;\n color: var(--black);\n text-align: left;\n min-width: -moz-fit-content;\n min-width: fit-content;\n}\n.a-tag-filter:hover {\n background-color: var(--teal-40);\n cursor: pointer;\n}\n.a-tag-filter:focus {\n outline: 1px dotted var(--teal);\n outline-offset: 1px;\n}\n.a-tag-filter:active {\n background-color: var(--teal);\n}\n.a-tag-filter .cf-icon-svg {\n pointer-events: none;\n flex: none;\n}\n.a-tag-filter > label {\n display: contents;\n pointer-events: none;\n}\n\na.a-tag-filter {\n color: var(--black);\n border-color: var(--black);\n}\na.a-tag-filter:visited, a.a-tag-filter.visited {\n border-color: var(--black);\n color: var(--black);\n}\na.a-tag-filter:hover, a.a-tag-filter.hover {\n border-color: var(--black);\n color: var(--black);\n}\na.a-tag-filter:focus, a.a-tag-filter.focus {\n border-color: var(--black);\n color: var(--black);\n}\na.a-tag-filter:active, a.a-tag-filter.active {\n border-color: var(--black);\n color: var(--black);\n}\n\n.a-tag-topic {\n display: flex;\n gap: 0.3125rem;\n}\n\n.a-tag-topic {\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n color: var(--gold-80);\n letter-spacing: 1px;\n}\n.a-tag-topic .a-tag-topic__text {\n color: var(--gray);\n word-break: break-word;\n}\n@media only all and (max-width: 37.5em) {\n .a-tag-topic {\n position: relative;\n display: flex;\n align-items: center;\n gap: 0.3125rem;\n box-sizing: border-box;\n padding-top: 0.625em;\n padding-bottom: 0.625em;\n width: 100%;\n }\n .a-tag-topic .cf-icon-svg--right {\n margin-left: auto;\n }\n .a-tag-topic .a-tag-topic__text {\n border-bottom-width: 0;\n flex-shrink: 10;\n }\n}\n\na.a-tag-topic {\n border-color: var(--gold-80);\n color: var(--gold-80);\n border-color: var(--gold-80);\n}\na.a-tag-topic:visited, a.a-tag-topic.visited {\n border-color: var(--gold-80);\n color: var(--gold-80);\n}\na.a-tag-topic:hover, a.a-tag-topic.hover {\n border-color: var(--gold-80);\n color: var(--gold-80);\n}\na.a-tag-topic:focus, a.a-tag-topic.focus {\n border-color: var(--gold-80);\n color: var(--gold-80);\n}\na.a-tag-topic:active, a.a-tag-topic.active {\n border-color: var(--gold-80);\n color: var(--gold-80);\n}\na.a-tag-topic .a-tag-topic__text {\n border-bottom-color: var(--gold-80);\n}\n@media only all and (max-width: 37.5em) {\n a.a-tag-topic {\n border-top-width: 1px;\n border-bottom-width: 1px;\n }\n a.a-tag-topic:focus {\n outline: none;\n }\n a.a-tag-topic:focus::after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n outline: 1px dotted var(--gray);\n outline-offset: 2px;\n }\n}\n\n@media only all and (max-width: 37.5em) {\n li:has(.a-tag-topic) + li:has(.a-tag-topic) .a-tag-topic {\n position: relative;\n border-top: none;\n }\n li:has(.a-tag-topic) + li:has(.a-tag-topic) a.a-tag-topic:hover::before,\n li:has(.a-tag-topic) + li:has(.a-tag-topic) a.a-tag-topic:focus::before {\n position: absolute;\n top: -1px;\n content: \"\";\n display: block;\n height: 1px;\n width: 100%;\n border-top: 1px solid currentcolor;\n }\n}\n.a-tag-topic__bullet {\n font-size: 1rem;\n line-height: 1rem;\n}\n\n@media only all and (min-width: 37.5625em) {\n a.a-tag-topic__text {\n color: var(--gray);\n border-color: var(--gray);\n }\n a.a-tag-topic__text:visited, a.a-tag-topic__text.visited {\n border-color: var(--gray);\n color: var(--gray);\n }\n a.a-tag-topic__text:hover, a.a-tag-topic__text.hover {\n border-color: var(--gray);\n color: var(--gray);\n }\n a.a-tag-topic__text:focus, a.a-tag-topic__text.focus {\n border-color: var(--gray);\n color: var(--gray);\n }\n a.a-tag-topic__text:active, a.a-tag-topic__text.active {\n border-color: var(--gray);\n color: var(--gray);\n }\n a.a-tag-topic,\n a.a-tag-topic:visited,\n a.a-tag-topic:hover,\n a.a-tag-topic:focus,\n a.a-tag-topic:active {\n border-bottom: none;\n outline-offset: 1px;\n }\n a.a-tag-topic .a-tag-topic__text,\n a.a-tag-topic:visited .a-tag-topic__text,\n a.a-tag-topic:hover .a-tag-topic__text,\n a.a-tag-topic:focus .a-tag-topic__text,\n a.a-tag-topic:active .a-tag-topic__text {\n padding-bottom: 1px;\n border-bottom: 1px dotted var(--gold-80);\n }\n a.a-tag-topic:hover .a-tag-topic__text {\n border-bottom: 1px solid var(--gold-80);\n }\n a.a-tag-topic:focus {\n outline-color: var(--gray);\n }\n a.a-tag-topic:focus .a-tag-topic__text {\n border-bottom-style: solid !important;\n }\n}\n.m-tag-group {\n padding-left: 0;\n list-style-type: none;\n}\n.m-tag-group li {\n margin-bottom: 0;\n display: contents;\n}\n@media only all and (min-width: 37.5625em) {\n .m-tag-group {\n display: flex;\n gap: 0.9375em;\n flex-wrap: wrap;\n }\n .m-tag-group--stacked {\n flex-direction: column;\n width: -moz-fit-content;\n width: fit-content;\n }\n}\n.m-tag-group:has(.a-tag-filter) {\n display: flex;\n gap: 0.9375em;\n flex-wrap: wrap;\n}\n\nhtml[lang=ar] .m-tag-group {\n direction: rtl;\n padding-right: 0;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-text-input {\n appearance: none;\n display: inline-block;\n padding: 0.4375em;\n border: 1px solid var(--gray-60);\n background: var(--white);\n color: var(--black);\n}\n.a-text-input:hover, .a-text-input.hover {\n border-color: var(--pacific);\n outline: 1px solid var(--pacific);\n}\n.a-text-input:focus, .a-text-input.focus {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n outline: 1px dotted var(--pacific);\n outline-offset: 2px;\n}\n.a-text-input:disabled, .a-text-input:disabled:hover, .a-text-input:disabled.hover, .a-text-input:disabled:focus, .a-text-input:disabled.focus {\n color: var(--gray-dark);\n background-color: var(--gray-10);\n cursor: not-allowed;\n border-color: var(--gray-60);\n outline: none;\n}\n.a-text-input--error {\n border-color: var(--red);\n outline: 1px solid var(--red);\n}\n.a-text-input--error:hover, .a-text-input--error.hover {\n border-color: var(--red-dark);\n outline: 1px solid var(--red-dark);\n outline-offset: 0;\n}\n.a-text-input--error:focus, .a-text-input--error.focus {\n border-color: var(--red);\n box-shadow: 0 0 0 1px var(--red);\n outline: 1px dotted var(--red);\n}\n.a-text-input--error:focus:hover, .a-text-input--error:focus.hover, .a-text-input--error.focus:hover, .a-text-input--error.focus.hover {\n border-color: var(--red);\n box-shadow: 0 0 0 1px var(--red);\n outline: 1px dotted var(--red);\n outline-offset: 2px;\n}\n.a-text-input--warning {\n border-color: var(--gold);\n outline: 1px solid var(--gold);\n}\n.a-text-input--warning:hover, .a-text-input--warning.hover {\n border-color: var(--gold-dark);\n outline: 1px solid var(--gold-dark);\n outline-offset: 0;\n}\n.a-text-input--warning:focus, .a-text-input--warning.focus {\n border-color: var(--gold);\n box-shadow: 0 0 0 1px var(--gold);\n outline: 1px dotted var(--gold);\n}\n.a-text-input--warning:focus:hover, .a-text-input--warning:focus.hover, .a-text-input--warning.focus:hover, .a-text-input--warning.focus.hover {\n border-color: var(--gold);\n box-shadow: 0 0 0 1px var(--gold);\n outline: 1px dotted var(--gold);\n outline-offset: 2px;\n}\n.a-text-input--success {\n border-color: var(--green);\n outline: 1px solid var(--green);\n}\n.a-text-input--success:hover, .a-text-input--success.hover {\n border-color: var(--green-dark);\n outline: 1px solid var(--green-dark);\n outline-offset: 0;\n}\n.a-text-input--success:focus, .a-text-input--success.focus {\n border-color: var(--green);\n box-shadow: 0 0 0 1px var(--green);\n outline: 1px dotted var(--green);\n}\n.a-text-input--success:focus:hover, .a-text-input--success:focus.hover, .a-text-input--success.focus:hover, .a-text-input--success.focus.hover {\n border-color: var(--green);\n box-shadow: 0 0 0 1px var(--green);\n outline: 1px dotted var(--green);\n outline-offset: 2px;\n}\n\n::-webkit-search-decoration {\n appearance: none;\n}\n\n::placeholder {\n color: var(--gray-dark);\n}\n\ninput[type=date]::-webkit-datetime-edit {\n color: var(--gray-dark);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}", "/* ==========================================================================\n Design System\n Breakpoint JavaScript variables.\n All values are pixel based.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.scss as well.\n ========================================================================== */\n\nexport const varsBreakpoints = {\n bpXS: {\n min: 0,\n max: 600,\n },\n bpSM: {\n min: 601,\n max: 900,\n },\n bpMED: {\n min: 901,\n max: 1020,\n },\n bpLG: {\n min: 1021,\n max: 1200,\n },\n bpXL: {\n min: 1201,\n },\n};\n", "/* ==========================================================================\n Get Breakpoint State\n ========================================================================== */\n\nimport { varsBreakpoints } from '../abstracts/vars-breakpoints.js';\n\n/**\n * @returns {number} The base font size set on the body element.\n */\nfunction _getBodyBaseFontSize() {\n let fontSize = getComputedStyle(document.body).fontSize;\n fontSize = fontSize === '' ? -1 : fontSize;\n return parseFloat(fontSize);\n}\n\n/**\n * @param {object} breakpointRange - Object containing breakpoint constants.\n * For example, for `bpXS` the value `{ min: 0, max: 600 }` would be passed.\n * @param {number} width - Current window width.\n * @returns {boolean} Whether the passed width is within a breakpoint range.\n */\nfunction _inBreakpointRange(breakpointRange, width) {\n let breakpointRangeMin = breakpointRange.min;\n let breakpointRangeMax = breakpointRange.max;\n\n // Whether the user has set a custom size for the font in their browser.\n const useEmsConversation =\n _getBodyBaseFontSize() > 0 && _getBodyBaseFontSize() !== 16;\n if (useEmsConversation) {\n /* 16 = base font size without adjustments.\n The CSS converts breakpoints to ems, which then change the width of the\n pixel width of the breakpoint. In JavaScript, the breakpoints are defined\n in pixels, so we first convert them to ems using the 16px base font size\n and then multiply them by any adjustments set by customizations of the\n font size in the user's browser. */\n breakpointRangeMin = (breakpointRangeMin / 16) * _getBodyBaseFontSize();\n breakpointRangeMax = (breakpointRangeMax / 16) * _getBodyBaseFontSize();\n }\n\n const min = breakpointRangeMin || 0;\n const max = breakpointRangeMax || Number.POSITIVE_INFINITY;\n\n return min <= width && width <= max;\n}\n\n/**\n * @param {number} width - Current window width.\n * @returns {object} An object literal with boolean\n * bpXS, bpSM, bpMED, bpLG, bpXL properties.\n */\nfunction getBreakpointState(width) {\n const breakpointState = {};\n width = width || window.innerWidth;\n\n let rangeKey;\n // eslint-disable-next-line guard-for-in\n for (rangeKey in varsBreakpoints) {\n breakpointState[rangeKey] = _inBreakpointRange(\n varsBreakpoints[rangeKey],\n width,\n );\n }\n\n return breakpointState;\n}\n\n// Constants for breakpoint groupings.\nconst MOBILE = 'mobile';\nconst TABLET = 'tablet';\nconst DESKTOP = 'desktop';\n\n/**\n * Checks whether the current breakpoint is in a particular breakpoint group.\n * @param {string} breakpointGroup - Breakpoint group names.\n * @returns {boolean} True if in the breakpoint group, otherwise false.\n */\nfunction viewportIsIn(breakpointGroup) {\n let response = false;\n const currentBreakpoint = getBreakpointState();\n\n if (\n (breakpointGroup === MOBILE && currentBreakpoint.bpXS) ||\n (breakpointGroup === TABLET && currentBreakpoint.bpSM) ||\n (breakpointGroup === DESKTOP &&\n (currentBreakpoint.bpMED ||\n currentBreakpoint.bpLG ||\n currentBreakpoint.bpXL))\n ) {\n response = true;\n }\n\n return response;\n}\n\n// Expose public methods.\nexport { MOBILE, TABLET, DESKTOP, getBreakpointState, viewportIsIn };\n", "/**\n * @constant\n * @type {string}\n * @description\n * Constant for the name of the data-* attribute set on\n * HTML DOM elements for access by JavaScript.\n */\nconst JS_HOOK = 'data-js-hook';\n\n/**\n * @constant\n * @type {string}\n * @description\n * Flag prefix for settings that describe what JavaScript\n * behaviors should be attached to a component.\n * This would be set in the markup and initialized when\n * the JavaScript loads.\n * @example\n * A component may flag that it has certain JavaScript behaviors attached,\n * such as:\n * `data-js-hook=\"behavior_flyout-menu behavior_clearable-input\"`,\n * which defines that two scripts (FlyoutMenu) and (ClearableInput)\n * should access this DOM element and initialize its behaviors.\n */\nconst BEHAVIOR_PREFIX = 'behavior_';\n\n/**\n * @constant\n * @type {string}\n * @description\n * Flag prefix for settings related to changes in a components\n * state set in the data-* JavaScript hook.\n * @example\n * A component may flag that it has been initialized by setting\n * `data-js-hook=\"state_atomic_init\"` after page load.\n * Which specifies that the init method of a atomic constructor\n * has been called, such as\n * `var globalSearch = new GlobalSearch( 'm-global-search' ).init()`.\n */\nconst STATE_PREFIX = 'state_';\n\nexport { JS_HOOK, BEHAVIOR_PREFIX, STATE_PREFIX };\n", "/**\n * EventObserver\n * @class\n * @classdesc Used to create an object\n * that can dispatch and listen to custom events.\n * @returns {object} An EventObserver instance.\n */\nfunction EventObserver() {\n // The events registered on this instance.\n const _events = {};\n\n /**\n * Register an event listener.\n * @param {string} event - The event name to listen for.\n * @param {Function} callback - The function called when the event has fired.\n * @returns {object} The instance this EventObserver instance is decorating.\n */\n function addEventListener(event, callback) {\n if ({}.hasOwnProperty.call(_events, event)) {\n _events[event].push(callback);\n } else {\n _events[event] = [callback];\n }\n\n return this;\n }\n\n /**\n * Remove an added event listener.\n * Must match a call made to addEventListener.\n * @param {string} event - The event name to remove.\n * @param {Function} callback - The function attached to the event.\n * @returns {object} The instance this EventObserver instance is decorating.\n */\n function removeEventListener(event, callback) {\n if (!{}.hasOwnProperty.call(_events, event)) {\n return this;\n }\n\n const index = _events[event].indexOf(callback);\n // Check if there are any callbacks associated with a particular event.\n if (index !== -1) {\n _events[event].splice(index, 1);\n }\n\n return this;\n }\n\n /**\n * Broadcast an event.\n * @param {string} event - The type of event to broadcast.\n * @param {object} options - The event object to pass to the event handler.\n * @returns {object} The instance this EventObserver instance is decorating.\n */\n function dispatchEvent(event, options) {\n if (!{}.hasOwnProperty.call(_events, event)) {\n return this;\n }\n\n options = options || {};\n\n const evts = _events[event];\n for (let i = 0, len = evts.length; i < len; i++) {\n evts[i].call(this, options);\n }\n\n return this;\n }\n\n this.addEventListener = addEventListener;\n this.removeEventListener = removeEventListener;\n this.dispatchEvent = dispatchEvent;\n this.getRegisteredEvents = () => _events;\n\n return this;\n}\n\nexport { EventObserver };\n", "import { JS_HOOK } from './standard-type.js';\n\n/**\n * @param {HTMLElement} element - DOM element.\n * @param {string} value - Value to check as existing as a JS data-* hook value.\n * @returns {boolean} True if the data-* hook value exists, false otherwise.\n */\nfunction contains(element, value) {\n if (!element) {\n return false;\n }\n let values = element.getAttribute(JS_HOOK);\n // If JS data-* hook is not set return immediately.\n if (!values) {\n return false;\n }\n values = values.split(' ');\n\n return values.indexOf(value) > -1 ? true : false;\n}\n\n/**\n * @param {HTMLElement} element - DOM element.\n * @param {string} value - Value to add to the element's JS data-* hook.\n * @returns {string} The value that was added.\n * @throws {Error} If supplied value contains a space,\n * meaning it would be two values, which is likely a typo.\n */\nfunction add(element, value) {\n if (contains(element, value)) return value;\n\n if (value.indexOf(' ') !== -1) {\n const msg = JS_HOOK + ' values cannot contain spaces!';\n throw new Error(msg);\n }\n\n const values = element.getAttribute(JS_HOOK);\n if (values !== null) {\n value = values + ' ' + value;\n }\n element.setAttribute(JS_HOOK, value);\n\n return value;\n}\n\nexport { add, contains };\n", "/* ==========================================================================\n Atomic Helpers.\n Utilities for helping validate atomic design element architecture.\n In descending order of scope, atomic components are:\n - Page\n - Template\n - Organism\n - Molecule\n - Atom\n ========================================================================= */\n\nimport { add, contains } from './data-hook.js';\nimport { STATE_PREFIX } from './standard-type.js';\n\n/**\n * @constant\n * @type {string}\n * @description\n * Flag that gets set on an atomic component after its .init()\n * method has been called. This is used so that an atomic\n * component won't get initialized a second time after it\n * has already been initialized.\n */\nconst INIT_FLAG = STATE_PREFIX + 'atomic_init';\n\n/**\n * @param {HTMLElement} element - The DOM element within which to search for\n * the atomic element class.\n * @param {string} baseClass - The CSS class name for the atomic element.\n * @returns {HTMLElement} The DOM element for the atomic element.\n * @throws {Error} If DOM element passed into the atomic element is not valid.\n */\nfunction _verifyElementExists(element, baseClass) {\n if (!element || !element.classList) {\n const msg =\n element +\n ' is not valid. ' +\n 'Check that element is a DOM node with class \"' +\n baseClass +\n '\"';\n throw new Error(msg);\n }\n\n return element;\n}\n\n/**\n * @param {HTMLElement} element - The DOM element within which to search\n * for the atomic element class.\n * @param {string} baseClass - The CSS class name for the atomic element.\n * @returns {HTMLElement} The DOM element for the atomic element.\n * @throws {Error} If baseClass was not found on the element.\n */\nfunction _verifyClassExists(element, baseClass) {\n const dom = element.classList.contains(baseClass)\n ? element\n : element.querySelector('.' + baseClass);\n if (!dom) {\n const msg = baseClass + ' not found on or in passed DOM node.';\n throw new Error(msg);\n }\n\n return dom;\n}\n\n/**\n * Check that a particular element passed into the constructor of\n * an atomic component exists and that the correct atomic class\n * is present on the element.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the atomic element class.\n * @param {string} baseClass - The CSS class name for the atomic element.\n * @returns {HTMLElement} The DOM element for the atomic element.\n * @throws {Error} If DOM element passed into the atomic element is not valid.\n */\nfunction checkDom(element, baseClass) {\n _verifyElementExists(element, baseClass);\n const dom = _verifyClassExists(element, baseClass);\n\n return dom;\n}\n\n/**\n * Set a flag on an atomic component when it is initialized.\n * Use the returned boolean to handle cases where an atomic component\n * is initializing when it has already been initialized elsewhere.\n * @param {HTMLElement} element - The DOM element for the atomic component.\n * @returns {boolean} True if the init data-js-* hook attribute was set,\n * false otherwise.\n */\nfunction setInitFlag(element) {\n if (contains(element, INIT_FLAG)) {\n return false;\n }\n\n add(element, INIT_FLAG);\n\n return true;\n}\n\n/**\n * @param {string} selector - Selector to search for in the document.\n * @param {Function} Constructor - A constructor function.\n * @param {HTMLElement} [scope] - A dom node in which to query the selector.\n * If not supplied, it defaults to the `document`.\n * @param {object} config - Configuration will be provided to the Constructor's init()\n * @returns {Array} List of instances that were instantiated.\n */\nfunction instantiateAll(selector, Constructor, scope, config = {}) {\n const base = scope || document;\n const elements = base.querySelectorAll(selector);\n const insts = [];\n let inst;\n let element;\n for (let i = 0, len = elements.length; i < len; i++) {\n element = elements[i];\n if (contains(element, INIT_FLAG) === false) {\n inst = new Constructor(element);\n inst.init(config);\n insts.push(inst);\n }\n }\n return insts;\n}\n\n// Expose public methods.\nexport { checkDom, instantiateAll, setInitFlag };\n", "@charset \"UTF-8\";\n/*! normalize.css v2.1.3 | MIT License | git.io/normalize */\n/* ==========================================================================\n Base\n ========================================================================== */\n/**\n * 1. Set default font family to sans-serif.\n * 2. Prevent iOS text size adjust after orientation change, without disabling\n * user zoom.\n */\nhtml {\n font-family: sans-serif; /* 1 */\n -webkit-text-size-adjust: 100%;\n text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove default margin.\n */\nbody {\n margin: 0;\n}\n\n/* ==========================================================================\n Links\n ========================================================================== */\n/**\n * Address `outline` inconsistency between Chrome and other browsers.\n */\na:focus {\n outline: thin dotted;\n}\n\n/**\n * Improve readability when focused and also mouse hovered in all browsers.\n */\na:active,\na:hover {\n outline: 0;\n}\n\n/* ==========================================================================\n Typography\n ========================================================================== */\n/**\n * Address variable `h1` font-size and margin within `section` and `article`\n * contexts in Firefox 4+, Safari 5, and Chrome.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n box-sizing: content-box;\n height: 0;\n}\n\n/**\n * Correct font family set oddly in Safari 5 and Chrome.\n */\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, serif;\n font-size: 1em;\n}\n\n/**\n * Improve readability of pre-formatted text in all browsers.\n */\npre {\n white-space: pre-wrap;\n}\n\n/**\n * Set consistent quote types.\n */\nq {\n quotes: \"\u201C\" \"\u201D\" \"\u2018\" \"\u2019\";\n}\n\n/**\n * Address inconsistent and variable font size in all browsers.\n */\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -0.5em;\n}\n\nsub {\n bottom: -0.25em;\n}\n\n/* ==========================================================================\n Figures\n ========================================================================== */\n/**\n * Address margin not present in IE 8/9 and Safari 5.\n */\nfigure {\n margin: 0;\n}\n\n/* ==========================================================================\n Forms\n ========================================================================== */\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n\n/**\n * 1. Correct `color` not being inherited in IE 8/9.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n border: 0; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * 1. Correct font family not being inherited in all browsers.\n * 2. Correct font size not being inherited in all browsers.\n * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.\n */\nbutton,\ninput,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 2 */\n margin: 0; /* 3 */\n}\n\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.\n */\nbutton,\ninput {\n line-height: normal;\n}\n\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.\n * Correct `select` style inheritance in Firefox 4+ and Opera.\n */\nbutton,\nselect {\n text-transform: none;\n}\n\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n * and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type\n * `input` and others.\n */\nbutton,\nhtml input[type=button],\ninput[type=reset],\ninput[type=submit] {\n appearance: button; /* 2 */\n cursor: pointer; /* 3 */\n}\n\n/**\n * Re-set default cursor for disabled elements.\n */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n\n/**\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type=checkbox],\ninput[type=radio] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome.\n */\ninput[type=search] {\n appearance: textfield; /* 1 */\n box-sizing: content-box; /* 2 */\n}\n\n/**\n * Remove inner padding and search cancel button in Safari 5 and Chrome\n * on OS X.\n */\ninput[type=search]::-webkit-search-cancel-button,\ninput[type=search]::-webkit-search-decoration {\n appearance: none;\n}\n\n/**\n * Remove inner padding and border in Firefox 4+.\n */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n/**\n * 1. Remove default vertical scrollbar in IE 8/9.\n * 2. Improve readability and alignment in all browsers.\n */\ntextarea {\n overflow: auto; /* 1 */\n vertical-align: top; /* 2 */\n}\n\n/* ==========================================================================\n Tables\n ========================================================================== */\n/**\n * Remove most spacing between table cells.\n */\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\nbody {\n color: var(--black);\n font-family: var(--font-stack);\n font-size: 100%;\n line-height: 1.375;\n -webkit-font-smoothing: antialiased;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n font-family: var(--font-stack);\n}\n\nstrong,\nb {\n font-weight: 600;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n}\n\nh1,\n.h1 {\n font-size: 2.125em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.4411764706em;\n}\np + h1, ul + h1, ol + h1, dl + h1, figure + h1, img + h1, table + h1, blockquote + h1,\np + .h1,\nul + .h1,\nol + .h1,\ndl + .h1,\nfigure + .h1,\nimg + .h1,\ntable + .h1,\nblockquote + .h1 {\n margin-top: 1.7647058824em;\n}\n@media only all and (max-width: 37.5em) {\n p + h1, ul + h1, ol + h1, dl + h1, figure + h1, img + h1, table + h1, blockquote + h1,\n p + .h1,\n ul + .h1,\n ol + .h1,\n dl + .h1,\n figure + .h1,\n img + .h1,\n table + .h1,\n blockquote + .h1 {\n margin-top: 1.7307692308em;\n }\n h2 + h1, .h2 + h1, h3 + h1, .h3 + h1, h4 + h1, .h4 + h1, h5 + h1, .h5 + h1, h6 + h1, .h6 + h1,\n h2 + .h1,\n .h2 + .h1,\n h3 + .h1,\n .h3 + .h1,\n h4 + .h1,\n .h4 + .h1,\n h5 + .h1,\n .h5 + .h1,\n h6 + .h1,\n .h6 + .h1 {\n margin-top: 1.1538461538em;\n }\n}\n@media only all and (max-width: 37.5em) {\n h1,\n .h1 {\n font-size: 1.625em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n }\n p + h1, ul + h1, ol + h1, dl + h1, figure + h1, img + h1, table + h1, blockquote + h1,\n p + .h1,\n ul + .h1,\n ol + .h1,\n dl + .h1,\n figure + .h1,\n img + .h1,\n table + .h1,\n blockquote + .h1 {\n margin-top: 1.7307692308em;\n }\n h1 + h1, .h1 + h1, h3 + h1, .h3 + h1, h4 + h1, .h4 + h1, h5 + h1, .h5 + h1, h6 + h1, .h6 + h1,\n h1 + .h1,\n .h1 + .h1,\n h3 + .h1,\n .h3 + .h1,\n h4 + .h1,\n .h4 + .h1,\n h5 + .h1,\n .h5 + .h1,\n h6 + .h1,\n .h6 + .h1 {\n margin-top: 1.1538461538em;\n }\n}\n\nh2,\n.h2 {\n font-size: 1.625em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n}\np + h2, ul + h2, ol + h2, dl + h2, figure + h2, img + h2, table + h2, blockquote + h2,\np + .h2,\nul + .h2,\nol + .h2,\ndl + .h2,\nfigure + .h2,\nimg + .h2,\ntable + .h2,\nblockquote + .h2 {\n margin-top: 1.7307692308em;\n}\nh1 + h2, .h1 + h2, h3 + h2, .h3 + h2, h4 + h2, .h4 + h2, h5 + h2, .h5 + h2, h6 + h2, .h6 + h2,\nh1 + .h2,\n.h1 + .h2,\nh3 + .h2,\n.h3 + .h2,\nh4 + .h2,\n.h4 + .h2,\nh5 + .h2,\n.h5 + .h2,\nh6 + .h2,\n.h6 + .h2 {\n margin-top: 1.1538461538em;\n}\n@media only all and (max-width: 37.5em) {\n p + h2, ul + h2, ol + h2, dl + h2, figure + h2, img + h2, table + h2, blockquote + h2,\n p + .h2,\n ul + .h2,\n ol + .h2,\n dl + .h2,\n figure + .h2,\n img + .h2,\n table + .h2,\n blockquote + .h2 {\n margin-top: 1.3636363636em;\n }\n}\n@media only all and (max-width: 37.5em) {\n h2,\n .h2 {\n font-size: 1.375em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n }\n p + h2, ul + h2, ol + h2, dl + h2, figure + h2, img + h2, table + h2, blockquote + h2, h1 + h2, .h1 + h2, h2 + h2, .h2 + h2, h4 + h2, .h4 + h2, h5 + h2, .h5 + h2, h6 + h2, .h6 + h2,\n p + .h2,\n ul + .h2,\n ol + .h2,\n dl + .h2,\n figure + .h2,\n img + .h2,\n table + .h2,\n blockquote + .h2,\n h1 + .h2,\n .h1 + .h2,\n h2 + .h2,\n .h2 + .h2,\n h4 + .h2,\n .h4 + .h2,\n h5 + .h2,\n .h5 + .h2,\n h6 + .h2,\n .h6 + .h2 {\n margin-top: 1.3636363636em;\n }\n}\n\nh3,\n.h3 {\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n}\np + h3, ul + h3, ol + h3, dl + h3, figure + h3, img + h3, table + h3, blockquote + h3, h1 + h3, .h1 + h3, h2 + h3, .h2 + h3, h4 + h3, .h4 + h3, h5 + h3, .h5 + h3, h6 + h3, .h6 + h3,\np + .h3,\nul + .h3,\nol + .h3,\ndl + .h3,\nfigure + .h3,\nimg + .h3,\ntable + .h3,\nblockquote + .h3,\nh1 + .h3,\n.h1 + .h3,\nh2 + .h3,\n.h2 + .h3,\nh4 + .h3,\n.h4 + .h3,\nh5 + .h3,\n.h5 + .h3,\nh6 + .h3,\n.h6 + .h3 {\n margin-top: 1.3636363636em;\n}\n@media only all and (max-width: 37.5em) {\n h3,\n .h3 {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.8333333333em;\n }\n p + h3, ul + h3, ol + h3, dl + h3, figure + h3, img + h3, table + h3, blockquote + h3, h1 + h3, .h1 + h3, h2 + h3, .h2 + h3, h3 + h3, .h3 + h3, h5 + h3, .h5 + h3, h6 + h3, .h6 + h3,\n p + .h3,\n ul + .h3,\n ol + .h3,\n dl + .h3,\n figure + .h3,\n img + .h3,\n table + .h3,\n blockquote + .h3,\n h1 + .h3,\n .h1 + .h3,\n h2 + .h3,\n .h2 + .h3,\n h3 + .h3,\n .h3 + .h3,\n h5 + .h3,\n .h5 + .h3,\n h6 + .h3,\n .h6 + .h3 {\n margin-top: 1.6666666667em;\n }\n}\n\nh4,\n.h4 {\n font-size: 1.125em;\n font-weight: 500;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.8333333333em;\n}\np + h4, ul + h4, ol + h4, dl + h4, figure + h4, img + h4, table + h4, blockquote + h4, h1 + h4, .h1 + h4, h2 + h4, .h2 + h4, h3 + h4, .h3 + h4, h5 + h4, .h5 + h4, h6 + h4, .h6 + h4,\np + .h4,\nul + .h4,\nol + .h4,\ndl + .h4,\nfigure + .h4,\nimg + .h4,\ntable + .h4,\nblockquote + .h4,\nh1 + .h4,\n.h1 + .h4,\nh2 + .h4,\n.h2 + .h4,\nh3 + .h4,\n.h3 + .h4,\nh5 + .h4,\n.h5 + .h4,\nh6 + .h4,\n.h6 + .h4 {\n margin-top: 1.6666666667em;\n}\n@media only all and (max-width: 37.5em) {\n h4,\n .h4 {\n margin-bottom: 0.625em;\n font-size: 1em;\n line-height: 1.125;\n }\n}\n\nh5,\n.h5 {\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.0714285714em;\n}\np + h5, ul + h5, ol + h5, dl + h5, figure + h5, img + h5, table + h5, blockquote + h5, h1 + h5, .h1 + h5, h2 + h5, .h2 + h5, h3 + h5, .h3 + h5, h4 + h5, .h4 + h5, h6 + h5, .h6 + h5,\np + .h5,\nul + .h5,\nol + .h5,\ndl + .h5,\nfigure + .h5,\nimg + .h5,\ntable + .h5,\nblockquote + .h5,\nh1 + .h5,\n.h1 + .h5,\nh2 + .h5,\n.h2 + .h5,\nh3 + .h5,\n.h3 + .h5,\nh4 + .h5,\n.h4 + .h5,\nh6 + .h5,\n.h6 + .h5 {\n margin-top: 2.1428571429em;\n}\n\nh6,\n.h6 {\n font-size: 0.75em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.25em;\n}\np + h6, ul + h6, ol + h6, dl + h6, figure + h6, img + h6, table + h6, blockquote + h6, h1 + h6, .h1 + h6, h2 + h6, .h2 + h6, h3 + h6, .h3 + h6, h4 + h6, .h4 + h6, h5 + h6, .h5 + h6,\np + .h6,\nul + .h6,\nol + .h6,\ndl + .h6,\nfigure + .h6,\nimg + .h6,\ntable + .h6,\nblockquote + .h6,\nh1 + .h6,\n.h1 + .h6,\nh2 + .h6,\n.h2 + .h6,\nh3 + .h6,\n.h3 + .h6,\nh4 + .h6,\n.h4 + .h6,\nh5 + .h6,\n.h5 + .h6 {\n margin-top: 2.5em;\n}\n\n.lead-paragraph {\n margin-top: 0;\n margin-bottom: 15px;\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n@media only all and (max-width: 37.5em) {\n .lead-paragraph {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n }\n}\n\n.superheading {\n margin-bottom: 0.4166666667em;\n font-size: 3em;\n font-weight: normal;\n line-height: 1.25;\n}\n\np,\nul,\nol,\ndl,\nfigure,\ntable,\nblockquote {\n margin-top: 0;\n margin-bottom: 0.9375em;\n}\np:last-child,\nul:last-child,\nol:last-child,\ndl:last-child,\nfigure:last-child,\ntable:last-child,\nblockquote:last-child {\n margin-bottom: 0;\n}\n\np + ul,\np + ol {\n margin-top: -0.3125em;\n}\n\nul ul,\nol ol,\nul ol,\nol ul {\n margin-top: 0.5em;\n}\n\nli {\n margin-bottom: 0.5em;\n}\nli:last-child, nav li {\n margin-bottom: 0;\n}\n\na {\n border-width: 0;\n border-style: dotted;\n border-color: var(--pacific);\n color: var(--pacific);\n text-decoration: none;\n}\na:visited, a.visited {\n border-color: var(--teal);\n color: var(--teal);\n}\na:hover, a.hover {\n border-style: solid;\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\na:focus, a.focus {\n border-style: solid;\n outline: thin dotted;\n outline-offset: 1px;\n}\na:active, a.active {\n border-style: solid;\n border-color: var(--navy);\n color: var(--navy);\n}\n\np a,\nli a,\ndd a {\n border-bottom-width: 1px;\n}\n\nnav a {\n border-bottom-width: 0;\n}\n\nul {\n padding-left: 1.125em;\n list-style: square;\n}\n\nul ul {\n list-style-type: circle;\n}\n\nol {\n padding-left: 1.3125em;\n}\nol li:nth-last-child(n+10),\nol li:nth-last-child(n+10) ~ li {\n margin-left: 0.5625rem;\n}\n\nol ol {\n list-style-type: lower-alpha;\n}\nol ol li {\n margin-left: 0 !important;\n}\n\nol ol ol {\n list-style-type: lower-roman;\n}\n\nnav ul,\nnav ol,\nnav ul ul,\nnav ol ol {\n list-style: none;\n list-style-image: none;\n}\n\ncaption {\n margin-bottom: 0.625em;\n text-align: left;\n}\n\nth,\ntd {\n padding: 0.625em;\n}\nthead th,\nthead td {\n padding: 0.7142857143em;\n background: var(--gray-5);\n color: var(--black);\n font-size: 1em;\n vertical-align: top;\n}\n\nthead,\ntbody tr {\n border-bottom: 1px solid var(--gray);\n}\n\nth {\n font-weight: 600;\n text-align: left;\n}\nthead th h2,\nthead th .h2,\nthead th h3,\nthead th .h3,\nthead th h4,\nthead th .h4,\nthead th h5,\nthead th .h5,\nthead th h6,\nthead th .h6 {\n margin: 0;\n font-size: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n text-transform: inherit;\n}\n\nblockquote {\n margin-right: 0.9375em;\n margin-left: 0.9375em;\n}\n@media only all and (min-width: 37.5625em) {\n blockquote {\n margin-right: 1.875em;\n margin-left: 1.875em;\n }\n}\n\nimg {\n max-width: 100%;\n}\n\nfigure {\n margin-right: 0;\n margin-left: 0;\n}\nfigure img {\n vertical-align: middle;\n}\n\npre,\ncode {\n background: var(--gray-5);\n border-radius: 4px;\n color: var(--black);\n font-family: \"Input Mono\", Consolas, Monaco, \"Courier New\", monospace;\n}\n\ncode {\n padding: 0.2307692308em 0.2307692308em 0;\n font-size: 0.8125em;\n}\n\npre {\n display: block;\n padding: 0.625em 0.9375em;\n white-space: pre-wrap;\n overflow-wrap: break-word;\n}\npre code {\n padding: 0;\n background-color: transparent;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\nbutton.a-btn::-moz-focus-inner,\ninput.a-btn::-moz-focus-inner {\n border: 0;\n}\n\n.a-btn {\n appearance: none;\n display: inline-block;\n box-sizing: border-box;\n padding: 0.5em 0.875em;\n border: 0;\n margin: 0;\n border-radius: 0.25em;\n cursor: pointer;\n font-size: 1em;\n font-weight: 500;\n line-height: normal;\n text-align: center;\n text-decoration: none;\n transition: background-color 0.1s;\n}\n.a-btn, .a-btn:link, .a-btn:visited {\n background-color: var(--pacific);\n color: var(--white);\n}\n.a-btn:hover, .a-btn.hover, .a-btn:focus, .a-btn.focus {\n background-color: var(--pacific-dark);\n}\n.a-btn:focus, .a-btn.focus {\n outline: 1px dotted var(--pacific);\n outline-offset: 1px;\n}\n.a-btn:active, .a-btn.active {\n background-color: var(--navy);\n}\n.a-btn--secondary, .a-btn--secondary:link, .a-btn--secondary:visited {\n background-color: var(--gray);\n color: var(--white);\n}\n.a-btn--secondary:hover, .a-btn--secondary.hover, .a-btn--secondary:focus, .a-btn--secondary.focus {\n background-color: var(--gray-dark);\n}\n.a-btn--secondary:focus, .a-btn--secondary.focus {\n outline-color: var(--gray);\n}\n.a-btn--secondary:active, .a-btn--secondary.active {\n background-color: var(--black);\n}\n.a-btn--warning, .a-btn--warning:link, .a-btn--warning:visited {\n background-color: var(--red-mid-dark);\n color: var(--white);\n}\n.a-btn--warning:hover, .a-btn--warning.hover, .a-btn--warning:focus, .a-btn--warning.focus {\n background-color: var(--red-dark);\n}\n.a-btn--warning:focus, .a-btn--warning.focus {\n outline-color: var(--red-mid-dark);\n}\n.a-btn--warning:active, .a-btn--warning.active {\n background-color: var(--gray-dark);\n}\n.a-btn--disabled, .a-btn--disabled:link, .a-btn--disabled:visited, .a-btn--disabled:hover, .a-btn--disabled.hover, .a-btn--disabled:focus, .a-btn--disabled.focus, .a-btn--disabled:active, .a-btn--disabled.active, .a-btn[disabled], .a-btn[disabled]:link, .a-btn[disabled]:visited, .a-btn[disabled]:hover, .a-btn[disabled].hover, .a-btn[disabled]:focus, .a-btn[disabled].focus, .a-btn[disabled]:active, .a-btn[disabled].active {\n background-color: var(--gray-20);\n color: var(--gray-dark);\n cursor: default;\n cursor: not-allowed;\n}\n.a-btn--disabled:focus, .a-btn--disabled.focus, .a-btn[disabled]:focus, .a-btn[disabled].focus {\n outline-color: var(--gray-20);\n}\n@media only all and (max-width: 37.5em) {\n .a-btn--full-on-xs {\n display: block;\n width: 100%;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-btn-group {\n display: flex;\n gap: 0.625rem;\n flex-wrap: wrap;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\n.a-btn--link {\n padding: 0;\n padding-bottom: 1.5px;\n border-radius: 0;\n text-decoration-line: underline;\n text-decoration-thickness: 1px;\n text-decoration-style: dotted;\n text-underline-offset: 4.5px;\n}\n.a-btn--link, .a-btn--link:link, .a-btn--link:visited {\n text-decoration-color: var(--pacific);\n background-color: transparent;\n color: var(--pacific);\n}\n.a-btn--link:hover, .a-btn--link.hover {\n text-decoration-color: var(--pacific-dark);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--pacific-dark);\n}\n.a-btn--link:focus, .a-btn--link.focus {\n text-decoration-style: solid;\n background-color: transparent;\n outline: 1px dotted var(--pacific);\n}\n.a-btn--link:active, .a-btn--link.active {\n text-decoration-color: var(--navy);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--navy);\n}\n.a-btn--link.a-btn--secondary, .a-btn--link.a-btn--secondary:link, .a-btn--link.a-btn--secondary:visited {\n text-decoration-color: var(--gray);\n background-color: transparent;\n color: var(--gray);\n}\n.a-btn--link.a-btn--secondary:hover, .a-btn--link.a-btn--secondary.hover {\n text-decoration-color: var(--gray-dark);\n color: var(--gray-dark);\n}\n.a-btn--link.a-btn--secondary:focus, .a-btn--link.a-btn--secondary.focus {\n outline-color: var(--gray);\n}\n.a-btn--link.a-btn--secondary:active, .a-btn--link.a-btn--secondary.active {\n text-decoration-color: var(--black);\n color: var(--black);\n}\n.a-btn--link.a-btn--warning, .a-btn--link.a-btn--warning:link, .a-btn--link.a-btn--warning:visited {\n text-decoration-color: var(--red-mid-dark);\n background-color: transparent;\n color: var(--red-mid-dark);\n}\n.a-btn--link.a-btn--warning:hover, .a-btn--link.a-btn--warning.hover {\n text-decoration-color: var(--red-dark);\n color: var(--red-dark);\n}\n.a-btn--link.a-btn--warning:focus, .a-btn--link.a-btn--warning.focus {\n outline-color: var(--red-mid-dark);\n}\n.a-btn--link.a-btn--warning:active, .a-btn--link.a-btn--warning.active {\n text-decoration-color: var(--gray-dark);\n color: var(--gray-dark);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\n.a-btn__icon--on-left {\n padding-right: 0.6875em;\n border-right: 1px solid var(--pacific-60);\n margin-right: 0.4375em;\n}\n\n.a-btn__icon--on-right {\n padding-left: 0.6875em;\n border-left: 1px solid var(--pacific-60);\n margin-left: 0.4375em;\n}\n\n.a-btn--secondary .a-btn__icon {\n border-color: var(--gray-40);\n}\n.a-btn--warning .a-btn__icon {\n border-color: var(--red-60);\n}\n.a-btn--disabled .a-btn__icon, .a-btn[disabled] .a-btn__icon {\n border-color: var(--gray-60);\n}", "/* ==========================================================================\n Expandable Organism\n ========================================================================== */\n\nimport {\n add as addDataHook,\n checkDom,\n setInitFlag,\n instantiateAll,\n MaxHeightTransition,\n EventObserver,\n FlyoutMenu,\n} from '../../utilities';\n\nimport * as ExpandableStyles from './expandable.scss';\n\nconst BASE_CLASS = 'o-expandable';\n\n/**\n * Expandable\n * @class\n * @classdesc Initializes a new Expandable molecule.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the molecule.\n * @returns {Expandable} An instance.\n */\nfunction Expandable(element) {\n // Internal vars.\n const _dom = checkDom(element, BASE_CLASS);\n let _targetDom;\n let _contentDom;\n let _labelDom;\n\n // Animation vars.\n let _transition;\n let _flyout;\n\n /**\n * Set up and create the multiselect.\n * @returns {Expandable} An instance.\n */\n function init() {\n if (!setInitFlag(_dom)) {\n return this;\n }\n\n _targetDom = _dom.querySelector(`.${BASE_CLASS}__header`);\n _contentDom = _dom.querySelector(`.${BASE_CLASS}__content`);\n _labelDom = _dom.querySelector(`.${BASE_CLASS}__label`);\n\n const isExpanded = _dom.classList.contains(`${BASE_CLASS}--onload-open`);\n\n // Add behavior hooks.\n addDataHook(_dom, 'behavior_flyout-menu');\n addDataHook(_targetDom, 'behavior_flyout-menu_trigger');\n addDataHook(_contentDom, 'behavior_flyout-menu_content');\n\n // If it's expanded we don't set an initial height,\n // as it will be calculated internally.\n const initialClass = isExpanded\n ? MaxHeightTransition.CLASSES.MH_DEFAULT\n : MaxHeightTransition.CLASSES.MH_ZERO;\n _transition = new MaxHeightTransition(_contentDom).init(initialClass);\n\n // Create root menu.\n _flyout = new FlyoutMenu(_dom);\n\n _flyout.setTransition(\n _transition,\n _transition.maxHeightZero,\n _transition.maxHeightDefault,\n );\n\n _flyout.init(isExpanded);\n\n // Add events.\n _flyout.addEventListener('expandbegin', () => {\n _contentDom.classList.remove('u-hidden');\n this.dispatchEvent('expandbegin', { target: this });\n });\n _flyout.addEventListener('collapseend', () => {\n _contentDom.classList.add('u-hidden');\n });\n\n return this;\n }\n\n /**\n * @returns {string} The expandable label text.\n */\n function getLabelText() {\n return _labelDom.textContent.trim();\n }\n\n // Attach public events.\n this.init = init;\n this.expand = () => _flyout.expand();\n this.collapse = () => _flyout.collapse();\n this.isExpanded = () => _flyout.isExpanded();\n this.refresh = () => _flyout.getTransition().refresh();\n this.getLabelText = getLabelText;\n\n const eventObserver = new EventObserver();\n this.addEventListener = eventObserver.addEventListener;\n this.removeEventListener = eventObserver.removeEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n\n return this;\n}\n\nExpandable.BASE_CLASS = BASE_CLASS;\nExpandable.init = (scope) =>\n instantiateAll(`.${Expandable.BASE_CLASS}`, Expandable, scope);\n\nexport { Expandable, ExpandableStyles };\n", "/* ==========================================================================\n Expandable Organism\n ========================================================================== */\n\nimport { checkDom, setInitFlag, instantiateAll } from '../../utilities';\nimport { Expandable } from './expandable.js';\n\nimport * as ExpandableGroupStyles from './expandable-group.scss';\n\nconst BASE_CLASS = 'o-expandable-group';\n\n/**\n * ExpandableGroup\n * @class\n * @classdesc Initializes a new Expandable molecule.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the molecule.\n * @returns {ExpandableGroup} An instance.\n */\nfunction ExpandableGroup(element) {\n // Internal vars.\n const _dom = checkDom(element, BASE_CLASS);\n const _isAccordion = _dom.classList.contains(`${BASE_CLASS}--accordion`);\n let _expandables;\n let _lastExpanded;\n\n /**\n * @param {object} evt - The event object.\n */\n function _handleExpandBegin(evt) {\n const target = evt.target;\n if (_lastExpanded && _lastExpanded !== target) {\n _lastExpanded.collapse();\n }\n _lastExpanded = target;\n }\n\n /**\n * Set up and create the multiselect.\n * @param {Array} expandables - List of expandables inside this group.\n * @returns {ExpandableGroup} An instance.\n */\n function init(expandables) {\n if (!setInitFlag(_dom)) {\n return this;\n }\n\n if (_isAccordion) {\n _expandables = expandables;\n\n _expandables.forEach((expandable) => {\n expandable.addEventListener('expandbegin', _handleExpandBegin);\n });\n }\n\n return this;\n }\n\n // Attach public events.\n this.init = init;\n\n return this;\n}\n\nExpandableGroup.BASE_CLASS = BASE_CLASS;\nExpandableGroup.init = (scope) => {\n const base = scope || document;\n const expandableGroupsDom = base.querySelectorAll(`.${BASE_CLASS}`);\n expandableGroupsDom.forEach((expandableGroupDom) => {\n const expandables = instantiateAll(\n `.${Expandable.BASE_CLASS}`,\n Expandable,\n expandableGroupDom,\n );\n const expandableGroup = new ExpandableGroup(expandableGroupDom);\n expandableGroup.init(expandables);\n });\n};\n\nexport { ExpandableGroup, ExpandableGroupStyles };\n", "/* eslint-disable no-use-before-define */\nimport {\n add as addDataHook,\n checkDom,\n instantiateAll,\n setInitFlag,\n FlyoutMenu,\n MaxHeightTransition,\n EventObserver,\n MOBILE,\n viewportIsIn,\n} from '../../utilities';\n\nimport * as SummaryStyles from './summary.scss';\n\nconst BASE_CLASS = 'o-summary';\n\n/**\n * Summary\n * @class\n * @classdesc Initializes a new Summary organism.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the organism.\n * @returns {Summary} An instance.\n */\nfunction Summary(element) {\n const _dom = checkDom(element, BASE_CLASS);\n const _hasMobileModifier = _dom.classList.contains(`${BASE_CLASS}--mobile`);\n const _contentDom = _dom.querySelector(`.${BASE_CLASS}__content`);\n const _btnDom = _dom.querySelector(`.${BASE_CLASS}__btn`);\n let _transition;\n let _flyout;\n\n // Whether this instance's behaviors are suspended or not.\n let _suspended;\n\n /**\n * NOTE: Init won't work if it's called after the page has been loaded,\n * since it depends on the `load` event fired by the browser.\n * @returns {Summary} An instance.\n */\n function init() {\n if (!setInitFlag(_dom)) {\n return this;\n }\n\n // Don't initialize the Summary till the page has loaded, so we can have\n // an accurate idea of its height.\n window.addEventListener('load', _pageLoadHandler);\n\n return this;\n }\n\n /**\n * The page (content + CSS) has loaded.\n */\n function _pageLoadHandler() {\n window.removeEventListener('load', _pageLoadHandler);\n\n _suspended = !_shouldSuspend();\n\n // Add FlyoutMenu behavior data-js-hooks.\n addDataHook(_dom, 'behavior_flyout-menu');\n addDataHook(_contentDom, 'behavior_flyout-menu_content');\n addDataHook(_btnDom, 'behavior_flyout-menu_trigger');\n\n _flyout = new FlyoutMenu(_dom, false);\n _transition = new MaxHeightTransition(_contentDom);\n _transition.init(\n _suspended\n ? MaxHeightTransition.CLASSES.MH_SUMMARY\n : MaxHeightTransition.CLASSES.MH_DEFAULT,\n );\n _flyout.setTransition(\n _transition,\n _transition.maxHeightSummary,\n _transition.maxHeightDefault,\n );\n _flyout.addEventListener('triggerclick', _triggerClickHandler);\n _flyout.init();\n\n _resizeHandler();\n\n window.addEventListener('resize', _resizeHandler);\n // Pipe window resize handler into orientation change on supported devices.\n if ('onorientationchange' in window) {\n window.addEventListener('orientationchange', _resizeHandler);\n }\n\n _dom.addEventListener('focusin', _focusInHandler);\n\n /* When we click inside the content area we may be changing the size,\n such as when a video player expands on being clicked.\n So, let's refresh the transition to recalculate the max-height,\n just in case. */\n _contentDom.addEventListener('click', _contentClicked);\n }\n\n /**\n * Handling tabbing into the content area that is hidden.\n * If the focus goes onto a focusable element within the content area,\n * we'll act like the summary expansion button was clicked.\n * @param {Event} evt - The focus event.\n */\n function _focusInHandler(evt) {\n if (!_suspended && evt.target !== _btnDom) {\n _btnDom.click();\n _dom.removeEventListener('focusin', _focusInHandler);\n }\n }\n\n /**\n * Handler for when the content area is clicked.\n * Refresh the transition to recalculate the max-height.\n * @param {MouseEvent} evt - the mouse event object.\n */\n function _contentClicked(evt) {\n /* We don't need to refresh if a link was clicked as we'll be navigating\n to another page. */\n if (evt.target.tagName !== 'A' && _flyout.isExpanded()) {\n _transition.refresh();\n }\n }\n\n /**\n * Handle resizing of the window,\n * suspends or resumes the mobile or desktop behaviors.\n */\n function _resizeHandler() {\n if (_shouldSuspend()) {\n _suspend();\n } else {\n _resume();\n }\n }\n\n /**\n * @returns {boolean} True if this should be suspended, false otherwise.\n */\n function _shouldSuspend() {\n /* Bail out of initializatiion if the height of the summary's content\n is less than our summary height of 5.5ems\n 16 * 5.5 = 88\n See https://github.com/cfpb/design-system/blob/72623270013f2ad08dbe92b5b709ed2b434ee41e/packages/cfpb-atomic-component/src/utilities/transition/transition.less#L84\n */\n return (\n (_hasMobileModifier && !viewportIsIn(MOBILE)) ||\n _contentDom.scrollHeight <= 88\n );\n }\n\n /**\n * Handle click of flyout.\n */\n function _triggerClickHandler() {\n _flyout.addEventListener('expandend', _expandEndHandler);\n }\n\n /**\n * After the summary opens, remove the \"read more\" button.\n */\n function _expandEndHandler() {\n _hideButton();\n window.removeEventListener('resize', _resizeHandler);\n window.removeEventListener('orientationchange', _resizeHandler);\n _flyout.removeEventListener('expandend', _expandEndHandler);\n _flyout.suspend();\n _transition.remove();\n }\n\n /**\n *\n */\n function _showButton() {\n _btnDom.classList.remove('u-hidden');\n }\n\n /**\n *\n */\n function _hideButton() {\n _btnDom.classList.add('u-hidden');\n }\n\n /**\n * Add events necessary for the desktop menu behaviors.\n * @returns {boolean} Whether it has successfully been resumed or not.\n */\n function _resume() {\n if (_suspended) {\n _flyout.collapse();\n _transition.animateOn();\n _showButton();\n\n _suspended = false;\n }\n\n return !_suspended;\n }\n\n /**\n * Remove events necessary for the desktop menu behaviors.\n * @returns {boolean} Whether it has successfully been suspended or not.\n */\n function _suspend() {\n if (!_suspended) {\n _transition.animateOff();\n _flyout.expand();\n _hideButton();\n\n _suspended = true;\n }\n\n return _suspended;\n }\n\n // Attach public events.\n const eventObserver = new EventObserver();\n this.addEventListener = eventObserver.addEventListener;\n this.removeEventListener = eventObserver.removeEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n\n this.init = init;\n\n return this;\n}\n\nSummary.BASE_CLASS = BASE_CLASS;\nSummary.init = (scope) => instantiateAll(`.${BASE_CLASS}`, Summary, scope);\n\nexport { Summary, SummaryStyles };\n", "/* eslint-disable no-use-before-define */\nimport {\n add as addDataHook,\n checkDom,\n instantiateAll,\n setInitFlag,\n FlyoutMenu,\n MaxHeightTransition,\n EventObserver,\n} from '../../utilities';\n\nimport * as SummaryMinimalStyles from './summary-minimal.scss';\n\nconst BASE_CLASS = 'o-summary-minimal';\n\n/**\n * SummaryMinimal\n * @class\n * @classdesc Initializes a new SummaryMinimal organism.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the organism.\n * @returns {SummaryMinimal} An instance.\n */\nfunction SummaryMinimal(element) {\n const _dom = checkDom(element, BASE_CLASS);\n const _contentDom = _dom.querySelector(`.${BASE_CLASS}__content`);\n const _btnDom = _dom.querySelector(`.${BASE_CLASS}__btn`);\n let _transition;\n let _flyout;\n\n /**\n * @returns {SummaryMinimal} An instance.\n */\n function init() {\n if (!setInitFlag(_dom)) {\n return this;\n }\n\n // Add FlyoutMenu behavior data-js-hooks.\n addDataHook(_dom, 'behavior_flyout-menu');\n addDataHook(_contentDom, 'behavior_flyout-menu_content');\n addDataHook(_btnDom, 'behavior_flyout-menu_trigger');\n\n // Don't initialize the SummaryMinimal till the page has loaded,\n // so we can have an accurate idea of its height.\n window.addEventListener('load', _pageLoadHandler);\n\n return this;\n }\n\n /**\n * The page (content + CSS) has loaded.\n */\n function _pageLoadHandler() {\n window.removeEventListener('load', _pageLoadHandler);\n\n _flyout = new FlyoutMenu(_dom, false);\n _transition = new MaxHeightTransition(_contentDom);\n _transition.init(MaxHeightTransition.CLASSES.MH_SUMMARY);\n _flyout.setTransition(\n _transition,\n _transition.maxHeightSummary,\n _transition.maxHeightDefault,\n );\n _flyout.init();\n\n _dom.addEventListener('focusin', _focusInHandler);\n\n /* When we click inside the content area we may be changing the size,\n such as when a video player expands on being clicked.\n So, let's refresh the transition to recalculate the max-height,\n just in case. */\n _contentDom.addEventListener('click', _contentClicked);\n\n _flyout.collapse();\n _transition.animateOn();\n }\n\n /**\n * Handling tabbing into the content area that is hidden.\n * If the focus goes onto a focusable element within the content area,\n * we'll act like the summary expansion button was clicked.\n * @param {Event} evt - The focus event.\n */\n function _focusInHandler(evt) {\n if (evt.target !== _btnDom) {\n _btnDom.click();\n _dom.removeEventListener('focusin', _focusInHandler);\n }\n }\n\n /**\n * Handler for when the content area is clicked.\n * Refresh the transition to recalculate the max-height.\n * @param {MouseEvent} evt - the mouse event object.\n */\n function _contentClicked(evt) {\n /* We don't need to refresh if a link was clicked as we'll be navigating\n to another page. */\n if (evt.target.tagName !== 'A' && _flyout.isExpanded()) {\n _transition.refresh();\n }\n }\n\n // Attach public events.\n const eventObserver = new EventObserver();\n this.addEventListener = eventObserver.addEventListener;\n this.removeEventListener = eventObserver.removeEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n\n this.init = init;\n\n return this;\n}\n\nSummaryMinimal.BASE_CLASS = BASE_CLASS;\nSummaryMinimal.init = (scope) =>\n instantiateAll(`.${BASE_CLASS}`, SummaryMinimal, scope);\n\nexport { SummaryMinimal, SummaryMinimalStyles };\n", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Icons\n ========================================================================== */\n.cf-icon-svg {\n height: 1.1875em;\n vertical-align: text-top;\n fill: currentcolor;\n}\n.cf-icon-svg--updating, .cf-icon-svg--updating-round {\n animation: updating-animation 1.25s infinite linear;\n transform-origin: 50% 50%;\n}\n\n@keyframes updating-animation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(359deg);\n }\n}\nhtml[lang=ar] .cf-icon-svg--right, html[lang=ar] .cf-icon-svg--right-round, html[lang=ar] .cf-icon-svg--left, html[lang=ar] .cf-icon-svg--left-round, html[lang=ar] .cf-icon-svg--arrow-right, html[lang=ar] .cf-icon-svg--arrow-right-round, html[lang=ar] .cf-icon-svg--arrow-left, html[lang=ar] .cf-icon-svg--arrow-left-round, html[lang=ar] .cf-icon-svg--help, html[lang=ar] .cf-icon-svg--help-round, html[lang=ar] .cf-icon-svg--book, html[lang=ar] .cf-icon-svg--book-round, html[lang=ar] .cf-icon-svg--document, html[lang=ar] .cf-icon-svg--document-round, html[lang=ar] .cf-icon-svg--edit, html[lang=ar] .cf-icon-svg--edit-round, html[lang=ar] .cf-icon-svg--paper-clip, html[lang=ar] .cf-icon-svg--paper-clip-round, html[lang=ar] .cf-icon-svg--cart, html[lang=ar] .cf-icon-svg--cart-round, html[lang=ar] .cf-icon-svg--disability, html[lang=ar] .cf-icon-svg--disability-round, html[lang=ar] .cf-icon-svg--travel, html[lang=ar] .cf-icon-svg--travel-round, html[lang=ar] .cf-icon-svg--bullhorn, html[lang=ar] .cf-icon-svg--bullhorn-round, html[lang=ar] .cf-icon-svg--chart, html[lang=ar] .cf-icon-svg--chart-round, html[lang=ar] .cf-icon-svg--list, html[lang=ar] .cf-icon-svg--list-round, html[lang=ar] .cf-icon-svg--external-link, html[lang=ar] .cf-icon-svg--external-link-round {\n transform: scaleX(-1);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-card {\n position: relative;\n}\n.m-card:not(.m-card--breakout) > a {\n padding: 1.875em;\n}\n.m-card:not(.m-card--breakout) .m-card__footer {\n margin-top: auto;\n}\n.m-card:not(.m-card--breakout, .m-card--topic) {\n background: var(--white);\n border: 1px solid var(--gray-20);\n border-bottom-width: 3px;\n padding: 1.875em;\n}\n.m-card:not(.m-card--breakout, .m-card--topic), .m-card > a {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n flex-basis: 0;\n box-sizing: border-box;\n height: 100%;\n}\n.m-card a:focus {\n outline-offset: 2px;\n}\n.m-card__footer > a {\n font-weight: 500;\n border-bottom-width: 1px;\n}\n@media only all and (max-width: 56.3125em) {\n .m-card__heading {\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n }\n p + .m-card__heading, ul + .m-card__heading, ol + .m-card__heading, dl + .m-card__heading, figure + .m-card__heading, img + .m-card__heading, table + .m-card__heading, blockquote + .m-card__heading, h1 + .m-card__heading, .h1 + .m-card__heading, h2 + .m-card__heading, .h2 + .m-card__heading, h4 + .m-card__heading, .h4 + .m-card__heading, h5 + .m-card__heading, .h5 + .m-card__heading, h6 + .m-card__heading, .h6 + .m-card__heading {\n margin-top: 1.3636363636em;\n }\n}\n@media only all and (max-width: 56.3125em) and (max-width: 37.5em) {\n .m-card__heading {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.8333333333em;\n }\n p + .m-card__heading, ul + .m-card__heading, ol + .m-card__heading, dl + .m-card__heading, figure + .m-card__heading, img + .m-card__heading, table + .m-card__heading, blockquote + .m-card__heading, h1 + .m-card__heading, .h1 + .m-card__heading, h2 + .m-card__heading, .h2 + .m-card__heading, h3 + .m-card__heading, .h3 + .m-card__heading, h5 + .m-card__heading, .h5 + .m-card__heading, h6 + .m-card__heading, .h6 + .m-card__heading {\n margin-top: 1.6666666667em;\n }\n}\n.m-card__heading > a {\n color: var(--black);\n}\n.m-card__heading > a:hover {\n color: var(--pacific);\n}\n.m-card__heading > a .m-card__icon {\n font-size: 1em;\n margin-bottom: 0;\n padding-right: 0.46875em;\n}\n.m-card__heading > a .m-card__icon, .m-card__heading > a span {\n display: table-cell;\n}\n.m-card > .m-list {\n margin-top: 10px;\n margin-bottom: 30px;\n}\n.m-card--topic {\n text-align: center;\n width: 170px;\n background: var(--white);\n}\n.m-card--topic > a {\n border: 1px solid var(--gray-20);\n border-bottom-width: 3px;\n}\n.m-card--topic .m-card__icon {\n font-size: 1.875em;\n color: var(--green);\n margin-bottom: 0.3125em;\n}\n.m-card--topic:hover > a {\n box-shadow: 0 2px 0 0 inset var(--gray-20), 2px 0 0 0 inset var(--gray-20), -2px 0 0 0 inset var(--gray-20);\n}\n.m-card--topic:hover::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: 1px;\n height: 5px;\n width: 100%;\n background: var(--green);\n}\n.m-card--topic .m-card__footer > span {\n display: inline;\n border-width: 0;\n border-bottom-width: 1px;\n border-color: var(--pacific);\n border-style: dotted;\n font-weight: 500;\n color: var(--pacific);\n text-decoration: none;\n}\n.m-card--topic > a:visited .m-card__footer > span {\n border-color: var(--teal);\n color: var(--teal);\n}\n.m-card--topic:hover .m-card__footer > span {\n border-style: solid;\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\n.m-card--topic > a:focus .m-card__footer > span {\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\n.m-card--topic > a:active .m-card__footer > span {\n border-color: var(--pacific-dark);\n border-style: solid;\n color: var(--pacific-dark);\n}\n.m-card--topic-action .m-card__icon {\n color: var(--pacific);\n}\n.m-card--breakout {\n min-width: 210px;\n text-align: center;\n}\n.m-card--breakout > a {\n padding-top: 60px;\n}\n.m-card--breakout .m-card__inner-wrapper {\n position: relative;\n z-index: 0;\n min-height: 135px;\n background: var(--gray-5);\n border: 1px solid var(--gray-20);\n border-bottom-width: 3px;\n}\n.m-card--breakout .m-card__img {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 50%;\n width: 210px;\n height: 120px;\n margin-left: -105px;\n}\n.m-card--breakout .m-card__footer {\n margin-top: 84px;\n}\n.m-card--breakout:hover .m-card__inner-wrapper {\n box-shadow: 0 2px 0 0 inset var(--gray-20), 2px 0 0 0 inset var(--gray-20), -2px 0 0 0 inset var(--gray-20);\n}\n.m-card--breakout:hover::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: 1px;\n height: 5px;\n width: 100%;\n background: var(--green);\n}\n.m-card--breakout .m-card__footer > span {\n display: inline;\n border-width: 0;\n border-bottom-width: 1px;\n border-color: var(--pacific);\n border-style: dotted;\n font-weight: 500;\n color: var(--pacific);\n text-decoration: none;\n}\n.m-card--breakout > a:visited .m-card__footer > span {\n border-color: var(--teal);\n color: var(--teal);\n}\n.m-card--breakout:hover .m-card__footer > span {\n border-style: solid;\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\n.m-card--breakout > a:focus .m-card__footer > span {\n border-color: var(--pacific);\n color: var(--pacific);\n}\n.m-card--breakout > a:active .m-card__footer > span {\n border-color: var(--navy);\n border-style: solid;\n color: var(--navy);\n}\n.m-card--breakout .m-card__footer > span {\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n}\np + .m-card--breakout .m-card__footer > span, ul + .m-card--breakout .m-card__footer > span, ol + .m-card--breakout .m-card__footer > span, dl + .m-card--breakout .m-card__footer > span, figure + .m-card--breakout .m-card__footer > span, img + .m-card--breakout .m-card__footer > span, table + .m-card--breakout .m-card__footer > span, blockquote + .m-card--breakout .m-card__footer > span, h1 + .m-card--breakout .m-card__footer > span, .h1 + .m-card--breakout .m-card__footer > span, h2 + .m-card--breakout .m-card__footer > span, .h2 + .m-card--breakout .m-card__footer > span, h4 + .m-card--breakout .m-card__footer > span, .h4 + .m-card--breakout .m-card__footer > span, h5 + .m-card--breakout .m-card__footer > span, .h5 + .m-card--breakout .m-card__footer > span, h6 + .m-card--breakout .m-card__footer > span, .h6 + .m-card--breakout .m-card__footer > span {\n margin-top: 1.3636363636em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-card-group > h2 {\n margin-bottom: 1.875rem;\n}\n.o-card-group--column-2 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n}\n.o-card-group--column-3 .o-card-group__cards {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n@media only all and (max-width: 63.8125em) {\n .o-card-group--column-3 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n }\n}\n.o-card-group__cards {\n display: grid;\n grid-column-gap: 1.25em;\n grid-row-gap: 1.25em;\n}\n@media only all and (max-width: 37.5em) {\n .o-card-group__cards {\n grid-template-columns: 100% !important;\n }\n}\n.o-card-group--bg-green {\n padding: 1.875em;\n background: var(--green-20);\n}\n\n/* stylelint-disable selector-type-no-unknown */\n_:-ms-lang(x),\n.o-card-group__cards {\n display: block;\n}\n_:-ms-lang(x) .m-card,\n.o-card-group__cards .m-card {\n display: block;\n float: left;\n margin-bottom: 10px;\n}\n\n_:-ms-lang(x) .o-card-group__cards .m-card,\n.o-card-group--column-2 .o-card-group__cards .m-card {\n width: 48%;\n margin-right: 2%;\n}\n_:-ms-lang(x) .o-card-group__cards .m-card:last-child,\n.o-card-group--column-2 .o-card-group__cards .m-card:last-child {\n margin-right: 0;\n}\n\n_:-ms-lang(x) .o-card-group__cards .m-card,\n.o-card-group--column-3 .o-card-group__cards .m-card {\n width: 32%;\n margin-right: 1%;\n}\n_:-ms-lang(x) .o-card-group__cards .m-card:last-child,\n.o-card-group--column-3 .o-card-group__cards .m-card:last-child {\n margin-right: 0;\n}\n\n_:-ms-lang(x),\n.o-card-group::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n/* stylelint-enable selector-type-no-unknown */\n/* stylelint-disable no-duplicate-selectors */\n.o-card-group {\n /* stylelint-enable no-duplicate-selectors */\n}\n.o-card-group--count-2 .m-card:nth-of-type(1), .o-card-group--count-3 .m-card:nth-of-type(1), .o-card-group--count-4 .m-card:nth-of-type(1) {\n grid-area: card1;\n}\n.o-card-group--count-2 .m-card:nth-of-type(2), .o-card-group--count-3 .m-card:nth-of-type(2), .o-card-group--count-4 .m-card:nth-of-type(2) {\n grid-area: card2;\n}\n.o-card-group--count-2 .m-card:nth-of-type(3), .o-card-group--count-3 .m-card:nth-of-type(3), .o-card-group--count-4 .m-card:nth-of-type(3) {\n grid-area: card3;\n}\n.o-card-group--count-2 .m-card:nth-of-type(4), .o-card-group--count-3 .m-card:nth-of-type(4), .o-card-group--count-4 .m-card:nth-of-type(4) {\n grid-area: card4;\n}\n.o-card-group--count-2 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"card1 card2\";\n}\n.o-card-group--count-3 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"card1 card2\" \"card1 card3\";\n}\n.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n font-size: 1.625em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n}\np + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ul + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ol + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, dl + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, figure + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, img + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, table + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, blockquote + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n margin-top: 1.7307692308em;\n}\nh1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h3 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h3 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n margin-top: 1.1538461538em;\n}\n@media only all and (max-width: 37.5em) {\n p + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ul + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ol + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, dl + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, figure + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, img + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, table + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, blockquote + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n margin-top: 1.3636363636em;\n }\n}\n@media only all and (max-width: 37.5em) {\n .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n font-size: 1.375em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n }\n p + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ul + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ol + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, dl + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, figure + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, img + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, table + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, blockquote + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h2 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h2 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n margin-top: 1.3636363636em;\n }\n}\n.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) > a {\n justify-content: center;\n}\n.o-card-group--count-4 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"card1 card2\" \"card3 card4\";\n}\n.o-card-group--flow .o-card-group__cards {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n@media only all and (min-width: 37.5625em) and (max-width: 56.25em) {\n .o-card-group--count-3 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"card1 card1\" \"card2 card3\";\n }\n}\n@media only all and (max-width: 37.5em) {\n .o-card-group--count-2 .o-card-group__cards {\n grid-template-columns: 1fr;\n grid-template-areas: \"card1\" \"card2\";\n }\n .o-card-group--count-3 .o-card-group__cards {\n grid-template-columns: 1fr;\n grid-template-areas: \"card1\" \"card2\" \"card3\";\n }\n .o-card-group--count-4 .o-card-group__cards {\n grid-template-columns: 1fr;\n grid-template-areas: \"card1\" \"card2\" \"card3\" \"card4\";\n }\n .o-card-group--flow .o-card-group__cards {\n display: block;\n }\n .o-card-group--flow .o-card-group__cards .m-card {\n width: 100%;\n margin-bottom: 1.875em;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-email-signup .m-notification {\n margin-bottom: 0.9375em;\n}\n.o-email-signup .a-text-input {\n max-width: 23.125rem;\n}\n.o-email-signup__buttons {\n display: flex;\n margin-top: 0.9375em;\n align-items: center;\n flex-wrap: wrap-reverse;\n gap: 0.9375em;\n}\n.o-email-signup .a-btn {\n text-align: inherit;\n}\n@media only all and (max-width: 37.5em) {\n .o-email-signup .a-label--heading {\n font-size: 1em;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-featured-content-module {\n min-height: 220px;\n position: relative;\n border: 1px solid var(--gray-40);\n background-color: var(--gray-5);\n}\n.o-featured-content-module__text {\n padding-top: 1.875em;\n padding-bottom: 1.875em;\n}\n.o-featured-content-module__img {\n display: block;\n}\n@media only all and (max-width: 37.5em) {\n .o-featured-content-module__text {\n padding-right: 0.9375em;\n padding-left: 0.9375em;\n }\n .o-featured-content-module__visual {\n padding-right: 0.9375em;\n padding-bottom: 0.9375em;\n padding-left: 0.9375em;\n }\n .o-featured-content-module__img {\n margin-right: auto;\n margin-left: auto;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .o-featured-content-module__text {\n padding-right: 300px;\n padding-left: 1.875em;\n }\n .o-featured-content-module__visual {\n height: 100%;\n overflow: hidden;\n position: absolute;\n top: 0;\n right: 0;\n width: 270px;\n }\n .o-featured-content-module__img {\n max-width: none;\n height: 100%;\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n }\n}\n.o-featured-content-module--left {\n /* Left modifier doesn't have a border/background. If in the future we\n have a left arranged FCM we'll want to make the border/background\n its own modifer */\n border: initial;\n background-color: initial;\n}\n.o-featured-content-module--left .o-featured-content-module__visual {\n left: 0;\n right: initial;\n}\n@media only all and (min-width: 37.5625em) {\n .o-featured-content-module--left .o-featured-content-module__text {\n padding-left: 300px;\n padding-right: 1.875em;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-hero {\n background-color: var(--gray-5);\n}\n.m-hero__wrapper {\n display: grid;\n max-width: 1200px;\n margin: 0 auto;\n padding-top: 30px;\n padding-bottom: 30px;\n}\n.m-hero__text {\n padding-right: 15px;\n padding-left: 15px;\n}\n.m-hero__heading {\n font-size: 2.125em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.4411764706em;\n}\np + .m-hero__heading, ul + .m-hero__heading, ol + .m-hero__heading, dl + .m-hero__heading, figure + .m-hero__heading, img + .m-hero__heading, table + .m-hero__heading, blockquote + .m-hero__heading {\n margin-top: 1.7647058824em;\n}\n.m-hero__subhead {\n font-size: 22px;\n line-height: 1.25;\n}\n.m-hero__image-wrapper {\n box-sizing: border-box;\n overflow: hidden;\n}\n.m-hero__image {\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n width: 100%;\n display: none;\n}\n@supports (display: grid) {\n .m-hero__image {\n display: block;\n }\n}\n.m-hero--knockout {\n background-color: var(--gray);\n color: var(--white);\n}\n.m-hero--overlay .m-hero__wrapper {\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n}\n.m-hero--jumbo, .m-hero--50-50 {\n background-color: var(--white);\n}\n.m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n margin-top: 0;\n margin-bottom: 15px;\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n@media only all and (max-width: 37.5em) {\n .m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n }\n p + .m-hero--jumbo .m-hero__subhead, ul + .m-hero--jumbo .m-hero__subhead, ol + .m-hero--jumbo .m-hero__subhead, dl + .m-hero--jumbo .m-hero__subhead, figure + .m-hero--jumbo .m-hero__subhead, img + .m-hero--jumbo .m-hero__subhead, table + .m-hero--jumbo .m-hero__subhead, blockquote + .m-hero--jumbo .m-hero__subhead, h1 + .m-hero--jumbo .m-hero__subhead, .h1 + .m-hero--jumbo .m-hero__subhead, h2 + .m-hero--jumbo .m-hero__subhead, .h2 + .m-hero--jumbo .m-hero__subhead, h4 + .m-hero--jumbo .m-hero__subhead, .h4 + .m-hero--jumbo .m-hero__subhead, h5 + .m-hero--jumbo .m-hero__subhead, .h5 + .m-hero--jumbo .m-hero__subhead, h6 + .m-hero--jumbo .m-hero__subhead, .h6 + .m-hero--jumbo .m-hero__subhead, p + .m-hero--50-50 .m-hero__subhead, ul + .m-hero--50-50 .m-hero__subhead, ol + .m-hero--50-50 .m-hero__subhead, dl + .m-hero--50-50 .m-hero__subhead, figure + .m-hero--50-50 .m-hero__subhead, img + .m-hero--50-50 .m-hero__subhead, table + .m-hero--50-50 .m-hero__subhead, blockquote + .m-hero--50-50 .m-hero__subhead, h1 + .m-hero--50-50 .m-hero__subhead, .h1 + .m-hero--50-50 .m-hero__subhead, h2 + .m-hero--50-50 .m-hero__subhead, .h2 + .m-hero--50-50 .m-hero__subhead, h4 + .m-hero--50-50 .m-hero__subhead, .h4 + .m-hero--50-50 .m-hero__subhead, h5 + .m-hero--50-50 .m-hero__subhead, .h5 + .m-hero--50-50 .m-hero__subhead, h6 + .m-hero--50-50 .m-hero__subhead, .h6 + .m-hero--50-50 .m-hero__subhead {\n margin-top: 1.3636363636em;\n }\n}\n@media only all and (min-width: 63.8125em) {\n .m-hero--jumbo .m-hero__wrapper, .m-hero--50-50 .m-hero__wrapper {\n min-height: 285px;\n }\n .m-hero--jumbo .m-hero__heading, .m-hero--50-50 .m-hero__heading {\n margin-bottom: 0.4166666667em;\n font-size: 3em;\n font-weight: normal;\n line-height: 1.25;\n }\n .m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n font-size: 1.625em;\n font-weight: 400;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n }\n p + .m-hero--jumbo .m-hero__subhead, ul + .m-hero--jumbo .m-hero__subhead, ol + .m-hero--jumbo .m-hero__subhead, dl + .m-hero--jumbo .m-hero__subhead, figure + .m-hero--jumbo .m-hero__subhead, img + .m-hero--jumbo .m-hero__subhead, table + .m-hero--jumbo .m-hero__subhead, blockquote + .m-hero--jumbo .m-hero__subhead, p + .m-hero--50-50 .m-hero__subhead, ul + .m-hero--50-50 .m-hero__subhead, ol + .m-hero--50-50 .m-hero__subhead, dl + .m-hero--50-50 .m-hero__subhead, figure + .m-hero--50-50 .m-hero__subhead, img + .m-hero--50-50 .m-hero__subhead, table + .m-hero--50-50 .m-hero__subhead, blockquote + .m-hero--50-50 .m-hero__subhead {\n margin-top: 1.7307692308em;\n }\n h1 + .m-hero--jumbo .m-hero__subhead, .h1 + .m-hero--jumbo .m-hero__subhead, h3 + .m-hero--jumbo .m-hero__subhead, .h3 + .m-hero--jumbo .m-hero__subhead, h4 + .m-hero--jumbo .m-hero__subhead, .h4 + .m-hero--jumbo .m-hero__subhead, h5 + .m-hero--jumbo .m-hero__subhead, .h5 + .m-hero--jumbo .m-hero__subhead, h6 + .m-hero--jumbo .m-hero__subhead, .h6 + .m-hero--jumbo .m-hero__subhead, h1 + .m-hero--50-50 .m-hero__subhead, .h1 + .m-hero--50-50 .m-hero__subhead, h3 + .m-hero--50-50 .m-hero__subhead, .h3 + .m-hero--50-50 .m-hero__subhead, h4 + .m-hero--50-50 .m-hero__subhead, .h4 + .m-hero--50-50 .m-hero__subhead, h5 + .m-hero--50-50 .m-hero__subhead, .h5 + .m-hero--50-50 .m-hero__subhead, h6 + .m-hero--50-50 .m-hero__subhead, .h6 + .m-hero--50-50 .m-hero__subhead {\n margin-top: 1.1538461538em;\n }\n}\n\n@media only all and (max-width: 37.5em) {\n .m-hero__image-wrapper {\n margin-top: 1.875em;\n }\n .m-hero--overlay .m-hero__wrapper {\n background-image: none !important;\n }\n .m-hero--jumbo .m-hero__wrapper {\n padding-bottom: 0;\n }\n}\n@media only all and (max-width: 56.25em) {\n .m-hero__heading {\n font-size: 1.625em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n }\n p + .m-hero__heading, ul + .m-hero__heading, ol + .m-hero__heading, dl + .m-hero__heading, figure + .m-hero__heading, img + .m-hero__heading, table + .m-hero__heading, blockquote + .m-hero__heading {\n margin-top: 1.7307692308em;\n }\n h1 + .m-hero__heading, .h1 + .m-hero__heading, h3 + .m-hero__heading, .h3 + .m-hero__heading, h4 + .m-hero__heading, .h4 + .m-hero__heading, h5 + .m-hero__heading, .h5 + .m-hero__heading, h6 + .m-hero__heading, .h6 + .m-hero__heading {\n margin-top: 1.1538461538em;\n }\n .m-hero__subhead {\n font-size: 18px;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .m-hero__wrapper {\n grid-template-columns: 7fr 5fr;\n padding-right: 15px;\n padding-left: 15px;\n min-height: 225px;\n }\n .m-hero__text {\n margin: auto;\n }\n .m-hero__image-wrapper {\n padding-right: 15px;\n padding-left: 15px;\n display: flex;\n align-items: center;\n }\n .m-hero--bleeding .m-hero__image-wrapper {\n width: 100%;\n margin-top: -2.8125em;\n margin-bottom: -2.8125em;\n }\n .m-hero--bleeding .m-hero__image {\n padding-bottom: 0 !important;\n height: 100%;\n width: 100%;\n background-size: cover;\n }\n .m-hero--overlay .m-hero__image {\n display: none;\n }\n .m-hero--jumbo .m-hero__wrapper {\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: cover;\n }\n .m-hero--jumbo .m-hero__image {\n display: none;\n }\n .m-hero--50-50 .m-hero__wrapper {\n grid-template-columns: 1fr 1fr;\n border: 1px solid var(--gray-40);\n border-top: none;\n background-position: 100% center;\n background-repeat: no-repeat;\n background-size: 50%;\n }\n .m-hero--50-50 .m-hero__image {\n display: none;\n }\n}\n@media only all and (min-width: 63.8125em) {\n .m-hero__wrapper {\n padding-top: 2.8125em;\n padding-bottom: 2.8125em;\n min-height: 195px;\n }\n .m-hero--bleeding .m-hero__image-wrapper {\n margin-top: -2.8125em;\n margin-bottom: -2.8125em;\n }\n .m-hero--50-50 .m-hero__wrapper {\n min-height: 345px;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Layout Helpers\n ========================================================================== */\n.content-l {\n position: relative;\n}\n@media only all and (min-width: 37.5625em) {\n .content-l {\n display: block;\n position: relative;\n margin-left: -15px;\n margin-right: -15px;\n }\n}\n\n@media only all and (max-width: 37.5em) {\n .content-l__col + .content-l__col {\n margin-top: 1.875em;\n }\n}\n\n@media only all and (min-width: 37.5625em) {\n .content-l__col-1 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-1-2 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 50%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-1-3 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 33.3333333333%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-2-3 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 66.6666666667%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-3-8 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 37.5%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-5-8 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 62.5%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-1-4 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 25%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-3-4 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 75%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n}\n.content__line {\n height: 1px;\n background: var(--gray-40);\n}\n\n.content__main dd,\n.content__main dt,\n.content__main h3,\n.content__main h4,\n.content__main h5,\n.content__main h6,\n.content__main li,\n.content__main p,\n.content__main label,\n.content__intro dd,\n.content__intro dt,\n.content__intro h3,\n.content__intro h4,\n.content__intro h5,\n.content__intro h6,\n.content__intro li,\n.content__intro p,\n.content__intro label {\n max-width: 41.875rem;\n}\n\n.content__intro,\n.content__main,\n.content__sidebar {\n padding: 1.875em 0.9375em;\n}\n@media only all and (min-width: 37.5625em) {\n .content__intro,\n .content__main,\n .content__sidebar {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n padding: 2.8125em 0.9375em;\n }\n}\n@media only all and (min-width: 56.3125em) {\n .content__intro,\n .content__main,\n .content__sidebar {\n padding: 2.8125em 0;\n }\n}\n\n@media only all and (min-width: 56.3125em) {\n .content__intro {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n}\n@media only all and (min-width: 56.3125em) {\n .content--1-3 .content__sidebar {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 25%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n padding-right: 1.875em;\n }\n .content--1-3 .content__main {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 75%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n position: relative;\n }\n .content--1-3 .content__main::after {\n content: \"\";\n border-left: 1px solid var(--gray-40);\n position: absolute;\n top: 2.8125em;\n bottom: 0;\n left: -1.875em;\n }\n .content--2-1 .content__main {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 66.6666666667%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content--2-1 .content__main::after {\n right: -1.875em;\n }\n .content--2-1 .content__sidebar {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 33.3333333333%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n padding-left: 1.875em;\n }\n}\n.content--flush-bottom {\n padding-bottom: 0;\n}\n\n@media only all and (max-width: 56.25em) {\n .content--flush-top-on-small {\n padding-top: 0;\n }\n}\n\n@media only all and (max-width: 56.25em) {\n .content--flush-all-on-small {\n padding: 0;\n border: none;\n }\n}\n\n.block {\n margin-top: 3.75em;\n margin-bottom: 3.75em;\n}\n.block--border-top {\n border-top: 1px solid var(--gray-40);\n}\n.block--border-right {\n border-right: 1px solid var(--gray-40);\n}\n.block--border-bottom {\n border-bottom: 1px solid var(--gray-40);\n}\n.block--border-left {\n border-left: 1px solid var(--gray-40);\n}\n.block--border {\n border: 1px solid var(--gray-40);\n}\n.block--flush-top {\n margin-top: 0 !important;\n}\n.block--flush-top.block--border, .block--flush-top.block--border-top {\n border-top: none;\n}\n.block--flush-bottom {\n margin-bottom: 0 !important;\n}\n.block--flush-bottom.block--border, .block--flush-bottom.block--border-bottom {\n border-bottom: none;\n}\n.block--flush-sides {\n margin-right: -15px;\n margin-left: -15px;\n}\n@media only all and (max-width: 37.5em) {\n .block--flush-sides.block--border, .block--flush-sides.block--border-right, .block--flush-sides.block--border-left {\n border-right: none;\n border-left: none;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .block--flush-sides {\n margin-right: -30px;\n margin-left: -30px;\n }\n}\n.block--flush {\n margin-top: 0 !important;\n margin-right: -15px;\n margin-bottom: 0 !important;\n margin-left: -15px;\n}\n.block--flush.block--border, .block--flush.block--border-top, .block--flush.block--border-bottom {\n border-top: none;\n border-bottom: none;\n}\n@media only all and (max-width: 37.5em) {\n .block--flush.block--border, .block--flush.block--border-right, .block--flush.block--border-left {\n border-right: none;\n border-left: none;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .block--flush {\n margin-right: -30px;\n margin-left: -30px;\n }\n}\n.block--bg {\n padding: 1.875em 0.9375em;\n padding-bottom: 3.75em;\n background: var(--gray-5);\n}\n@media only all and (min-width: 37.5625em) {\n .block--bg {\n padding: 2.8125em 1.875em;\n }\n}\n.block--padded-top {\n padding-top: 1.875em;\n margin-top: 1.875em;\n}\n.block--padded-bottom {\n padding-bottom: 1.875em;\n margin-bottom: 1.875em;\n}\n.block--sub {\n margin-top: 1.875em;\n margin-bottom: 1.875em;\n}\n\n@media only all and (min-width: 56.3125em) {\n .wrapper {\n /* stylelint-enable */\n max-width: 1200px;\n padding-right: 15px;\n padding-left: 15px;\n margin: 0 auto;\n clear: both;\n }\n}\n.wrapper--match-content {\n padding-left: 15px;\n padding-right: 15px;\n}\n@media only all and (min-width: 37.5625em) {\n .wrapper--match-content {\n padding-left: 30px;\n padding-right: 30px;\n max-width: 1200px;\n }\n}", ".o-text-introduction {\n margin-top: 0;\n margin-bottom: 60px;\n}\n.o-text-introduction > * {\n margin-top: 0;\n margin-bottom: 15px;\n max-width: 41.875rem;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-well {\n box-sizing: border-box;\n padding: 1.875em 0.9375em;\n border: 1px solid var(--gray-40);\n background-color: var(--gray-5);\n}\n@media only all and (min-width: 37.5625em) {\n .o-well {\n padding-left: 1.875em;\n padding-right: 1.875em;\n }\n}", "/* ==========================================================================\n Design System\n Notifications Styling\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.o-banner {\n padding: 0.9375em 0;\n background: var(--gold-10);\n border-bottom: 1px solid var(--gray-40);\n font-size: 0.875em;\n}\n.o-banner .m-notification {\n border: none;\n padding: 0;\n}\n.o-banner .m-notification__icon {\n left: 0;\n top: 0;\n}\n.o-banner--dark {\n background: var(--teal-dark);\n border-color: var(--teal-dark);\n color: var(--white);\n}\n.o-banner--dark .m-notification {\n background: var(--teal-dark);\n}\n.o-banner--dark .m-notification .cf-icon-svg {\n fill: var(--white);\n}\n.o-banner--dark .m-notification a {\n color: var(--white);\n border-color: var(--white);\n}\n.o-banner--dark .m-notification a:visited, .o-banner--dark .m-notification a.visited {\n border-color: var(--teal-40);\n color: var(--teal-40);\n}\n.o-banner--dark .m-notification a:hover, .o-banner--dark .m-notification a.hover {\n border-color: var(--gray-15);\n color: var(--gray-15);\n}\n.o-banner--dark .m-notification a:focus, .o-banner--dark .m-notification a.focus {\n border-color: var(--white);\n color: var(--white);\n}\n.o-banner--dark .m-notification a:active, .o-banner--dark .m-notification a.active {\n border-color: var(--gray-15);\n color: var(--gray-15);\n}\n@media only all and (min-width: 37.5625em) {\n .o-banner {\n font-size: 1em;\n }\n}", "/* ==========================================================================\n Design System\n Notifications Styling\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.m-notification {\n display: none;\n position: relative;\n padding: 15px;\n background: var(--gray-5);\n border: 1px solid var(--gray-40);\n}\n.m-notification > .cf-icon-svg {\n position: absolute;\n fill: var(--gray);\n}\n.m-notification--success {\n background: var(--green-10);\n border-color: var(--green);\n}\n.m-notification--success > .cf-icon-svg {\n fill: var(--green);\n}\n.m-notification--warning {\n background: var(--gold-10);\n border-color: var(--gold);\n}\n.m-notification--warning > .cf-icon-svg {\n fill: var(--gold);\n}\n.m-notification--error {\n background: var(--red-10);\n border-color: var(--red);\n}\n.m-notification--error > .cf-icon-svg {\n fill: var(--red);\n}\n.m-notification--success a, .m-notification--warning a, .m-notification--error a {\n color: var(--pacific-mid-dark);\n border-color: var(--pacific-mid-dark);\n}\n.m-notification--success a:visited, .m-notification--success a.visited, .m-notification--warning a:visited, .m-notification--warning a.visited, .m-notification--error a:visited, .m-notification--error a.visited {\n border-color: var(--teal);\n color: var(--teal);\n}\n.m-notification--success a:hover, .m-notification--success a.hover, .m-notification--warning a:hover, .m-notification--warning a.hover, .m-notification--error a:hover, .m-notification--error a.hover {\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\n.m-notification--success a:focus, .m-notification--success a.focus, .m-notification--warning a:focus, .m-notification--warning a.focus, .m-notification--error a:focus, .m-notification--error a.focus {\n border-color: var(--pacific-mid-dark);\n color: var(--pacific-mid-dark);\n}\n.m-notification--success a:active, .m-notification--success a.active, .m-notification--warning a:active, .m-notification--warning a.active, .m-notification--error a:active, .m-notification--error a.active {\n border-color: var(--navy-dark);\n color: var(--navy-dark);\n}\n.m-notification--visible {\n display: block;\n}\n.cf-icon-svg + .m-notification__content {\n padding-left: 1.5625rem;\n}\n.m-notification__message {\n font-size: 1rem;\n line-height: 1.25;\n font-weight: 500;\n}\n@media only all and (min-width: 37.5625em) {\n .m-notification__message {\n font-size: 1.125rem;\n }\n}\n.m-notification__explanation {\n margin-top: 0.3125rem;\n margin-bottom: 0.9375rem;\n}\n.m-notification__message + .m-list {\n margin-top: 0.9375rem;\n}\n@media only all and (min-width: 37.5625em) {\n .m-notification .cf-icon-svg {\n font-size: 1.125rem;\n }\n .m-notification__explanation {\n margin-bottom: 0;\n }\n .m-notification .m-list {\n margin-top: 0.3125rem;\n }\n .m-notification .m-list__item {\n margin-bottom: 0.3125rem;\n }\n}\n\nhtml[lang=ar] .m-notification .cf-icon-svg + .m-notification__content {\n padding-left: initial;\n padding-right: 1.5625rem;\n}\nhtml[lang=ar] .m-notification .m-list {\n padding-right: 0;\n}", "/* ==========================================================================\n Design System\n Pagination Styling\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-pagination {\n position: relative;\n}\n.m-pagination__form {\n padding: 0.3125em;\n border-radius: 0.25em;\n background: var(--gray-5);\n color: var(--gray);\n text-align: center;\n}\n.m-pagination__current-page {\n width: 2.8125em;\n margin-right: 0.625em;\n margin-left: 0.625em;\n font-weight: 500;\n text-align: right;\n}\n.m-pagination__label {\n display: inline-block;\n margin-right: 0.625em;\n vertical-align: middle;\n}\n.m-pagination__btn-submit {\n margin: 0;\n vertical-align: middle;\n}\n.m-pagination__btn-prev, .m-pagination__btn-next {\n min-width: 130px;\n line-height: 22px;\n text-align: center;\n}\n.m-pagination__btn-prev.a-btn--disabled, .m-pagination__btn-next.a-btn--disabled {\n background-color: var(--gray-5);\n border-color: transparent;\n}\n.m-pagination__btn-next {\n position: absolute;\n right: 0;\n}\n@media only all and (max-width: 37.5em) {\n .m-pagination__btn-prev, .m-pagination__btn-next {\n margin-bottom: 0.9375em;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .m-pagination__btn-prev, .m-pagination__btn-next {\n height: 100%;\n }\n .m-pagination__btn-prev {\n position: absolute;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n .m-pagination__btn-next {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Table Styling\n ========================================================================== */\n.o-table__cell--right-align {\n text-align: right;\n}\n\n.o-table--scrolling {\n box-sizing: border-box;\n overflow-y: hidden;\n}\n.o-table--scrolling table {\n border: 1px solid var(--gray-40);\n}\n.o-table--scrolling table > tbody > tr:nth-child(even) > th, .o-table--scrolling table > tbody > tr:nth-child(even) > td {\n background: var(--gray-5);\n}\n\n@media only all and (min-width: 37.5625em) {\n .o-table--striped > tbody > tr:nth-child(even) > th, .o-table--striped > tbody > tr:nth-child(even) > td {\n background: var(--gray-5);\n }\n}\n@media only screen and (max-width: 600px) {\n .o-table {\n width: 100%;\n }\n .o-table--striped tr:nth-child(even) > th, .o-table--striped tr:nth-child(even) > td {\n background: var(--white);\n }\n .o-table--stack-on-small {\n border-top: 1px solid var(--gray-40);\n }\n .o-table--stack-on-small tr,\n .o-table--stack-on-small td,\n .o-table--stack-on-small [data-display-table=row],\n .o-table--stack-on-small [data-display-table=cell] {\n display: block;\n }\n .o-table--stack-on-small th,\n .o-table--stack-on-small td,\n .o-table--stack-on-small [data-display-table=cell] {\n padding-right: 0;\n padding-left: 0;\n width: 100%;\n }\n .o-table--stack-on-small > thead,\n .o-table--stack-on-small [data-display-table=thead] {\n display: none;\n }\n .o-table--stack-on-small td[data-label]::before {\n display: block;\n margin-top: 0;\n margin-bottom: 0.3125em;\n content: attr(data-label);\n line-height: 1.83333333;\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n .o-table--stack-on-small td:last-child,\n .o-table--stack-on-small [data-display-table=cell]:last-child {\n margin-bottom: 1.875em;\n }\n}", "/* ==========================================================================\n Design System\n Advanced Typography\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-date {\n color: var(--gray);\n white-space: nowrap;\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.0714285714em;\n}\np + .a-date, ul + .a-date, ol + .a-date, dl + .a-date, figure + .a-date, img + .a-date, table + .a-date, blockquote + .a-date, h1 + .a-date, .h1 + .a-date, h2 + .a-date, .h2 + .a-date, h3 + .a-date, .h3 + .a-date, h4 + .a-date, .h4 + .a-date, h6 + .a-date, .h6 + .a-date {\n margin-top: 2.1428571429em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.a-link {\n border-bottom-width: 0;\n}\n.a-link .a-link__text {\n border-bottom-width: 1px;\n border-bottom-style: inherit;\n}\n\n.a-link--jump {\n font-weight: 500;\n}\n@media only all and (max-width: 37.5em) {\n .a-link--jump {\n position: relative;\n display: flex;\n align-items: center;\n gap: 0.3125rem;\n box-sizing: border-box;\n padding-top: 0.625em;\n padding-bottom: 0.625em;\n width: 100%;\n }\n .a-link--jump .cf-icon-svg--right {\n margin-left: auto;\n }\n .a-link--jump .a-link__text {\n border-bottom-width: 0;\n flex-shrink: 10;\n }\n}\n\na.a-link--jump {\n font-weight: 500;\n}\n@media only all and (max-width: 37.5em) {\n a.a-link--jump {\n border-top-width: 1px;\n border-bottom-width: 1px;\n }\n a.a-link--jump:focus {\n outline: none;\n }\n a.a-link--jump:focus::after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n outline: 1px dotted var(--gray);\n outline-offset: 2px;\n }\n}\n\n@media only all and (max-width: 37.5em) {\n li:has(.a-link--jump) + li:has(.a-link--jump) .a-link--jump {\n position: relative;\n border-top: none;\n }\n li:has(.a-link--jump) + li:has(.a-link--jump) a.a-link--jump:hover::before,\n li:has(.a-link--jump) + li:has(.a-link--jump) a.a-link--jump:focus::before {\n position: absolute;\n top: -1px;\n content: \"\";\n display: block;\n height: 1px;\n width: 100%;\n border-top: 1px solid currentcolor;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-list--unstyled,\n.m-list--horizontal,\n.m-list--links {\n padding-left: 0;\n list-style-type: none;\n}\n.m-list--unstyled .m-list__item,\n.m-list--horizontal .m-list__item,\n.m-list--links .m-list__item {\n margin-left: 0;\n}\n\n.m-list--spaced .m-list--spaced,\n.m-list--spaced .m-list__item + .m-list__item {\n margin-top: 1.5em;\n}\n\n.m-list--horizontal .m-list__item {\n display: inline-block;\n margin-right: 0.25em;\n margin-bottom: 0;\n}\n\n@media only all and (max-width: 37.5em) {\n .m-list--links .m-list__item {\n margin-bottom: 0;\n }\n}\n\nhtml[lang=ar] .m-list {\n padding-right: 0;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-meta-header {\n display: flex;\n flex-direction: column-reverse;\n flex-wrap: wrap-reverse;\n row-gap: 0.625rem;\n column-gap: 1.3125rem;\n width: -moz-fit-content;\n width: fit-content;\n padding-bottom: 0.625rem;\n overflow: hidden;\n}\n.m-meta-header__item-group {\n display: flex;\n flex-wrap: wrap;\n column-gap: 1.3125rem;\n}\n.m-meta-header__item {\n display: grid;\n grid-template-columns: 0 auto 1fr;\n row-gap: 0.3125rem;\n text-wrap: balance;\n margin-bottom: 0;\n font-size: 1.125em;\n font-weight: 500;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\np + .m-meta-header__item, ul + .m-meta-header__item, ol + .m-meta-header__item, dl + .m-meta-header__item, figure + .m-meta-header__item, img + .m-meta-header__item, table + .m-meta-header__item, blockquote + .m-meta-header__item, h1 + .m-meta-header__item, .h1 + .m-meta-header__item, h2 + .m-meta-header__item, .h2 + .m-meta-header__item, h3 + .m-meta-header__item, .h3 + .m-meta-header__item, h5 + .m-meta-header__item, .h5 + .m-meta-header__item, h6 + .m-meta-header__item, .h6 + .m-meta-header__item {\n margin-top: 1.6666666667em;\n}\n@media only all and (max-width: 37.5em) {\n .m-meta-header__item {\n margin-bottom: 0.625em;\n font-size: 1em;\n line-height: 1.125;\n }\n}\n@media only all and (max-width: 37.5em) {\n .m-meta-header__item {\n margin-bottom: 0.3125rem;\n }\n}\n.m-meta-header__item .cf-icon-svg {\n margin-right: 0.3125rem;\n}\n.m-meta-header__item::before {\n content: \"|\";\n margin-left: -0.8125rem;\n}\n.m-meta-header__item .a-date {\n font-size: 0.875rem;\n line-height: 1.7142857143;\n margin-bottom: 0;\n}\n@media only all and (min-width: 37.5625em) {\n .m-meta-header {\n flex-direction: row;\n }\n}", "@charset \"UTF-8\";\n/* ==========================================================================\n Design System\n Advanced Typography\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-pull-quote__body {\n color: var(--black);\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n@media only all and (max-width: 37.5em) {\n .m-pull-quote__body {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n }\n}\n.m-pull-quote__citation {\n color: var(--gray);\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.0714285714em;\n}\np + .m-pull-quote__citation, ul + .m-pull-quote__citation, ol + .m-pull-quote__citation, dl + .m-pull-quote__citation, figure + .m-pull-quote__citation, img + .m-pull-quote__citation, table + .m-pull-quote__citation, blockquote + .m-pull-quote__citation, h1 + .m-pull-quote__citation, .h1 + .m-pull-quote__citation, h2 + .m-pull-quote__citation, .h2 + .m-pull-quote__citation, h3 + .m-pull-quote__citation, .h3 + .m-pull-quote__citation, h4 + .m-pull-quote__citation, .h4 + .m-pull-quote__citation, h6 + .m-pull-quote__citation, .h6 + .m-pull-quote__citation {\n margin-top: 2.1428571429em;\n}\n.m-pull-quote__citation::before {\n content: \"\u2014\";\n}", "/* ==========================================================================\n Design System\n Advanced Typography\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-slug-header {\n border-top: 1px solid var(--gray-40);\n}\n.m-slug-header__heading {\n display: inline-block;\n padding-top: 0.2857142857em;\n border-top: 5px solid var(--green);\n margin-top: -3px;\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.0714285714em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-tagline {\n font-size: 0.75rem;\n display: grid;\n grid-template-columns: 22px 1fr;\n grid-column-gap: 10px;\n}\n.a-tagline__text {\n display: inline-block;\n}\n.a-tagline .u-usa-flag {\n margin-top: 1px;\n}\n.a-tagline--large {\n font-size: 1rem;\n}\n.a-tagline--large .u-usa-flag {\n margin-top: 4px;\n}\n\n.u-usa-flag {\n display: inline-block;\n width: 24px;\n height: 13px;\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAZCAMAAABAf11LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5QTFRF////sxlC7MbQ2YyhxlNxCjFhR2WJV3GSKUt1dYumOFh/GT5rhZiwwszYsr/OlKW6Zn6c0djh8PL1iR9Ko7LE4OXrl0pttKC0pXWRtYKbSuJhRQAAANFJREFUeNrkkctuwyAUREnSuW/ApHYf//+jBVdZVcJi3aORgAXcMyLBAAJEzsVG3m8TkifyI3zfPQ6nJJLo421CArSBmkgjNEWtQE4zXJmClXuCWIlU5hdQxCqbqnE1KdIz79CVDvBwZxyKfQfmHTyzl01UZSvOWSTbhZLSWeDMufWLC/1ls3amT4qQq394EjIjApxBT+/nr8eEBNuKcB9SWMpmEXalNOylmlUZNTr4vE/4VdKhpC+leQf6y/e0wzL3RdJtkfUJyzwW+ZcdfgQYAJmJD3zerW6OAAAAAElFTkSuQmCC\");\n background-size: contain;\n background-repeat: no-repeat;\n}", "/* ==========================================================================\n Dom Behaviors\n Behaviors are functionality that can be shared between different pieces\n of markup. They are not strictly atomic, though they likely are used\n on atomic components. An example of shared behavior may be a menu that\n expands and collapses and sets the aria-expanded attribute on the HTML.\n Or an input field that can be cleared by clicking an (x) button in the\n input. These are both behaviors that may appear in different parts of\n the codebase, but could share the same functionality.\n Behaviors are added through the `data-js-hook` attribute on the HTML\n and have a prefix of `behavior_`\n (both those designators are set in modules/util/standard-type.js).\n For example, `behaviors/FlyoutMenu.js` defines the behavior of\n expanding and collapsing an expandable menu. At a minimum, three things\n need to be defined: (A) The containing scope of the menu, (B) the trigger\n to activate the menu, and (C) the content to show/hide when the trigger\n is clicked. So the markup looks something like:\n
\n
\n ========================================================================== */\n\nimport { BEHAVIOR_PREFIX, JS_HOOK, contains } from '@cfpb/cfpb-design-system';\n\n/**\n * @param {string} behaviorSelector - Behavior type used to find the element\n * within the dom.\n * @param {HTMLElement} baseElement - Containing element for the behavior element.\n * @returns {Array|NodeList} behaviorElements if it exists in the dom,\n * null otherwise.\n */\nfunction _findElements(behaviorSelector, baseElement) {\n baseElement = baseElement || document;\n let behaviorElements = [];\n\n try {\n behaviorElements = baseElement.querySelectorAll(behaviorSelector);\n } catch (error) {\n const msg = `${behaviorSelector} not found in DOM! ${error}`;\n throw new Error(msg);\n }\n\n if (\n behaviorElements.length === 0 &&\n behaviorSelector.indexOf(BEHAVIOR_PREFIX) === -1\n ) {\n // eslint-disable-next-line no-use-before-define\n behaviorElements = find(behaviorSelector, baseElement);\n }\n\n return behaviorElements;\n}\n\n/**\n * @param {( string|HTMLElement|Array|NodeList )} behaviorElement - Used to\n * query dom for elements.\n * @param {string} event - Event type to add to element.\n * @param {Function} eventHandler - Callback for event.\n * @param {HTMLElement} baseElement - Containing element\n * for the behavior element.\n * @returns {Array|NodeList} if it exists in the dom, null otherwise.\n */\nfunction attach(behaviorElement, event, eventHandler, baseElement) {\n let behaviorElements = [];\n\n if (behaviorElement instanceof NodeList === true) {\n behaviorElements = behaviorElement;\n } else if (behaviorElement instanceof Node === true) {\n behaviorElements = [behaviorElement];\n } else if (typeof behaviorElement === 'string') {\n behaviorElements = _findElements(behaviorElement, baseElement);\n }\n\n for (let i = 0, len = behaviorElements.length; i < len; i++) {\n behaviorElements[i].addEventListener(event, eventHandler, false);\n }\n\n return behaviorElements;\n}\n\n/**\n * @param {HTMLElement} element - The DOM element within which to search\n * for the behavior in the data-js-hook attribute.\n * @param {string} behaviorDataAttr - The value in the data-js-hook.\n * This is the name of the behavior.\n * E.g. `behavior_flyout-menu`, `behavior_flyout-menu_content`.\n * @returns {HTMLElement} The DOM element that has an attached behavior.\n * @throws {Error} If data-js-hook attribute value was not found on DOM element.\n */\nfunction checkBehaviorDom(element, behaviorDataAttr) {\n // Check that the behavior is found on the passed DOM node.\n let dom;\n\n if (contains(element, behaviorDataAttr)) {\n dom = element;\n return dom;\n }\n\n /* If the passed DOM node isn't null,\n query the node to see if it's in the children. */\n if (element) {\n const selector = '[' + JS_HOOK + '=' + behaviorDataAttr + ']';\n dom = element.querySelector(selector);\n }\n\n if (!dom) {\n const msg = behaviorDataAttr + ' behavior not found on passed DOM node!';\n throw new Error(msg);\n }\n\n return dom;\n}\n\n/**\n * @param {string} behaviorSelector - Behavior type used to find\n * the element within the dom.\n * @param {HTMLElement} baseElement - Containing element\n * for the behavior element.\n * @returns {NodeList} if it exists in the dom, null otherwise.\n */\nfunction find(behaviorSelector, baseElement) {\n behaviorSelector = JS_HOOK + '*=' + BEHAVIOR_PREFIX + behaviorSelector;\n behaviorSelector = '[' + behaviorSelector + ']';\n\n return _findElements(behaviorSelector, baseElement);\n}\n\n/**\n * @param {HTMLElement} behaviorElement - Element in which to remove the event.\n * @param {string} event - Event type to remove from the element.\n * @param {Function} eventHandler - Callback for event.\n */\nfunction remove(behaviorElement, event, eventHandler) {\n behaviorElement.removeEventListener(event, eventHandler);\n}\n\n// Expose public methods.\nexport { attach, checkBehaviorDom, find, remove };\n", "/* ==========================================================================\n Javascript Type Checkers\n\n Various utility functions to check Javascript types and primitives.\n\n Contains code copied from with moderate modifications:\n\n https://github.com/angular/angular.js/blob/master/src/Angular.js.\n Copyright (c) 2010-2015 Google, Inc. http://angularjs.org\n\n ========================================================================== */\n\nconst _toString = Object.prototype.toString;\n\n/**\n * @name isUndefined\n * @kind function\n * @description\n * Determines if a reference is undefined.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is undefined.\n */\nfunction isUndefined(value) {\n return typeof value === 'undefined';\n}\n\n/**\n * @name isDefined\n * @kind function\n * @description\n * Determines if a reference is defined.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is defined.\n */\nfunction isDefined(value) {\n return typeof value !== 'undefined';\n}\n\n/**\n * @name isObject\n * @kind function\n * @description\n * Determines if a reference is an `Object`.\n * Unlike `typeof` in JavaScript, `null`s are not\n * considered to be objects. Note that JavaScript arrays are objects.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is an `Object` but not `null`.\n */\nfunction isObject(value) {\n // http://jsperf.com/isobject4\n return value !== null && typeof value === 'object';\n}\n\n/**\n * @name isString\n * @kind function\n * @description\n * Determines if a reference is a `String`.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is a `String`.\n */\nfunction isString(value) {\n return _toString.call(value) === '[object String]';\n}\n\n/**\n * @name isNumber\n * @kind function\n * @description\n * Determines if a reference is a `Number`.\n *\n * This includes the \"special\" numbers `NaN`, `+Infinity` and `-Infinity`.\n *\n * If you wish to exclude these then you can use the native\n * [`isFinite'](https://developer.mozilla.org/en-US/docs/Web/JavaScript/\n * Reference/Global_Objects/isFinite)\n * method.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is a `Number`.\n */\nfunction isNumber(value) {\n return _toString.call(value) === '[object Number]';\n}\n\n/**\n * @name isDate\n * @kind function\n * @description\n * Determines if a value is a date.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is a `Date`.\n */\nfunction isDate(value) {\n return _toString.call(value) === '[object Date]';\n}\n\n/**\n * @name isArray\n * @kind function\n * @description\n * Determines if a reference is an `Array`.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is an `Array`.\n */\nconst isArray =\n Array.isArray ||\n function isArray(value) {\n return _toString.call(value) === '[object Array]';\n };\n\n/**\n * @name isFunction\n * @kind function\n * @description\n * Determines if a reference is a `Function`.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is a `Function`.\n */\nfunction isFunction(value) {\n return _toString.call(value) === '[object Function]';\n}\n\n// TODO Fix complexity issue\n/* eslint-disable complexity, no-mixed-operators */\n/**\n * @name isEmpty\n * @kind function\n * @description\n * Determines if a reference is empty.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is empty.\n */\nfunction isEmpty(value) {\n return (\n isUndefined(value) ||\n value === null ||\n (isString(value) && value.length <= 0) ||\n /^\\s*$/.test(value)\n );\n}\n/* eslint-enable complexity, no-mixed-operators */\n\n// Expose public methods.\nexport {\n isUndefined,\n isDefined,\n isObject,\n isString,\n isNumber,\n isDate,\n isArray,\n isFunction,\n isEmpty,\n};\n", "/* ==========================================================================\n Media Helpers.\n Utilities for working with different screen sizes and operating systems.\n ========================================================================= */\n\n/**\n * Query the browser's user agent string to see if it's on a mobile OS.\n * @returns {boolean} True if on a mobile user agent, false otherwise.\n */\nfunction isMobileUserAgent() {\n const regex = new RegExp(\n /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i,\n );\n if (regex.test(navigator.userAgent)) {\n return true;\n }\n return false;\n}\n\n// Expose public methods.\nexport { isMobileUserAgent };\n", "/* eslint-disable no-use-before-define */\nimport {\n BEHAVIOR_PREFIX,\n JS_HOOK,\n BaseTransition,\n EventObserver,\n checkBehaviorDom,\n} from '@cfpb/cfpb-design-system';\n\nconst BASE_CLASS = BEHAVIOR_PREFIX + 'flyout-menu';\nconst SEL_PREFIX = '[' + JS_HOOK + '=' + BASE_CLASS;\n\n/**\n * FlyoutMenu\n * @class\n * @classdesc Initializes new FlyoutMenu behavior.\n * Behaviors are functionality that can be shared between different pieces\n * of markup. They are not strictly atomic, though they likely are used\n * on atomic components.\n * As added JS behavior, this is added through HTML data-js-hook attributes.\n *\n * Structure is:\n * behavior_flyout-menu\n * behavior_flyout-menu_trigger\n * behavior_flyout-menu_content\n * behavior_flyout-menu_trigger (optional)\n *\n * The second trigger is optional and may be used for a button in the content\n * area, which may obscure the first trigger.\n * The flyout can be triggered through a click of either trigger.\n * @param {HTMLElement} element - The DOM element to attach FlyoutMenu behavior.\n * @param {boolean} autoHideContent - Whether to add `hidden` attribute to\n * content when it is collapsed.\n * @returns {FlyoutMenu} An instance.\n */\nfunction FlyoutMenu(element, autoHideContent = true) {\n // Verify that the expected dom attributes are present.\n const _dom = checkBehaviorDom(element, BASE_CLASS);\n const _triggerDoms = _findTriggers(element);\n const _contentDom = checkBehaviorDom(element, BASE_CLASS + '_content');\n\n // Flyouts appear in one of four states.\n let _state = 0;\n const COLLAPSED = 0;\n const COLLAPSING = 1;\n const EXPANDING = 2;\n const EXPANDED = 3;\n\n let _transition;\n let _expandTransitionMethod;\n let _collapseTransitionMethod;\n\n // Binded events.\n // Needed to add and remove events to transitions.\n const _collapseEndBinded = _collapseEnd.bind(this);\n const _expandEndBinded = _expandEnd.bind(this);\n\n /* If this menu appears in a data source,\n this can be used to store the source.\n Examples include the index in an Array,\n a key in an Hash, or a node in a Tree. */\n let _data;\n\n // Whether this instance's behaviors are suspended or not.\n let _suspended = true;\n\n /* Event immediately preceeding mouseover is touchstart,\n if that event's present we'll want to ignore mouseover\n to avoid a mouseover and click immediately after each other. */\n let _touchTriggered = false;\n\n /**\n * Iterate over dom tree and find FlyoutMenu triggers.\n * We need to exclude the ones that are nested FlyoutMenus, since those\n * will be managed by their own instance of this class.\n * @param {HTMLElement} element - The DOM element to search for triggers within.\n * @returns {Array} List of trigger DOM references within this FlyoutMenu.\n */\n function _findTriggers(element) {\n const triggersList = [];\n const triggers = element.querySelectorAll(`${SEL_PREFIX}_trigger]`);\n\n let trigger;\n let triggerParent;\n let isSubTrigger;\n // Iterate backwards ensuring that length is an UInt32.\n for (let i = triggers.length >>> 0; i--; ) {\n isSubTrigger = false;\n trigger = triggers[i];\n triggerParent = trigger.parentElement;\n while (triggerParent !== element) {\n if (\n triggerParent.getAttribute(JS_HOOK) &&\n triggerParent.getAttribute(JS_HOOK).split(' ').indexOf(BASE_CLASS) !==\n -1\n ) {\n isSubTrigger = true;\n triggerParent = element;\n } else {\n triggerParent = triggerParent.parentElement;\n }\n }\n\n if (!isSubTrigger) {\n triggersList.unshift(triggers[i]);\n }\n }\n\n return triggersList;\n }\n\n /**\n * @returns {FlyoutMenu} An instance.\n * @param {boolean} isExpanded - Whether the flyout menu is expanded at\n * initialization-time or collapsed.\n */\n function init(isExpanded = false) {\n _state = isExpanded ? EXPANDED : COLLAPSED;\n _triggerDoms.forEach((triggerDom) => {\n _setAriaAttr('expanded', triggerDom, isExpanded);\n\n triggerDom.addEventListener('click', _handleTriggerClicked.bind(this));\n triggerDom.addEventListener('touchstart', _handleTouchStart, {\n passive: true,\n });\n triggerDom.addEventListener('mouseover', _handleTriggerOver.bind(this));\n triggerDom.addEventListener('mouseout', _handleTriggerOut.bind(this));\n });\n\n _contentDom.setAttribute('data-open', isExpanded ? 'true' : 'false');\n if (autoHideContent && !isExpanded) _contentDom.setAttribute('hidden', '');\n\n resume();\n\n return this;\n }\n\n /**\n * Set an aria attribute on an HTML element.\n * @param {string} type - The aria attribute to set\n * (without the aria- prefix).\n * @param {HTMLElement} elem - The element to set.\n * @param {boolean} value - The value to set on `aria-expanded`,\n * casts to a string.\n * @returns {string} The cast value.\n */\n function _setAriaAttr(type, elem, value) {\n const strValue = String(value);\n elem.setAttribute('aria-' + type, strValue);\n return strValue;\n }\n\n /**\n * Event handler for when the search input trigger is touched.\n */\n function _handleTouchStart() {\n _touchTriggered = true;\n }\n\n /**\n * Event handler for when the trigger is hovered over.\n * @param {MouseEvent} event - The clicked flyout trigger event object.\n */\n function _handleTriggerOver(event) {\n if (_suspended) return;\n\n if (!_touchTriggered) {\n this.dispatchEvent('triggerover', {\n target: this,\n trigger: event.target,\n type: 'triggerover',\n });\n }\n\n _touchTriggered = false;\n }\n\n /**\n * Event handler for when the trigger is hovered out.\n * @param {MouseEvent} event - The clicked flyout trigger event object.\n */\n function _handleTriggerOut(event) {\n if (_suspended) return;\n\n this.dispatchEvent('triggerout', {\n target: this,\n trigger: event.target,\n type: 'triggerout',\n });\n }\n\n /**\n * Event handler for when the search input trigger is clicked,\n * which opens/closes the search input.\n * @param {MouseEvent} event - The clicked flyout trigger event object.\n */\n function _handleTriggerClicked(event) {\n if (_suspended) return;\n\n this.dispatchEvent('triggerclick', {\n target: this,\n trigger: event.target,\n type: 'triggerclick',\n });\n\n event.preventDefault();\n\n switch (_state) {\n case COLLAPSED:\n case COLLAPSING:\n this.expand();\n break;\n case EXPANDING:\n case EXPANDED:\n this.collapse();\n break;\n }\n }\n\n /**\n * Open the search box.\n * @returns {FlyoutMenu} An instance.\n */\n function expand() {\n _transition?.halt();\n if (_state === EXPANDING || _state === EXPANDED) return this;\n\n _state = EXPANDING;\n if (autoHideContent) _contentDom.removeAttribute('hidden');\n this.dispatchEvent('expandbegin', { target: this, type: 'expandbegin' });\n\n // Only use transitions if both expand and collapse are set.\n if (!_expandTransitionMethod || !_collapseTransitionMethod) {\n _expandEndBinded();\n return this;\n }\n\n const hasTransition = _transition?.isAnimated();\n if (hasTransition) {\n _transition.addEventListener(BaseTransition.END_EVENT, _expandEndBinded);\n }\n\n _expandTransitionMethod();\n\n if (!hasTransition) {\n _expandEndBinded();\n }\n\n return this;\n }\n\n /**\n * Close the search box.\n * If collapse is called when expand animation is underway,\n * save a deferred call to collapse, which is called when\n * expand completes.\n * @returns {FlyoutMenu} An instance.\n */\n function collapse() {\n _transition?.halt();\n if (_state === COLLAPSING || _state === COLLAPSED) return this;\n\n for (let i = 0, len = _triggerDoms.length; i < len; i++) {\n _setAriaAttr('expanded', _triggerDoms[i], false);\n }\n\n _contentDom.setAttribute('data-open', 'false');\n\n _state = COLLAPSING;\n this.dispatchEvent('collapsebegin', {\n target: this,\n type: 'collapsebegin',\n });\n\n // Only use transitions if both expand and collapse are set.\n if (!_collapseTransitionMethod || !_expandTransitionMethod) {\n _collapseEndBinded();\n return this;\n }\n\n const hasTransition = _transition?.isAnimated();\n if (hasTransition) {\n _transition.addEventListener(\n BaseTransition.END_EVENT,\n _collapseEndBinded,\n );\n }\n\n _collapseTransitionMethod();\n\n if (!hasTransition) {\n _collapseEndBinded();\n }\n\n return this;\n }\n\n /**\n * Expand animation has completed.\n * Call deferred collapse function,\n * if set (otherwise it will call a noop function).\n */\n function _expandEnd() {\n _state = EXPANDED;\n _contentDom.setAttribute('data-open', 'true');\n if (_transition) {\n _transition.removeEventListener(\n BaseTransition.END_EVENT,\n _expandEndBinded,\n );\n }\n this.dispatchEvent('expandend', { target: this, type: 'expandend' });\n\n for (let i = 0, len = _triggerDoms.length; i < len; i++) {\n _setAriaAttr('expanded', _triggerDoms[i], true);\n }\n }\n\n /**\n * Collapse animation has completed.\n */\n function _collapseEnd() {\n _state = COLLAPSED;\n\n if (autoHideContent) _contentDom.setAttribute('hidden', '');\n\n if (_transition) {\n _transition.removeEventListener(\n BaseTransition.END_EVENT,\n _collapseEndBinded,\n );\n }\n\n this.dispatchEvent('collapseend', { target: this, type: 'collapseend' });\n }\n\n /**\n * Set the transition that runs when this flyout is expanded/collapsed.\n * @param {BaseTransition} transition - A transition object.\n * @param {Function} collapseMethod - The collapse method to call on the transition.\n * @param {Function} expandMethod - The expand method to call on the transition.\n */\n function setTransition(transition, collapseMethod, expandMethod) {\n _transition = transition;\n\n if (collapseMethod && collapseMethod !== _collapseTransitionMethod) {\n _collapseTransitionMethod = collapseMethod;\n }\n\n if (expandMethod && expandMethod !== _expandTransitionMethod) {\n _expandTransitionMethod = expandMethod;\n }\n }\n\n /**\n * Clear the transitions attached to this FlyoutMenu instance.\n */\n function clearTransition() {\n if (_transition) {\n _transition.remove();\n }\n\n let UNDEFINED;\n\n _transition = UNDEFINED;\n\n _expandTransitionMethod = UNDEFINED;\n _collapseTransitionMethod = UNDEFINED;\n }\n\n /**\n * @returns {object}\n * Hash of container, content DOM references, and a list of trigger DOMs.\n */\n function getDom() {\n return {\n container: _dom,\n content: _contentDom,\n trigger: _triggerDoms,\n };\n }\n\n /**\n * Enable broadcasting of trigger events.\n * @returns {boolean} True if resumed, false otherwise.\n */\n function resume() {\n if (_suspended) _suspended = false;\n\n return !_suspended;\n }\n\n /**\n * Suspend broadcasting of trigger events.\n * @returns {boolean} True if suspended, false otherwise.\n */\n function suspend() {\n if (!_suspended) _suspended = true;\n\n return _suspended;\n }\n\n /**\n * @param {number | string | object} data - A data identifier\n * such as an Array index, Hash key, or Tree node.\n * @returns {FlyoutMenu} An instance.\n */\n function setData(data) {\n _data = data;\n\n return this;\n }\n\n // Attach public events.\n const eventObserver = new EventObserver();\n this.addEventListener = eventObserver.addEventListener;\n this.removeEventListener = eventObserver.removeEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n\n this.init = init;\n this.expand = expand;\n this.collapse = collapse;\n this.setTransition = setTransition;\n this.clearTransition = clearTransition;\n this.getData = () => _data;\n this.getTransition = () => _transition;\n this.getDom = getDom;\n this.isAnimating = () => _state === EXPANDING || _state === COLLAPSING;\n this.isExpanded = () => _state === EXPANDED;\n this.resume = resume;\n this.setData = setData;\n this.suspend = suspend;\n\n // Public static properties.\n FlyoutMenu.BASE_CLASS = BASE_CLASS;\n\n return this;\n}\n\nexport { FlyoutMenu };\n", "import { BaseTransition, EventObserver } from '@cfpb/cfpb-design-system';\n\n// Exported constants.\nconst CLASSES = {\n CSS_PROPERTY: 'opacity',\n BASE_CLASS: 'u-alpha-transition',\n ALPHA_100: 'u-alpha-100',\n ALPHA_0: 'u-alpha-0',\n};\n\n/**\n * AlphaTransition\n * @class\n * @classdesc Initializes new AlphaTransition behavior.\n * @param {HTMLElement} element - DOM element to apply opacity transition to.\n * @returns {AlphaTransition} An instance.\n */\nfunction AlphaTransition(element) {\n const eventObserver = new EventObserver();\n const _baseTransition = new BaseTransition(element, CLASSES, this);\n\n /**\n * @param {Function} initialClass - The initial state for this transition.\n * @returns {AlphaTransition} An instance.\n */\n function init(initialClass) {\n _baseTransition.init(initialClass);\n\n return this;\n }\n\n /**\n * Fade to 100% by applying a utility alpha class.\n * @returns {AlphaTransition} An instance.\n */\n function fadeIn() {\n _baseTransition.applyClass(CLASSES.ALPHA_100);\n\n return this;\n }\n\n /**\n * Fade to nothing by applying a utility alpha class.\n * @returns {AlphaTransition} An instance.\n */\n function fadeOut() {\n _baseTransition.applyClass(CLASSES.ALPHA_0);\n\n return this;\n }\n\n // Attach public events.\n this.addEventListener = eventObserver.addEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n this.removeEventListener = eventObserver.removeEventListener;\n\n this.animateOff = _baseTransition.animateOff;\n this.animateOn = _baseTransition.animateOn;\n this.halt = _baseTransition.halt;\n this.isAnimated = _baseTransition.isAnimated;\n this.remove = _baseTransition.remove;\n this.setElement = _baseTransition.setElement;\n\n this.fadeIn = fadeIn;\n this.fadeOut = fadeOut;\n this.init = init;\n\n return this;\n}\n\n// Public static properties.\nAlphaTransition.CLASSES = CLASSES;\n\nexport { AlphaTransition };\n", "import * as TransitionStyles from './transition.scss';\n\n/**\n * BaseTransition\n * @class\n * @classdesc Initializes new BaseTransition behavior.\n * This shouldn't be used directly, but instead should be\n * the base class used through composition by a specific transition.\n * @param {HTMLElement} element - DOM element to apply transition to.\n * @param {object} classes - The classes to apply to this transition.\n * @param {object} child - The child transition using this as a base.\n * @returns {BaseTransition} An instance.\n */\nfunction BaseTransition(element, classes, child) {\n const _classes = classes;\n let _dom = element;\n if (!child) throw new Error('Child transition argument must be defined!');\n const _child = child;\n\n let _lastClass;\n let _transitionEndEvent;\n let _transitionCompleteBinded;\n\n let _isAnimated = false;\n let _isAnimating = false;\n let _isFlushed = false;\n\n // Make sure required attributes are passed in.\n if (\n typeof _classes.CSS_PROPERTY === 'undefined' ||\n typeof _classes.BASE_CLASS === 'undefined'\n ) {\n throw new Error(\n 'Transitions require CSS_PROPERTY and BASE_CLASS ' +\n 'to be passed into BaseTransition.',\n );\n }\n\n /**\n * Add an event listener to the transition, or call the transition\n * complete handler immediately if the transition is not supported.\n */\n function _addEventListener() {\n /*\n If transition is supported and the animation is animated,\n listen for transition end event, otherwise call the handler directly.\n Some browsers (e.g. IE9/OperaMini) do not support transitionend event.\n If \"transition-duration: 0s\" is set, transitionEnd event will not\n fire, so we need to call the handler straight away.\n */\n if (_transitionEndEvent && _isAnimated) {\n _dom.addEventListener(_transitionEndEvent, _transitionCompleteBinded);\n _child.dispatchEvent(BaseTransition.BEGIN_EVENT, {\n target: _child,\n type: BaseTransition.BEGIN_EVENT,\n });\n\n _dom.classList.add(BaseTransition.ANIMATING_CLASS);\n _isAnimating = true;\n } else {\n _child.dispatchEvent(BaseTransition.BEGIN_EVENT, {\n target: _child,\n type: BaseTransition.BEGIN_EVENT,\n });\n _transitionCompleteBinded();\n }\n }\n\n /**\n * Remove an event listener to the transition.\n */\n function _removeEventListener() {\n _dom.removeEventListener(_transitionEndEvent, _transitionCompleteBinded);\n }\n\n /**\n * Handle the end of a transition.\n * @param {TransitionEvent} evt - Transition event object.\n * @returns {boolean} True if transition was cleaned up,\n * false if an outside transitioning property triggered this event handler.\n */\n function _transitionComplete(evt) {\n if (evt && evt.propertyName !== _classes.CSS_PROPERTY) {\n return false;\n }\n\n _removeEventListener();\n _dom.classList.remove(BaseTransition.ANIMATING_CLASS);\n _child.dispatchEvent(BaseTransition.END_EVENT, {\n target: _child,\n type: BaseTransition.END_EVENT,\n });\n _isAnimating = false;\n return true;\n }\n\n /**\n * Search for and remove initial BaseTransition classes that have\n * already been applied to this BaseTransition's target element.\n */\n function _flush() {\n let prop;\n for (prop in _classes) {\n if (\n {}.hasOwnProperty.call(_classes, prop) &&\n _classes[prop] !== _classes.BASE_CLASS &&\n _dom.classList.contains(_classes[prop])\n ) {\n _dom.classList.remove(_classes[prop]);\n }\n }\n }\n\n /**\n * Halt an in-progress animation and call the complete event immediately.\n */\n function halt() {\n if (!_isAnimating) {\n return;\n }\n _dom.style.webkitTransitionDuration = '0';\n _dom.style.mozTransitionDuration = '0';\n _dom.style.oTransitionDuration = '0';\n _dom.style.transitionDuration = '0';\n _dom.removeEventListener(_transitionEndEvent, _transitionCompleteBinded);\n _transitionCompleteBinded();\n _dom.style.webkitTransitionDuration = '';\n _dom.style.mozTransitionDuration = '';\n _dom.style.oTransitionDuration = '';\n _dom.style.transitionDuration = '';\n }\n\n /**\n * Remove all transition classes, if transition is initialized.\n */\n function remove() {\n halt();\n _flush();\n _dom.classList.remove(_classes.BASE_CLASS);\n }\n\n /**\n * Add a \"transition-duration: 0s\" utility CSS class.\n */\n function animateOn() {\n _dom.classList.remove(BaseTransition.NO_ANIMATION_CLASS);\n _isAnimated = true;\n }\n\n /**\n * Remove a \"transition-duration: 0s\" utility CSS class.\n */\n function animateOff() {\n _dom.classList.add(BaseTransition.NO_ANIMATION_CLASS);\n _isAnimated = false;\n }\n\n /**\n * @param {HTMLElement} elem - The element to check\n * for support of transition end event.\n * @returns {string} The browser-prefixed transition end event.\n */\n function _getTransitionEndEvent(elem) {\n if (!elem) {\n const msg = 'Element does not have TransitionEnd event. It may be null!';\n throw new Error(msg);\n }\n\n let transition;\n const transitions = {\n WebkitTransition: 'webkitTransitionEnd',\n MozTransition: 'transitionend',\n OTransition: 'oTransitionEnd otransitionend',\n transition: 'transitionend',\n };\n\n let transitionEvent;\n for (transitionEvent in transitions) {\n if (\n {}.hasOwnProperty.call(transitions, transitionEvent) &&\n typeof elem.style[transitionEvent] !== 'undefined'\n ) {\n transition = transitions[transitionEvent];\n break;\n }\n }\n return transition;\n }\n\n /**\n * Set the HTML element target of this transition.\n * @param {HTMLElement} targetElement - The target of the transition.\n */\n function setElement(targetElement) {\n // Clear the transition classes from the old element.\n remove();\n animateOn();\n\n _dom = targetElement;\n _dom.classList.add(_classes.BASE_CLASS);\n _transitionEndEvent = _getTransitionEndEvent(_dom);\n }\n\n /**\n * @param {Function} initialClass - The initial state for this transition.\n * @returns {BaseTransition} An instance.\n */\n function init(initialClass) {\n _isAnimated = !_dom.classList.contains(BaseTransition.NO_ANIMATION_CLASS);\n _transitionCompleteBinded = _transitionComplete.bind(this);\n setElement(_dom);\n if (!initialClass) {\n throw new Error(\n 'Transition needs to be passed an initial CSS class on initialization!',\n );\n }\n _dom.classList.add(initialClass);\n\n return this;\n }\n\n /**\n * @param {string} className - A CSS class.\n * @returns {boolean} False if the class is already applied,\n * otherwise true if the class was applied.\n */\n function applyClass(className) {\n if (!_isFlushed) {\n _flush();\n _isFlushed = true;\n }\n\n if (_dom.classList.contains(className)) {\n return false;\n }\n\n _removeEventListener();\n _dom.classList.remove(_lastClass);\n _lastClass = className;\n _addEventListener();\n _dom.classList.add(_lastClass);\n\n return true;\n }\n\n // Attach public events.\n this.animateOff = animateOff;\n this.animateOn = animateOn;\n this.applyClass = applyClass;\n this.halt = halt;\n this.init = init;\n this.isAnimated = () => _isAnimated;\n this.remove = remove;\n this.setElement = setElement;\n\n return this;\n}\n\n// Public static constants.\nBaseTransition.BEGIN_EVENT = 'transitionbegin';\nBaseTransition.END_EVENT = 'transitionend';\nBaseTransition.NO_ANIMATION_CLASS = 'u-no-animation';\nBaseTransition.ANIMATING_CLASS = 'u-is-animating';\n\nexport { BaseTransition, TransitionStyles };\n", "import { BaseTransition, EventObserver } from '@cfpb/cfpb-design-system';\n\n// Exported constants.\nconst CLASSES = {\n CSS_PROPERTY: 'max-height',\n BASE_CLASS: 'u-max-height-transition',\n MH_DEFAULT: 'u-max-height-default',\n MH_SUMMARY: 'u-max-height-summary',\n MH_ZERO: 'u-max-height-zero',\n};\n\n/**\n * MoveTransition\n * @class\n * @classdesc Initializes new MoveTransition behavior.\n * @param {HTMLElement} element - DOM element to apply transition to.\n * @returns {MaxHeightTransition} An instance.\n */\nfunction MaxHeightTransition(element) {\n const eventObserver = new EventObserver();\n const _baseTransition = new BaseTransition(element, CLASSES, this);\n let _previousHeight = 0;\n\n /**\n * Refresh the max height set on the element.\n * This may be useful if resizing the window and the content height changes.\n */\n function refresh() {\n const elmHeight = element.scrollHeight;\n const newHeight = elmHeight + 'px';\n element.style.maxHeight = newHeight;\n }\n\n /**\n * The whole page has loaded,\n * including all dependent resources such as stylesheets and images.\n */\n function _pageLoaded() {\n window.removeEventListener('load', _pageLoaded);\n refresh();\n }\n\n /**\n * @param {Function} initialClass - The initial state for this transition.\n * @returns {MaxHeightTransition} An instance.\n */\n function init(initialClass) {\n _baseTransition.init(initialClass);\n\n /*\n The scrollHeight of an element may be incorrect if the page hasn't\n fully loaded yet, so we listen for that to happen before calculating\n the element max-height.\n */\n window.addEventListener('load', _pageLoaded);\n\n /*\n The scrollHeight of an element may change on page load.\n */\n window.addEventListener('resize', () => {\n refresh();\n });\n\n return this;\n }\n\n /**\n * Reset the max-height to the default size.\n * @returns {MaxHeightTransition} An instance.\n */\n function maxHeightDefault() {\n refresh();\n _baseTransition.applyClass(CLASSES.MH_DEFAULT);\n\n if (!_previousHeight || element.scrollHeight > _previousHeight) {\n _previousHeight = element.scrollHeight;\n }\n\n return this;\n }\n\n /**\n * Collapses the max-height to just a summary height.\n * @returns {MaxHeightTransition} An instance.\n */\n function maxHeightSummary() {\n _baseTransition.applyClass(CLASSES.MH_SUMMARY);\n\n _previousHeight = element.scrollHeight;\n\n return this;\n }\n\n /**\n * Collapses thte max-height completely.\n * @returns {MaxHeightTransition} An instance.\n */\n function maxHeightZero() {\n _baseTransition.applyClass(CLASSES.MH_ZERO);\n\n _previousHeight = element.scrollHeight;\n\n return this;\n }\n\n /**\n * Remove style attribute.\n * Remove all transition classes, if transition is initialized.\n * @returns {boolean}\n * True, if the element's CSS classes were touched, false otherwise.\n */\n function remove() {\n element.style.maxHeight = '';\n return _baseTransition.remove();\n }\n\n // Attach public events.\n this.addEventListener = eventObserver.addEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n this.removeEventListener = eventObserver.removeEventListener;\n\n this.animateOff = _baseTransition.animateOff;\n this.animateOn = _baseTransition.animateOn;\n this.halt = _baseTransition.halt;\n this.isAnimated = _baseTransition.isAnimated;\n this.setElement = _baseTransition.setElement;\n this.refresh = refresh;\n this.remove = remove;\n\n this.init = init;\n this.maxHeightDefault = maxHeightDefault;\n this.maxHeightSummary = maxHeightSummary;\n this.maxHeightZero = maxHeightZero;\n\n return this;\n}\n\n// Public static properties.\nMaxHeightTransition.CLASSES = CLASSES;\n\nexport { MaxHeightTransition };\n", "import { BaseTransition, EventObserver } from '@cfpb/cfpb-design-system';\n\n// Exported constants.\nconst CLASSES = {\n CSS_PROPERTY: 'transform',\n BASE_CLASS: 'u-move-transition',\n MOVE_TO_ORIGIN: 'u-move-to-origin',\n MOVE_LEFT: 'u-move-left',\n MOVE_LEFT_2X: 'u-move-left-2x',\n MOVE_LEFT_3X: 'u-move-left-3x',\n MOVE_RIGHT: 'u-move-right',\n MOVE_UP: 'u-move-up',\n};\n\n/**\n * MoveTransition\n * @class\n * @classdesc Initializes new MoveTransition behavior.\n * @param {HTMLElement} element - DOM element to apply move transition to.\n * @returns {MoveTransition} An instance.\n */\nfunction MoveTransition(element) {\n const eventObserver = new EventObserver();\n const _baseTransition = new BaseTransition(element, CLASSES, this);\n\n /**\n * @param {Function} initialClass - The initial state for this transition.\n * @returns {MoveTransition} An instance.\n */\n function init(initialClass) {\n _baseTransition.init(initialClass);\n\n return this;\n }\n\n /**\n * Move to the element's original coordinates.\n * @returns {MoveTransition} An instance.\n */\n function moveToOrigin() {\n _baseTransition.applyClass(CLASSES.MOVE_TO_ORIGIN);\n\n return this;\n }\n\n /**\n * Move to the left by applying a utility move class.\n * @param {number} count - How many times to move left\n * as a multiplication of the element's width.\n * @returns {MoveTransition} An instance.\n */\n function _moveLeft(count) {\n count = count || 1;\n const moveClasses = [\n CLASSES.MOVE_LEFT,\n CLASSES.MOVE_LEFT_2X,\n CLASSES.MOVE_LEFT_3X,\n ];\n\n _baseTransition.applyClass(moveClasses[count - 1]);\n\n return this;\n }\n\n /**\n * Move to the right by applying a utility move class.\n * @returns {MoveTransition} An instance.\n */\n function moveRight() {\n _baseTransition.applyClass(CLASSES.MOVE_RIGHT);\n\n return this;\n }\n\n /**\n * Move up by applying a utility move class.\n * @returns {MoveTransition} An instance.\n */\n function moveUp() {\n _baseTransition.applyClass(CLASSES.MOVE_UP);\n\n return this;\n }\n\n // Attach public events.\n this.addEventListener = eventObserver.addEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n this.removeEventListener = eventObserver.removeEventListener;\n\n this.animateOff = _baseTransition.animateOff;\n this.animateOn = _baseTransition.animateOn;\n this.halt = _baseTransition.halt;\n this.isAnimated = _baseTransition.isAnimated;\n this.setElement = _baseTransition.setElement;\n this.remove = _baseTransition.remove;\n\n this.init = init;\n this.moveLeft = () => _moveLeft(1);\n this.moveLeft2 = () => _moveLeft(2);\n this.moveLeft3 = () => _moveLeft(3);\n this.moveRight = moveRight;\n this.moveToOrigin = moveToOrigin;\n this.moveUp = moveUp;\n\n return this;\n}\n\n// Public static properties.\nMoveTransition.CLASSES = CLASSES;\n\nexport { MoveTransition };\n", "// Undefined return value for void methods.\nlet UNDEFINED;\n\n// How many options may be checked.\nexport const MAX_SELECTIONS = 5;\n\n/**\n * Escapes a string.\n * @param {string} str - The string to escape.\n * @returns {string} The escaped string.\n */\nfunction stringEscape(str) {\n return str.replace(/[-\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n}\n\n/**\n * Tests whether a string matches another.\n * @param {string} x - The control string.\n * @param {string} y - The comparison string.\n * @returns {boolean} True if `x` and `y` match, false otherwise.\n */\nfunction stringMatch(x, y) {\n return RegExp(stringEscape(y.trim()), 'i').test(x);\n}\n\n/**\n * @class\n * MultiselectModel\n * @param {HTMLOptionsCollection} options -\n * Set of options from a element,\n and re-assign DOM reference. */\n _dom.parentNode.removeChild(_dom);\n _dom = newDom;\n\n /* We need to set init flag again since we've created a new
\n to replace the element.\n * @param {string} name - a unique name for this multiselect.\n * @param {object} config - Customization of Multiselect behavior\n */\nfunction MultiselectModel(options, name, config) {\n const _options = options;\n const _name = name;\n const _max = config?.maxSelections || MAX_SELECTIONS;\n\n let _optionsData = [];\n\n let _selectedIndices = [];\n let _filterIndices = [];\n\n /* When the options list is filtered, we store a list of filtered indices\n so that when the filter changes we can reset the last matched options. */\n let _lastFilterIndices = [];\n\n // Which option is in focus. -1 means the focus is on the search input.\n let _index = -1;\n\n /**\n * @param {HTMLElement} item - An option HTML node.\n * @returns {string} A (hopefully) unique ID.\n * If it's not unique, we have a duplicate option value.\n */\n function _getOptionId(item) {\n return _name + '-' + item.value.trim().replace(/\\s+/g, '-').toLowerCase();\n }\n\n /**\n * @returns {boolean}\n * True if the maximum number of options are checked, false otherwise.\n */\n function isAtMaxSelections() {\n return _selectedIndices.length >= _max;\n }\n\n /**\n * Cleans up a list of options for saving to memory.\n * @param {HTMLOptionsCollection} list - The options from a select element.\n * @returns {Array} An array of option objects.\n */\n function _formatOptions(list) {\n let item;\n const cleaned = [];\n\n let isChecked = false;\n for (let i = 0, len = list.length; i < len; i++) {\n item = list[i];\n isChecked = isAtMaxSelections() ? false : item.defaultSelected;\n cleaned.push({\n id: _getOptionId(item),\n value: item.value,\n text: item.text,\n checked: isChecked,\n });\n\n // If an option is initially checked, we need to record it.\n if (isChecked) {\n _selectedIndices.push(i);\n }\n }\n\n return cleaned;\n }\n\n /**\n * @returns {MultiselectModel} An instance.\n */\n function init() {\n _optionsData = _formatOptions(_options);\n\n return this;\n }\n\n /**\n * Toggle checked value of an option.\n * @param {number} index - The index position of the option in the list.\n * @returns {boolean} A value of true is checked and false is unchecked.\n */\n function toggleOption(index) {\n _optionsData[index].checked = !_optionsData[index].checked;\n\n if (_selectedIndices.length < _max && _optionsData[index].checked) {\n _selectedIndices.push(index);\n _selectedIndices.sort();\n\n return true;\n }\n // We're over the max selections, reverse the check of the option.\n _optionsData[index].checked = false;\n _selectedIndices = _selectedIndices.filter(function (currIndex) {\n return currIndex !== index;\n });\n\n return false;\n }\n\n /**\n * Utility function for Array.reduce() used in searchIndices.\n * @param {Array} aggregate - The reducer's accumulator.\n * @param {object} item - Each item in the collection.\n * @param {number} index - The index of item in the collection.\n * @param {string} value - The value of item in the collection.\n * @returns {Array} The reducer's accumulator.\n */\n function _searchAggregator(aggregate, item, index, value) {\n if (stringMatch(item.text, value)) {\n aggregate.push(index);\n }\n return aggregate;\n }\n\n /**\n * Search for a query string in the options text and return the indices of\n * the matching positions in the options array.\n * @param {string} query - A query string.\n * @returns {Array} List of indices of the matching entries from the options.\n */\n function filterIndices(query) {\n // Convert query to a string if its not.\n if (Object.prototype.toString.call(query) !== '[object String]') {\n query = '';\n }\n _lastFilterIndices = _filterIndices;\n if (_optionsData.length > 0) {\n _filterIndices = _optionsData.reduce(function (acc, item, index) {\n return _searchAggregator(acc, item, index, query);\n }, []);\n }\n // Reset index position.\n _index = -1;\n\n return _filterIndices;\n }\n\n /**\n * Retrieve an option object from the options list.\n * @param {number} index - The index position in the options list.\n * @returns {object} The option object with text, value, and checked value.\n */\n function getOption(index) {\n return _optionsData[index];\n }\n\n /**\n * Set the index of the collection (represents the highlighted option).\n * @param {number} value - The index to set.\n */\n function setIndex(value) {\n const filterCount = _filterIndices.length;\n const count = filterCount === 0 ? _optionsData.length : filterCount;\n if (value < 0) {\n _index = -1;\n } else if (value >= count) {\n _index = count - 1;\n } else {\n _index = value;\n }\n }\n\n /**\n * @returns {number} The current index (highlighted option).\n */\n function getIndex() {\n return _index;\n }\n\n this.init = init;\n\n // This is used to check an item in the collection.\n this.toggleOption = toggleOption;\n this.getSelectedIndices = function () {\n return _selectedIndices;\n };\n this.isAtMaxSelections = isAtMaxSelections;\n\n // This is used to search the items in the collection.\n this.filterIndices = filterIndices;\n this.clearFilter = function () {\n _filterIndices = _lastFilterIndices = [];\n return UNDEFINED;\n };\n this.getFilterIndices = function () {\n return _filterIndices;\n };\n this.getLastFilterIndices = function () {\n return _lastFilterIndices;\n };\n\n // These are used to highlight items in the collection.\n this.getIndex = getIndex;\n this.setIndex = setIndex;\n this.resetIndex = function () {\n _index = -1;\n return _index;\n };\n\n // This is used to retrieve items from the collection.\n this.getOption = getOption;\n\n return this;\n}\n\nexport default MultiselectModel;\n", "/**\n * Shortcut for creating new dom elements.\n * @param {string} tag - The html elem to create.\n * @param {HTMLElement} parentNode - The parent node to attach to.\n * @param {object} options - The options for building the elem.\n * @returns {HTMLElement} The created elem.\n */\nexport function create(tag, parentNode, options) {\n const elem = document.createElement(tag);\n\n Object.keys(options).forEach((key) => {\n const val = options[key];\n if (key in elem) {\n elem[key] = val;\n } else {\n elem.setAttribute(key, val);\n }\n });\n\n if (parentNode) parentNode.appendChild(elem);\n return elem;\n}\n", "", "import {\n EventObserver,\n checkDom,\n setInitFlag,\n isMobileUserAgent,\n instantiateAll,\n} from '../../utilities';\nimport MultiselectModel, { MAX_SELECTIONS } from './multiselect-model.js';\nimport { create } from './multiselect-utils.js';\n\nimport * as MultiselectStyles from './multiselect.scss';\n\nimport * as closeIconSrc from '../cfpb-icons/icons/error.svg';\nconst closeIcon = closeIconSrc.default;\n\nconst BASE_CLASS = 'o-multiselect';\nconst CHECKBOX_INPUT_CLASS = 'a-checkbox';\nconst TEXT_INPUT_CLASS = 'a-text-input';\n\n// Constants for direction.\nconst DIR_PREV = 'prev';\nconst DIR_NEXT = 'next';\n\n// Constants for key binding.\nconst KEY_RETURN = 'Enter';\nconst KEY_SPACE = ' ';\nconst KEY_ESCAPE = 'Escape';\nconst KEY_UP = 'ArrowUp';\nconst KEY_DOWN = 'ArrowDown';\nconst KEY_TAB = 'Tab';\n\n// Configuration default\nconst DEFAULT_CONFIG = {\n // TODO: renderTags was added as a workaround for DS icons not rendering correctly when integrating with a React implementation.\n renderTags: true, // Allow the Multiselect to generate the Tag elements in the DOM\n maxSelections: MAX_SELECTIONS, // Maximum number of options a user can select\n};\n\n/**\n * Multiselect\n * @class\n * @classdesc Initializes a new Multiselect molecule.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the molecule.\n * @returns {Multiselect} An instance.\n */\nfunction Multiselect(element) {\n /* TODO: As the multiselect is developed further\n explore whether it should use an updated\n class name or data-* attribute in the\n markup so that it doesn't apply globally by default. */\n element.classList.add(BASE_CLASS);\n\n // Internal vars.\n let _dom = checkDom(element, BASE_CLASS);\n let _isBlurSkipped = false;\n let _name;\n let _placeholder;\n let _model;\n let _options;\n let _config; // Multiselect configuration object\n\n // Markup elems, convert this to templating engine in the future.\n let _containerDom;\n let _selectionsDom;\n let _headerDom;\n let _searchDom;\n let _fieldsetDom;\n let _optionsDom;\n const _optionItemDoms = [];\n let _instance;\n\n /**\n * Set the filtered matched state.\n */\n function _filterMatches() {\n _optionsDom.classList.remove('u-no-results');\n _optionsDom.classList.add('u-filtered');\n\n let filteredIndices = _model.getLastFilterIndices();\n for (let i = 0, len = filteredIndices.length; i < len; i++) {\n _optionItemDoms[filteredIndices[i]].classList.remove('u-filter-match');\n }\n\n filteredIndices = _model.getFilterIndices();\n for (let j = 0, len = filteredIndices.length; j < len; j++) {\n _optionItemDoms[filteredIndices[j]].classList.add('u-filter-match');\n }\n }\n\n /**\n * Resets the filtered option list.\n */\n function _resetFilter() {\n _optionsDom.classList.remove('u-filtered', 'u-no-results');\n\n for (let i = 0, len = _optionsDom.children.length; i < len; i++) {\n _optionsDom.children[i].classList.remove('u-filter-match');\n }\n\n _model.clearFilter();\n }\n\n /**\n * Updates the list of options to show the user there\n * are no matching results.\n */\n function _filterNoMatches() {\n _optionsDom.classList.add('u-no-results');\n _optionsDom.classList.remove('u-filtered');\n }\n\n /**\n * Filter the options list.\n * Every time we filter we have two lists of indices:\n * - The matching options (filterIndices).\n * - The matching options of the last filter (_lastFilterIndices).\n * We need to turn off the filter for any of the last filter matches\n * that are not in the new set, and turn on the filter for the matches\n * that are not in the last set.\n * @param {Array} filterIndices - List of indices to filter from the options.\n * @returns {boolean} True if options are filtered, false otherwise.\n */\n function _filterList(filterIndices) {\n if (filterIndices.length > 0) {\n _filterMatches();\n return true;\n }\n\n _filterNoMatches();\n return false;\n }\n\n /**\n * Evaluates the list of options based on the user's query in the\n * search input.\n * @param {string} value - Text the user has entered in the search query.\n */\n function _evaluate(value) {\n _resetFilter();\n _model.resetIndex();\n const matchedIndices = _model.filterIndices(value);\n _filterList(matchedIndices);\n }\n\n /**\n * Expand the multiselect drop down.\n * @returns {Multiselect} An instance.\n */\n function expand() {\n _containerDom.classList.add('u-active');\n _fieldsetDom.classList.remove('u-invisible');\n _fieldsetDom.setAttribute('aria-hidden', false);\n _instance.dispatchEvent('expandbegin', { target: _instance });\n\n return _instance;\n }\n\n /**\n * Collapse the multiselect drop down.\n * @returns {Multiselect} An instance.\n */\n function collapse() {\n _containerDom.classList.remove('u-active');\n _fieldsetDom.classList.add('u-invisible');\n _fieldsetDom.setAttribute('aria-hidden', true);\n _model.resetIndex();\n _instance.dispatchEvent('collapsebegin', { target: _instance });\n\n return _instance;\n }\n\n /**\n * Highlights an option in the list.\n * @param {string} direction -\n * Direction to highlight compared to the current focus.\n */\n function _highlight(direction) {\n if (direction === DIR_NEXT) {\n _model.setIndex(_model.getIndex() + 1);\n } else if (direction === DIR_PREV) {\n _model.setIndex(_model.getIndex() - 1);\n }\n\n const index = _model.getIndex();\n if (index > -1) {\n let filteredIndex = index;\n const filterIndices = _model.getFilterIndices();\n if (filterIndices.length > 0) {\n filteredIndex = filterIndices[index];\n }\n const option = _model.getOption(filteredIndex);\n const value = option.value;\n const item = _optionsDom.querySelector('[data-option=\"' + value + '\"]');\n const input = item.querySelector('input');\n\n _isBlurSkipped = true;\n input.focus();\n } else {\n _isBlurSkipped = false;\n _searchDom.focus();\n }\n }\n\n /**\n * Resets the search input and filtering.\n */\n function _resetSearch() {\n _searchDom.value = '';\n _resetFilter();\n }\n\n /**\n * This passes the click of the selected item button down to the label it\n * contains. This is only required for browsers (IE11) that prevent the\n * click of a selected item from cascading from the button down to the label\n * it contains.\n * @param {MouseEvent} event - The mouse click event object.\n */\n function _selectionClickHandler(event) {\n const target = event.target;\n if (target.tagName === 'BUTTON') {\n event.preventDefault();\n target.removeEventListener('click', _selectionClickHandler);\n target.querySelector('label').click();\n }\n }\n\n /**\n * @param {KeyboardEvent} event - The key down event object.\n */\n function _selectionKeyDownHandler(event) {\n if (event.key === KEY_SPACE || event.key === KEY_RETURN) {\n const label = event.target.querySelector('label');\n const checkbox = _optionsDom.querySelector(\n '#' + label.getAttribute('for'),\n );\n checkbox.click();\n }\n }\n\n /**\n * Create a unique ID based on a select's option HTML element.\n * @param {HTMLElement} option - A option HTML element.\n * @returns {string} A hopefully unique ID.\n */\n function _getOptionId(option) {\n /* Replace any character that is not a word character with a dash.\n https://regex101.com/r/ShHmRw/1\n */\n return (\n _name + '-' + option.value.trim().replace(/[^\\w]/g, '-').toLowerCase()\n );\n }\n\n /**\n * @param {HTMLElement} selectionsDom - The UL item to inject list item into.\n * @param {HTMLElement} option - The OPTION item to extract content from.\n */\n function _createSelectedItem(selectionsDom, option) {\n const optionId = _getOptionId(option);\n const selectionsItemDom = create('li', null, {\n 'data-option': option.value,\n });\n\n const selectionsItemLabelDom = create('button', selectionsItemDom, {\n type: 'button',\n class: 'a-tag-filter',\n innerHTML:\n '',\n });\n\n selectionsDom.appendChild(selectionsItemDom);\n\n selectionsItemLabelDom.addEventListener('click', _selectionClickHandler);\n selectionsItemLabelDom.addEventListener(\n 'keydown',\n _selectionKeyDownHandler,\n );\n }\n\n /**\n * Tracks a user's selections and updates the list in the dom.\n * @param {number} optionIndex - The index position of the chosen option.\n */\n function _updateSelections(optionIndex) {\n const option =\n _model.getOption(optionIndex) || _model.getOption(_model.getIndex());\n\n if (option) {\n if (option.checked) {\n if (_optionsDom.classList.contains('u-max-selections')) {\n _optionsDom.classList.remove('u-max-selections');\n }\n\n const dataOptionSel = '[data-option=\"' + option.value + '\"]';\n const _selectionsItemDom = _selectionsDom.querySelector(dataOptionSel);\n\n // If the exists\n if (typeof _selectionsItemDom !== 'undefined' && _selectionsItemDom) {\n _selectionsDom?.removeChild(_selectionsItemDom);\n }\n }\n // Else, if we are configured to display s then render them\n else if (_config?.renderTags && _selectionsDom) {\n _createSelectedItem(_selectionsDom, option);\n }\n _model.toggleOption(optionIndex);\n\n if (_model.isAtMaxSelections()) {\n _optionsDom.classList.add('u-max-selections');\n }\n\n _instance.dispatchEvent('selectionsupdated', { target: _instance });\n }\n\n _model.resetIndex();\n _isBlurSkipped = false;\n\n if (_fieldsetDom.getAttribute('aria-hidden') === 'false') {\n _searchDom.focus();\n }\n }\n\n /**\n * Handles the functions to trigger on the checkbox change.\n * @param {Event} event - The checkbox change event.\n */\n function _changeHandler(event) {\n _updateSelections(Number(event.target.getAttribute('data-index')));\n _resetSearch();\n }\n\n /**\n * Binds events to the search input, option list, and checkboxes.\n */\n function _bindEvents() {\n _headerDom.addEventListener('mousemove', function (event) {\n const target = event.target;\n // Check if we're over the down-arrow on the right side of the input.\n if (event.offsetX > target.offsetWidth - 35) {\n target.style.cursor = 'pointer';\n } else {\n target.style.cursor = 'auto';\n }\n });\n\n _headerDom.addEventListener('mouseup', function (event) {\n const target = event.target;\n\n /* Check if we're over the down-arrow on the right side of the input.\n Also check if the fieldset is open.\n 35 = width of the arrow on the right of the search input.\n 140 = the max-height value set in multiselect.src for the fieldset.\n */\n if (\n event.offsetX > target.offsetWidth - 35 &&\n _fieldsetDom.offsetHeight === 140\n ) {\n _searchDom.blur();\n }\n });\n\n _searchDom.addEventListener('input', function () {\n _evaluate(this.value);\n });\n\n _searchDom.addEventListener('focus', function () {\n if (_fieldsetDom.getAttribute('aria-hidden') === 'true') {\n expand();\n }\n });\n\n _searchDom.addEventListener('blur', function () {\n if (\n !_isBlurSkipped &&\n _fieldsetDom.getAttribute('aria-hidden') === 'false'\n ) {\n collapse();\n }\n });\n\n _searchDom.addEventListener('keydown', function (event) {\n const key = event.key;\n\n if (\n _fieldsetDom.getAttribute('aria-hidden') === 'true' &&\n key !== KEY_TAB\n ) {\n expand();\n }\n\n if (key === KEY_RETURN) {\n event.preventDefault();\n _highlight(DIR_NEXT);\n } else if (key === KEY_ESCAPE) {\n _resetSearch();\n collapse();\n } else if (key === KEY_DOWN) {\n _highlight(DIR_NEXT);\n } else if (\n key === KEY_TAB &&\n !event.shiftKey &&\n _fieldsetDom.getAttribute('aria-hidden') === 'false'\n ) {\n collapse();\n }\n });\n\n _optionsDom.addEventListener('mousedown', function () {\n _isBlurSkipped = true;\n });\n\n _optionsDom.addEventListener('keydown', function (event) {\n const key = event.key;\n const target = event.target;\n const checked = target.checked;\n\n if (key === KEY_RETURN) {\n event.preventDefault();\n\n /* Programmatically checking a checkbox does not fire a change event\n so we need to manually create an event and dispatch it from the input.\n */\n target.checked = !checked;\n const evt = new Event('change', { bubbles: false, cancelable: true });\n target.dispatchEvent(evt);\n } else if (key === KEY_ESCAPE) {\n _searchDom.focus();\n collapse();\n } else if (key === KEY_UP) {\n _highlight(DIR_PREV);\n } else if (key === KEY_DOWN) {\n _highlight(DIR_NEXT);\n }\n });\n\n _fieldsetDom.addEventListener('mousedown', function (event) {\n if (event.target.tagName === 'LABEL') {\n _isBlurSkipped = true;\n }\n });\n\n const inputs = _optionsDom.querySelectorAll('input');\n for (let i = 0, len = inputs.length; i < len; i++) {\n inputs[i].addEventListener('change', _changeHandler);\n }\n\n // Add event listeners to any selections that are present at page load.\n const labelButtons = _selectionsDom.querySelectorAll('button');\n for (let j = 0, len = labelButtons.length; j < len; j++) {\n labelButtons[j].addEventListener('click', _selectionClickHandler);\n labelButtons[j].addEventListener('keydown', _selectionKeyDownHandler);\n }\n }\n\n /**\n * Populates and injects the markup for the custom multiselect.\n * @returns {HTMLElement} Newly created
element to hold the multiselect.\n */\n function _populateMarkup() {\n // Add a container for our markup\n _containerDom = document.createElement('div');\n _containerDom.className = BASE_CLASS;\n\n // Create all our markup but wait to manipulate the DOM just once\n _selectionsDom = create('ul', null, {\n className: 'm-tag-group',\n });\n\n _headerDom = create('header', _containerDom, {\n className: BASE_CLASS + '__header',\n });\n\n _searchDom = create('input', _headerDom, {\n className: BASE_CLASS + '__search ' + TEXT_INPUT_CLASS,\n type: 'text',\n placeholder: _placeholder || 'Select up to five',\n id: _dom.id,\n autocomplete: 'off',\n });\n\n _fieldsetDom = create('fieldset', _containerDom, {\n className: BASE_CLASS + '__fieldset u-invisible',\n 'aria-hidden': 'true',\n });\n\n let optionsClasses = BASE_CLASS + '__options';\n if (_model.isAtMaxSelections()) {\n optionsClasses += ' u-max-selections';\n }\n\n _optionsDom = create('ul', _fieldsetDom, {\n className: optionsClasses,\n });\n\n let option;\n let optionId;\n let isChecked;\n for (let i = 0, len = _options.length; i < len; i++) {\n option = _options[i];\n optionId = _getOptionId(option);\n isChecked = _model.getOption(i).checked;\n const optionsItemDom = create('li', _optionsDom, {\n 'data-option': option.value,\n 'data-cy': 'multiselect-option',\n class: 'm-form-field m-form-field--checkbox',\n });\n\n create('input', optionsItemDom, {\n id: optionId,\n // Type must come before value or IE fails\n type: 'checkbox',\n value: option.value,\n name: _name,\n class: CHECKBOX_INPUT_CLASS + ' ' + BASE_CLASS + '__checkbox',\n checked: isChecked,\n 'data-index': i,\n });\n\n create('label', optionsItemDom, {\n for: optionId,\n textContent: option.text,\n className: BASE_CLASS + '__label a-label',\n });\n\n _optionItemDoms.push(optionsItemDom);\n\n // Create if enabled\n if (isChecked && _config?.renderTags) {\n _createSelectedItem(_selectionsDom, option);\n }\n }\n\n // Write our new markup to the DOM.\n _containerDom.insertBefore(_selectionsDom, _headerDom);\n _dom.parentNode.insertBefore(_containerDom, _dom);\n _containerDom.appendChild(_dom);\n\n return _containerDom;\n }\n\n /**\n * Set up and create the multiselect.\n * @param {object} multiselectConfig - Multiselect configuration options\n * @returns {Multiselect} An instance.\n */\n function init(multiselectConfig = DEFAULT_CONFIG) {\n if (!setInitFlag(_dom)) {\n return this;\n }\n\n if (isMobileUserAgent()) {\n return this;\n }\n\n _instance = this;\n _name = _dom.name || _dom.id;\n _placeholder = _dom.getAttribute('placeholder');\n _options = _dom.options || [];\n\n // Allow devs to pass the config settings they want and not worry about the rest\n _config = { ...DEFAULT_CONFIG, ...multiselectConfig };\n\n if (_options.length > 0) {\n // Store underlying model so we can expose it externally\n _model = new MultiselectModel(_options, _name, _config).init();\n const newDom = _populateMarkup();\n\n /* Removes element. */\n setInitFlag(_dom);\n\n _bindEvents();\n }\n\n return this;\n }\n\n /**\n * Allow external access to the underlying model for integration/customization when used in other applications.\n * @returns {object} Model\n */\n function getModel() {\n return _model;\n }\n\n // Attach public events.\n this.init = init;\n this.expand = expand;\n this.collapse = collapse;\n\n const eventObserver = new EventObserver();\n this.addEventListener = eventObserver.addEventListener;\n this.removeEventListener = eventObserver.removeEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n this.getModel = getModel;\n this.updateSelections = _updateSelections;\n this.selectionClickHandler = _selectionClickHandler;\n this.selectionKeyDownHandler = _selectionKeyDownHandler;\n\n return this;\n}\n\nMultiselect.BASE_CLASS = BASE_CLASS;\nMultiselect.init = (config) =>\n instantiateAll(`.${BASE_CLASS}`, Multiselect, undefined, config);\n\nexport { Multiselect, MultiselectStyles };\n"], + "mappings": "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", "names": ["form_exports", "__export", "form_default", "form_alert_exports", "__export", "form_alert_default", "form_field_exports", "__export", "form_field_default", "label_exports", "__export", "label_default", "range_exports", "__export", "range_default", "search_input_exports", "__export", "search_input_default", "select_exports", "__export", "select_default", "tag_exports", "__export", "tag_default", "text_input_exports", "__export", "text_input_default", "utilities_exports", "__export", "utilities_default", "varsBreakpoints", "_getBodyBaseFontSize", "fontSize", "_inBreakpointRange", "breakpointRange", "width", "breakpointRangeMin", "breakpointRangeMax", "min", "max", "getBreakpointState", "breakpointState", "rangeKey", "varsBreakpoints", "MOBILE", "TABLET", "DESKTOP", "viewportIsIn", "breakpointGroup", "response", "currentBreakpoint", "JS_HOOK", "BEHAVIOR_PREFIX", "STATE_PREFIX", "EventObserver", "_events", "addEventListener", "event", "callback", "removeEventListener", "index", "dispatchEvent", "options", "evts", "i", "len", "contains", "element", "value", "values", "JS_HOOK", "add", "msg", "INIT_FLAG", "STATE_PREFIX", "_verifyElementExists", "element", "baseClass", "msg", "_verifyClassExists", "dom", "checkDom", "setInitFlag", "contains", "add", "instantiateAll", "selector", "Constructor", "scope", "config", "elements", "insts", "inst", "i", "len", "normalize_exports", "__export", "normalize_default", "base_exports", "__export", "base_default", "button_exports", "__export", "button_default", "button_group_exports", "__export", "button_group_default", "button_link_exports", "__export", "button_link_default", "button_with_icon_exports", "__export", "button_with_icon_default", "BASE_CLASS", "Expandable", "element", "_dom", "checkDom", "_targetDom", "_contentDom", "_labelDom", "_transition", "_flyout", "init", "setInitFlag", "isExpanded", "add", "initialClass", "MaxHeightTransition", "FlyoutMenu", "getLabelText", "eventObserver", "EventObserver", "scope", "instantiateAll", "BASE_CLASS", "ExpandableGroup", "element", "_dom", "checkDom", "_isAccordion", "_expandables", "_lastExpanded", "_handleExpandBegin", "evt", "target", "init", "expandables", "setInitFlag", "expandable", "scope", "expandableGroupDom", "instantiateAll", "Expandable", "BASE_CLASS", "Summary", "element", "_dom", "checkDom", "_hasMobileModifier", "_contentDom", "_btnDom", "_transition", "_flyout", "_suspended", "init", "setInitFlag", "_pageLoadHandler", "_shouldSuspend", "add", "FlyoutMenu", "MaxHeightTransition", "_triggerClickHandler", "_resizeHandler", "_focusInHandler", "_contentClicked", "evt", "_suspend", "_resume", "viewportIsIn", "MOBILE", "_expandEndHandler", "_hideButton", "_showButton", "eventObserver", "EventObserver", "scope", "instantiateAll", "BASE_CLASS", "SummaryMinimal", "element", "_dom", "checkDom", "_contentDom", "_btnDom", "_transition", "_flyout", "init", "setInitFlag", "add", "_pageLoadHandler", "FlyoutMenu", "MaxHeightTransition", "_focusInHandler", "_contentClicked", "evt", "eventObserver", "EventObserver", "scope", "instantiateAll", "icon_exports", "__export", "icon_default", "card_exports", "__export", "card_default", "card_group_exports", "__export", "card_group_default", "email_signup_exports", "__export", "email_signup_default", "featured_content_module_exports", "__export", "featured_content_module_default", "hero_exports", "__export", "hero_default", "layout_exports", "__export", "layout_default", "text_introduction_exports", "__export", "text_introduction_default", "well_exports", "__export", "well_default", "banner_exports", "__export", "banner_default", "notification_exports", "__export", "notification_default", "pagination_exports", "__export", "pagination_default", "table_exports", "__export", "table_default", "date_exports", "__export", "date_default", "link_exports", "__export", "link_default", "list_exports", "__export", "list_default", "meta_header_exports", "__export", "meta_header_default", "pull_quote_exports", "__export", "pull_quote_default", "slug_header_exports", "__export", "slug_header_default", "tagline_exports", "__export", "tagline_default", "checkBehaviorDom", "element", "behaviorDataAttr", "dom", "contains", "selector", "JS_HOOK", "msg", "_toString", "isArray", "value", "_toString", "isMobileUserAgent", "BASE_CLASS", "BEHAVIOR_PREFIX", "SEL_PREFIX", "JS_HOOK", "FlyoutMenu", "element", "autoHideContent", "_dom", "checkBehaviorDom", "_triggerDoms", "_findTriggers", "_contentDom", "_state", "COLLAPSED", "COLLAPSING", "EXPANDING", "EXPANDED", "_transition", "_expandTransitionMethod", "_collapseTransitionMethod", "_collapseEndBinded", "_collapseEnd", "_expandEndBinded", "_expandEnd", "_data", "_suspended", "_touchTriggered", "triggersList", "triggers", "trigger", "triggerParent", "isSubTrigger", "i", "init", "isExpanded", "triggerDom", "_setAriaAttr", "_handleTriggerClicked", "_handleTouchStart", "_handleTriggerOver", "_handleTriggerOut", "resume", "type", "elem", "value", "strValue", "event", "expand", "hasTransition", "BaseTransition", "collapse", "len", "setTransition", "transition", "collapseMethod", "expandMethod", "clearTransition", "UNDEFINED", "getDom", "suspend", "setData", "data", "eventObserver", "EventObserver", "CLASSES", "AlphaTransition", "element", "eventObserver", "EventObserver", "_baseTransition", "BaseTransition", "init", "initialClass", "fadeIn", "fadeOut", "BaseTransition", "element", "classes", "child", "_classes", "_dom", "_child", "_lastClass", "_transitionEndEvent", "_transitionCompleteBinded", "_isAnimated", "_isAnimating", "_isFlushed", "_addEventListener", "_removeEventListener", "_transitionComplete", "evt", "_flush", "prop", "halt", "remove", "animateOn", "animateOff", "_getTransitionEndEvent", "elem", "msg", "transition", "transitions", "transitionEvent", "setElement", "targetElement", "init", "initialClass", "applyClass", "className", "CLASSES", "MaxHeightTransition", "element", "eventObserver", "EventObserver", "_baseTransition", "BaseTransition", "_previousHeight", "refresh", "newHeight", "_pageLoaded", "init", "initialClass", "maxHeightDefault", "maxHeightSummary", "maxHeightZero", "remove", "CLASSES", "MoveTransition", "element", "eventObserver", "EventObserver", "_baseTransition", "BaseTransition", "init", "initialClass", "moveToOrigin", "_moveLeft", "count", "moveClasses", "moveRight", "moveUp", "UNDEFINED", "stringEscape", "str", "stringMatch", "x", "y", "MultiselectModel", "options", "name", "config", "_options", "_name", "_max", "_optionsData", "_selectedIndices", "_filterIndices", "_lastFilterIndices", "_index", "_getOptionId", "item", "isAtMaxSelections", "_formatOptions", "list", "cleaned", "isChecked", "i", "len", "init", "toggleOption", "index", "currIndex", "_searchAggregator", "aggregate", "value", "filterIndices", "query", "acc", "getOption", "setIndex", "filterCount", "count", "getIndex", "UNDEFINED", "multiselect_model_default", "create", "tag", "parentNode", "options", "elem", "key", "val", "error_default", "closeIcon", "error_default", "BASE_CLASS", "CHECKBOX_INPUT_CLASS", "TEXT_INPUT_CLASS", "DIR_PREV", "DIR_NEXT", "KEY_RETURN", "KEY_SPACE", "KEY_ESCAPE", "KEY_UP", "KEY_DOWN", "KEY_TAB", "DEFAULT_CONFIG", "Multiselect", "element", "_dom", "checkDom", "_isBlurSkipped", "_name", "_placeholder", "_model", "_options", "_config", "_containerDom", "_selectionsDom", "_headerDom", "_searchDom", "_fieldsetDom", "_optionsDom", "_optionItemDoms", "_instance", "_filterMatches", "filteredIndices", "i", "len", "j", "_resetFilter", "_filterNoMatches", "_filterList", "filterIndices", "_evaluate", "value", "matchedIndices", "expand", "collapse", "_highlight", "direction", "index", "filteredIndex", "input", "_resetSearch", "_selectionClickHandler", "event", "target", "_selectionKeyDownHandler", "label", "_getOptionId", "option", "_createSelectedItem", "selectionsDom", "optionId", "selectionsItemDom", "create", "selectionsItemLabelDom", "_updateSelections", "optionIndex", "dataOptionSel", "_selectionsItemDom", "_changeHandler", "_bindEvents", "key", "checked", "evt", "inputs", "labelButtons", "_populateMarkup", "optionsClasses", "isChecked", "optionsItemDom", "init", "multiselectConfig", "setInitFlag", "isMobileUserAgent", "__spreadValues", "multiselect_model_default", "newDom", "getModel", "eventObserver", "EventObserver", "config", "instantiateAll"] } diff --git a/packages/cfpb-design-system/dist/index.js.map b/packages/cfpb-design-system/dist/index.js.map index bb6800afc7..ba6f235f1e 100644 --- a/packages/cfpb-design-system/dist/index.js.map +++ b/packages/cfpb-design-system/dist/index.js.map @@ -1,7 +1,7 @@ { "version": 3, "sources": ["../../../packages/cfpb-design-system/src/abstracts/vars-breakpoints.js", "../../../packages/cfpb-design-system/src/base/normalize.scss", "../../../packages/cfpb-design-system/src/base/base.scss", "../../../packages/cfpb-design-system/src/components/cfpb-buttons/button.scss", "../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-group.scss", "../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-link.scss", "../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-with-icon.scss", "../../../packages/cfpb-design-system/src/utilities/utilities.scss", "../../../packages/cfpb-design-system/src/utilities/breakpoint-state.js", "../../../packages/cfpb-design-system/src/utilities/standard-type.js", "../../../packages/cfpb-design-system/src/utilities/event-observer.js", "../../../packages/cfpb-design-system/src/utilities/data-hook.js", "../../../packages/cfpb-design-system/src/utilities/atomic-helpers.js", "../../../packages/cfpb-design-system/src/utilities/behavior/behavior.js", "../../../packages/cfpb-design-system/src/utilities/type-checkers.js", "../../../packages/cfpb-design-system/src/utilities/media-helpers.js", "../../../packages/cfpb-design-system/src/utilities/behavior/flyout-menu.js", "../../../packages/cfpb-design-system/src/utilities/transition/alpha-transition.js", "../../../packages/cfpb-design-system/src/utilities/transition/base-transition.js", "../../../packages/cfpb-design-system/src/utilities/transition/max-height-transition.js", "../../../packages/cfpb-design-system/src/utilities/transition/move-transition.js", "../../../packages/cfpb-design-system/src/components/cfpb-expandables/expandable.scss", "../../../packages/cfpb-design-system/src/components/cfpb-expandables/expandable.js", "../../../packages/cfpb-design-system/src/components/cfpb-expandables/expandable-group.scss", "../../../packages/cfpb-design-system/src/components/cfpb-expandables/expandable-group.js", "../../../packages/cfpb-design-system/src/components/cfpb-expandables/summary.scss", "../../../packages/cfpb-design-system/src/components/cfpb-expandables/summary.js", "../../../packages/cfpb-design-system/src/components/cfpb-expandables/summary-minimal.js", "../../../packages/cfpb-design-system/src/components/cfpb-forms/form.scss", "../../../packages/cfpb-design-system/src/components/cfpb-forms/form-alert.scss", "../../../packages/cfpb-design-system/src/components/cfpb-forms/form-field.scss", "../../../packages/cfpb-design-system/src/components/cfpb-forms/label.scss", "../../../packages/cfpb-design-system/src/components/cfpb-forms/range.scss", "../../../packages/cfpb-design-system/src/components/cfpb-forms/search-input.scss", "../../../packages/cfpb-design-system/src/components/cfpb-forms/select.scss", "../../../packages/cfpb-design-system/src/components/cfpb-forms/tag.scss", "../../../packages/cfpb-design-system/src/components/cfpb-forms/text-input.scss", "../../../packages/cfpb-design-system/src/components/cfpb-forms/multiselect-model.js", "../../../packages/cfpb-design-system/src/components/cfpb-forms/multiselect-utils.js", "../../../packages/cfpb-design-system/src/components/cfpb-icons/icons/error.svg", "../../../packages/cfpb-design-system/src/components/cfpb-forms/multiselect.js", "../../../packages/cfpb-design-system/src/components/cfpb-icons/icon.scss", "../../../packages/cfpb-design-system/src/components/cfpb-layout/card.scss", "../../../packages/cfpb-design-system/src/components/cfpb-layout/card-group.scss", "../../../packages/cfpb-design-system/src/components/cfpb-layout/email-signup.scss", "../../../packages/cfpb-design-system/src/components/cfpb-layout/featured-content-module.scss", "../../../packages/cfpb-design-system/src/components/cfpb-layout/hero.scss", "../../../packages/cfpb-design-system/src/components/cfpb-layout/layout.scss", "../../../packages/cfpb-design-system/src/components/cfpb-layout/text-introduction.scss", "../../../packages/cfpb-design-system/src/components/cfpb-layout/well.scss", "../../../packages/cfpb-design-system/src/components/cfpb-notifications/banner.scss", "../../../packages/cfpb-design-system/src/components/cfpb-notifications/notification.scss", "../../../packages/cfpb-design-system/src/components/cfpb-pagination/pagination.scss", "../../../packages/cfpb-design-system/src/components/cfpb-tables/table.scss", "../../../packages/cfpb-design-system/src/components/cfpb-typography/date.scss", "../../../packages/cfpb-design-system/src/components/cfpb-typography/link.scss", "../../../packages/cfpb-design-system/src/components/cfpb-typography/list.scss", "../../../packages/cfpb-design-system/src/components/cfpb-typography/meta-header.scss", "../../../packages/cfpb-design-system/src/components/cfpb-typography/pull-quote.scss", "../../../packages/cfpb-design-system/src/components/cfpb-typography/slug-header.scss", "../../../packages/cfpb-design-system/src/components/cfpb-typography/tagline.scss"], - "sourcesContent": ["/* ==========================================================================\n Design System\n Breakpoint JavaScript variables.\n All values are pixel based.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.scss as well.\n ========================================================================== */\n\nexport const varsBreakpoints = {\n bpXS: {\n min: 0,\n max: 600,\n },\n bpSM: {\n min: 601,\n max: 900,\n },\n bpMED: {\n min: 901,\n max: 1020,\n },\n bpLG: {\n min: 1021,\n max: 1200,\n },\n bpXL: {\n min: 1201,\n },\n};\n", "@charset \"UTF-8\";\n/*! normalize.css v2.1.3 | MIT License | git.io/normalize */\n/* ==========================================================================\n Base\n ========================================================================== */\n/**\n * 1. Set default font family to sans-serif.\n * 2. Prevent iOS text size adjust after orientation change, without disabling\n * user zoom.\n */\nhtml {\n font-family: sans-serif; /* 1 */\n -webkit-text-size-adjust: 100%;\n text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove default margin.\n */\nbody {\n margin: 0;\n}\n\n/* ==========================================================================\n Links\n ========================================================================== */\n/**\n * Address `outline` inconsistency between Chrome and other browsers.\n */\na:focus {\n outline: thin dotted;\n}\n\n/**\n * Improve readability when focused and also mouse hovered in all browsers.\n */\na:active,\na:hover {\n outline: 0;\n}\n\n/* ==========================================================================\n Typography\n ========================================================================== */\n/**\n * Address variable `h1` font-size and margin within `section` and `article`\n * contexts in Firefox 4+, Safari 5, and Chrome.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n box-sizing: content-box;\n height: 0;\n}\n\n/**\n * Correct font family set oddly in Safari 5 and Chrome.\n */\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, serif;\n font-size: 1em;\n}\n\n/**\n * Improve readability of pre-formatted text in all browsers.\n */\npre {\n white-space: pre-wrap;\n}\n\n/**\n * Set consistent quote types.\n */\nq {\n quotes: \"\u201C\" \"\u201D\" \"\u2018\" \"\u2019\";\n}\n\n/**\n * Address inconsistent and variable font size in all browsers.\n */\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -0.5em;\n}\n\nsub {\n bottom: -0.25em;\n}\n\n/* ==========================================================================\n Figures\n ========================================================================== */\n/**\n * Address margin not present in IE 8/9 and Safari 5.\n */\nfigure {\n margin: 0;\n}\n\n/* ==========================================================================\n Forms\n ========================================================================== */\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n\n/**\n * 1. Correct `color` not being inherited in IE 8/9.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n border: 0; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * 1. Correct font family not being inherited in all browsers.\n * 2. Correct font size not being inherited in all browsers.\n * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.\n */\nbutton,\ninput,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 2 */\n margin: 0; /* 3 */\n}\n\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.\n */\nbutton,\ninput {\n line-height: normal;\n}\n\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.\n * Correct `select` style inheritance in Firefox 4+ and Opera.\n */\nbutton,\nselect {\n text-transform: none;\n}\n\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n * and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type\n * `input` and others.\n */\nbutton,\nhtml input[type=button],\ninput[type=reset],\ninput[type=submit] {\n appearance: button; /* 2 */\n cursor: pointer; /* 3 */\n}\n\n/**\n * Re-set default cursor for disabled elements.\n */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n\n/**\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type=checkbox],\ninput[type=radio] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome.\n */\ninput[type=search] {\n appearance: textfield; /* 1 */\n box-sizing: content-box; /* 2 */\n}\n\n/**\n * Remove inner padding and search cancel button in Safari 5 and Chrome\n * on OS X.\n */\ninput[type=search]::-webkit-search-cancel-button,\ninput[type=search]::-webkit-search-decoration {\n appearance: none;\n}\n\n/**\n * Remove inner padding and border in Firefox 4+.\n */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n/**\n * 1. Remove default vertical scrollbar in IE 8/9.\n * 2. Improve readability and alignment in all browsers.\n */\ntextarea {\n overflow: auto; /* 1 */\n vertical-align: top; /* 2 */\n}\n\n/* ==========================================================================\n Tables\n ========================================================================== */\n/**\n * Remove most spacing between table cells.\n */\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\nbody {\n color: var(--black);\n font-family: var(--font-stack);\n font-size: 100%;\n line-height: 1.375;\n -webkit-font-smoothing: antialiased;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n font-family: var(--font-stack);\n}\n\nstrong,\nb {\n font-weight: 600;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n}\n\nh1,\n.h1 {\n font-size: 2.125em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.4411764706em;\n}\np + h1, ul + h1, ol + h1, dl + h1, figure + h1, img + h1, table + h1, blockquote + h1,\np + .h1,\nul + .h1,\nol + .h1,\ndl + .h1,\nfigure + .h1,\nimg + .h1,\ntable + .h1,\nblockquote + .h1 {\n margin-top: 1.7647058824em;\n}\n@media only all and (max-width: 37.5em) {\n p + h1, ul + h1, ol + h1, dl + h1, figure + h1, img + h1, table + h1, blockquote + h1,\n p + .h1,\n ul + .h1,\n ol + .h1,\n dl + .h1,\n figure + .h1,\n img + .h1,\n table + .h1,\n blockquote + .h1 {\n margin-top: 1.7307692308em;\n }\n h2 + h1, .h2 + h1, h3 + h1, .h3 + h1, h4 + h1, .h4 + h1, h5 + h1, .h5 + h1, h6 + h1, .h6 + h1,\n h2 + .h1,\n .h2 + .h1,\n h3 + .h1,\n .h3 + .h1,\n h4 + .h1,\n .h4 + .h1,\n h5 + .h1,\n .h5 + .h1,\n h6 + .h1,\n .h6 + .h1 {\n margin-top: 1.1538461538em;\n }\n}\n@media only all and (max-width: 37.5em) {\n h1,\n .h1 {\n font-size: 1.625em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n }\n p + h1, ul + h1, ol + h1, dl + h1, figure + h1, img + h1, table + h1, blockquote + h1,\n p + .h1,\n ul + .h1,\n ol + .h1,\n dl + .h1,\n figure + .h1,\n img + .h1,\n table + .h1,\n blockquote + .h1 {\n margin-top: 1.7307692308em;\n }\n h1 + h1, .h1 + h1, h3 + h1, .h3 + h1, h4 + h1, .h4 + h1, h5 + h1, .h5 + h1, h6 + h1, .h6 + h1,\n h1 + .h1,\n .h1 + .h1,\n h3 + .h1,\n .h3 + .h1,\n h4 + .h1,\n .h4 + .h1,\n h5 + .h1,\n .h5 + .h1,\n h6 + .h1,\n .h6 + .h1 {\n margin-top: 1.1538461538em;\n }\n}\n\nh2,\n.h2 {\n font-size: 1.625em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n}\np + h2, ul + h2, ol + h2, dl + h2, figure + h2, img + h2, table + h2, blockquote + h2,\np + .h2,\nul + .h2,\nol + .h2,\ndl + .h2,\nfigure + .h2,\nimg + .h2,\ntable + .h2,\nblockquote + .h2 {\n margin-top: 1.7307692308em;\n}\nh1 + h2, .h1 + h2, h3 + h2, .h3 + h2, h4 + h2, .h4 + h2, h5 + h2, .h5 + h2, h6 + h2, .h6 + h2,\nh1 + .h2,\n.h1 + .h2,\nh3 + .h2,\n.h3 + .h2,\nh4 + .h2,\n.h4 + .h2,\nh5 + .h2,\n.h5 + .h2,\nh6 + .h2,\n.h6 + .h2 {\n margin-top: 1.1538461538em;\n}\n@media only all and (max-width: 37.5em) {\n p + h2, ul + h2, ol + h2, dl + h2, figure + h2, img + h2, table + h2, blockquote + h2,\n p + .h2,\n ul + .h2,\n ol + .h2,\n dl + .h2,\n figure + .h2,\n img + .h2,\n table + .h2,\n blockquote + .h2 {\n margin-top: 1.3636363636em;\n }\n}\n@media only all and (max-width: 37.5em) {\n h2,\n .h2 {\n font-size: 1.375em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n }\n p + h2, ul + h2, ol + h2, dl + h2, figure + h2, img + h2, table + h2, blockquote + h2, h1 + h2, .h1 + h2, h2 + h2, .h2 + h2, h4 + h2, .h4 + h2, h5 + h2, .h5 + h2, h6 + h2, .h6 + h2,\n p + .h2,\n ul + .h2,\n ol + .h2,\n dl + .h2,\n figure + .h2,\n img + .h2,\n table + .h2,\n blockquote + .h2,\n h1 + .h2,\n .h1 + .h2,\n h2 + .h2,\n .h2 + .h2,\n h4 + .h2,\n .h4 + .h2,\n h5 + .h2,\n .h5 + .h2,\n h6 + .h2,\n .h6 + .h2 {\n margin-top: 1.3636363636em;\n }\n}\n\nh3,\n.h3 {\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n}\np + h3, ul + h3, ol + h3, dl + h3, figure + h3, img + h3, table + h3, blockquote + h3, h1 + h3, .h1 + h3, h2 + h3, .h2 + h3, h4 + h3, .h4 + h3, h5 + h3, .h5 + h3, h6 + h3, .h6 + h3,\np + .h3,\nul + .h3,\nol + .h3,\ndl + .h3,\nfigure + .h3,\nimg + .h3,\ntable + .h3,\nblockquote + .h3,\nh1 + .h3,\n.h1 + .h3,\nh2 + .h3,\n.h2 + .h3,\nh4 + .h3,\n.h4 + .h3,\nh5 + .h3,\n.h5 + .h3,\nh6 + .h3,\n.h6 + .h3 {\n margin-top: 1.3636363636em;\n}\n@media only all and (max-width: 37.5em) {\n h3,\n .h3 {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.8333333333em;\n }\n p + h3, ul + h3, ol + h3, dl + h3, figure + h3, img + h3, table + h3, blockquote + h3, h1 + h3, .h1 + h3, h2 + h3, .h2 + h3, h3 + h3, .h3 + h3, h5 + h3, .h5 + h3, h6 + h3, .h6 + h3,\n p + .h3,\n ul + .h3,\n ol + .h3,\n dl + .h3,\n figure + .h3,\n img + .h3,\n table + .h3,\n blockquote + .h3,\n h1 + .h3,\n .h1 + .h3,\n h2 + .h3,\n .h2 + .h3,\n h3 + .h3,\n .h3 + .h3,\n h5 + .h3,\n .h5 + .h3,\n h6 + .h3,\n .h6 + .h3 {\n margin-top: 1.6666666667em;\n }\n}\n\nh4,\n.h4 {\n font-size: 1.125em;\n font-weight: 500;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.8333333333em;\n}\np + h4, ul + h4, ol + h4, dl + h4, figure + h4, img + h4, table + h4, blockquote + h4, h1 + h4, .h1 + h4, h2 + h4, .h2 + h4, h3 + h4, .h3 + h4, h5 + h4, .h5 + h4, h6 + h4, .h6 + h4,\np + .h4,\nul + .h4,\nol + .h4,\ndl + .h4,\nfigure + .h4,\nimg + .h4,\ntable + .h4,\nblockquote + .h4,\nh1 + .h4,\n.h1 + .h4,\nh2 + .h4,\n.h2 + .h4,\nh3 + .h4,\n.h3 + .h4,\nh5 + .h4,\n.h5 + .h4,\nh6 + .h4,\n.h6 + .h4 {\n margin-top: 1.6666666667em;\n}\n@media only all and (max-width: 37.5em) {\n h4,\n .h4 {\n margin-bottom: 0.625em;\n font-size: 1em;\n line-height: 1.125;\n }\n}\n\nh5,\n.h5 {\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.0714285714em;\n}\np + h5, ul + h5, ol + h5, dl + h5, figure + h5, img + h5, table + h5, blockquote + h5, h1 + h5, .h1 + h5, h2 + h5, .h2 + h5, h3 + h5, .h3 + h5, h4 + h5, .h4 + h5, h6 + h5, .h6 + h5,\np + .h5,\nul + .h5,\nol + .h5,\ndl + .h5,\nfigure + .h5,\nimg + .h5,\ntable + .h5,\nblockquote + .h5,\nh1 + .h5,\n.h1 + .h5,\nh2 + .h5,\n.h2 + .h5,\nh3 + .h5,\n.h3 + .h5,\nh4 + .h5,\n.h4 + .h5,\nh6 + .h5,\n.h6 + .h5 {\n margin-top: 2.1428571429em;\n}\n\nh6,\n.h6 {\n font-size: 0.75em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.25em;\n}\np + h6, ul + h6, ol + h6, dl + h6, figure + h6, img + h6, table + h6, blockquote + h6, h1 + h6, .h1 + h6, h2 + h6, .h2 + h6, h3 + h6, .h3 + h6, h4 + h6, .h4 + h6, h5 + h6, .h5 + h6,\np + .h6,\nul + .h6,\nol + .h6,\ndl + .h6,\nfigure + .h6,\nimg + .h6,\ntable + .h6,\nblockquote + .h6,\nh1 + .h6,\n.h1 + .h6,\nh2 + .h6,\n.h2 + .h6,\nh3 + .h6,\n.h3 + .h6,\nh4 + .h6,\n.h4 + .h6,\nh5 + .h6,\n.h5 + .h6 {\n margin-top: 2.5em;\n}\n\n.lead-paragraph {\n margin-top: 0;\n margin-bottom: 15px;\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n@media only all and (max-width: 37.5em) {\n .lead-paragraph {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n }\n}\n\n.superheading {\n margin-bottom: 0.4166666667em;\n font-size: 3em;\n font-weight: normal;\n line-height: 1.25;\n}\n\np,\nul,\nol,\ndl,\nfigure,\ntable,\nblockquote {\n margin-top: 0;\n margin-bottom: 0.9375em;\n}\np:last-child,\nul:last-child,\nol:last-child,\ndl:last-child,\nfigure:last-child,\ntable:last-child,\nblockquote:last-child {\n margin-bottom: 0;\n}\n\np + ul,\np + ol {\n margin-top: -0.3125em;\n}\n\nul ul,\nol ol,\nul ol,\nol ul {\n margin-top: 0.5em;\n}\n\nli {\n margin-bottom: 0.5em;\n}\nli:last-child, nav li {\n margin-bottom: 0;\n}\n\na {\n border-width: 0;\n border-style: dotted;\n border-color: var(--pacific);\n color: var(--pacific);\n text-decoration: none;\n}\na:visited, a.visited {\n border-color: var(--teal);\n color: var(--teal);\n}\na:hover, a.hover {\n border-style: solid;\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\na:focus, a.focus {\n border-style: solid;\n outline: thin dotted;\n outline-offset: 1px;\n}\na:active, a.active {\n border-style: solid;\n border-color: var(--navy);\n color: var(--navy);\n}\n\np a,\nli a,\ndd a {\n border-bottom-width: 1px;\n}\n\nnav a {\n border-bottom-width: 0;\n}\n\nul {\n padding-left: 1.125em;\n list-style: square;\n}\n\nul ul {\n list-style-type: circle;\n}\n\nol {\n padding-left: 1.3125em;\n}\nol li:nth-last-child(n+10),\nol li:nth-last-child(n+10) ~ li {\n margin-left: 0.5625rem;\n}\n\nol ol {\n list-style-type: lower-alpha;\n}\nol ol li {\n margin-left: 0 !important;\n}\n\nol ol ol {\n list-style-type: lower-roman;\n}\n\nnav ul,\nnav ol,\nnav ul ul,\nnav ol ol {\n list-style: none;\n list-style-image: none;\n}\n\ncaption {\n margin-bottom: 0.625em;\n text-align: left;\n}\n\nth,\ntd {\n padding: 0.625em;\n}\nthead th,\nthead td {\n padding: 0.7142857143em;\n background: var(--gray-5);\n color: var(--black);\n font-size: 1em;\n vertical-align: top;\n}\n\nthead,\ntbody tr {\n border-bottom: 1px solid var(--gray);\n}\n\nth {\n font-weight: 600;\n text-align: left;\n}\nthead th h2,\nthead th .h2,\nthead th h3,\nthead th .h3,\nthead th h4,\nthead th .h4,\nthead th h5,\nthead th .h5,\nthead th h6,\nthead th .h6 {\n margin: 0;\n font-size: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n text-transform: inherit;\n}\n\nblockquote {\n margin-right: 0.9375em;\n margin-left: 0.9375em;\n}\n@media only all and (min-width: 37.5625em) {\n blockquote {\n margin-right: 1.875em;\n margin-left: 1.875em;\n }\n}\n\nimg {\n max-width: 100%;\n}\n\nfigure {\n margin-right: 0;\n margin-left: 0;\n}\nfigure img {\n vertical-align: middle;\n}\n\npre,\ncode {\n background: var(--gray-5);\n border-radius: 4px;\n color: var(--black);\n font-family: \"Input Mono\", Consolas, Monaco, \"Courier New\", monospace;\n}\n\ncode {\n padding: 0.2307692308em 0.2307692308em 0;\n font-size: 0.8125em;\n}\n\npre {\n display: block;\n padding: 0.625em 0.9375em;\n white-space: pre-wrap;\n overflow-wrap: break-word;\n}\npre code {\n padding: 0;\n background-color: transparent;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\nbutton.a-btn::-moz-focus-inner,\ninput.a-btn::-moz-focus-inner {\n border: 0;\n}\n\n.a-btn {\n appearance: none;\n display: inline-block;\n box-sizing: border-box;\n padding: 0.5em 0.875em;\n border: 0;\n margin: 0;\n border-radius: 0.25em;\n cursor: pointer;\n font-size: 1em;\n font-weight: 500;\n line-height: normal;\n text-align: center;\n text-decoration: none;\n transition: background-color 0.1s;\n}\n.a-btn, .a-btn:link, .a-btn:visited {\n background-color: var(--pacific);\n color: var(--white);\n}\n.a-btn:hover, .a-btn.hover, .a-btn:focus, .a-btn.focus {\n background-color: var(--pacific-dark);\n}\n.a-btn:focus, .a-btn.focus {\n outline: 1px dotted var(--pacific);\n outline-offset: 1px;\n}\n.a-btn:active, .a-btn.active {\n background-color: var(--navy);\n}\n.a-btn--secondary, .a-btn--secondary:link, .a-btn--secondary:visited {\n background-color: var(--gray);\n color: var(--white);\n}\n.a-btn--secondary:hover, .a-btn--secondary.hover, .a-btn--secondary:focus, .a-btn--secondary.focus {\n background-color: var(--gray-dark);\n}\n.a-btn--secondary:focus, .a-btn--secondary.focus {\n outline-color: var(--gray);\n}\n.a-btn--secondary:active, .a-btn--secondary.active {\n background-color: var(--black);\n}\n.a-btn--warning, .a-btn--warning:link, .a-btn--warning:visited {\n background-color: var(--red-mid-dark);\n color: var(--white);\n}\n.a-btn--warning:hover, .a-btn--warning.hover, .a-btn--warning:focus, .a-btn--warning.focus {\n background-color: var(--red-dark);\n}\n.a-btn--warning:focus, .a-btn--warning.focus {\n outline-color: var(--red-mid-dark);\n}\n.a-btn--warning:active, .a-btn--warning.active {\n background-color: var(--gray-dark);\n}\n.a-btn--disabled, .a-btn--disabled:link, .a-btn--disabled:visited, .a-btn--disabled:hover, .a-btn--disabled.hover, .a-btn--disabled:focus, .a-btn--disabled.focus, .a-btn--disabled:active, .a-btn--disabled.active, .a-btn[disabled], .a-btn[disabled]:link, .a-btn[disabled]:visited, .a-btn[disabled]:hover, .a-btn[disabled].hover, .a-btn[disabled]:focus, .a-btn[disabled].focus, .a-btn[disabled]:active, .a-btn[disabled].active {\n background-color: var(--gray-20);\n color: var(--gray-dark);\n cursor: default;\n cursor: not-allowed;\n}\n.a-btn--disabled:focus, .a-btn--disabled.focus, .a-btn[disabled]:focus, .a-btn[disabled].focus {\n outline-color: var(--gray-20);\n}\n@media only all and (max-width: 37.5em) {\n .a-btn--full-on-xs {\n display: block;\n width: 100%;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-btn-group {\n display: flex;\n gap: 0.625rem;\n flex-wrap: wrap;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\n.a-btn--link {\n padding: 0;\n padding-bottom: 1.5px;\n border-radius: 0;\n text-decoration-line: underline;\n text-decoration-thickness: 1px;\n text-decoration-style: dotted;\n text-underline-offset: 4.5px;\n}\n.a-btn--link, .a-btn--link:link, .a-btn--link:visited {\n text-decoration-color: var(--pacific);\n background-color: transparent;\n color: var(--pacific);\n}\n.a-btn--link:hover, .a-btn--link.hover {\n text-decoration-color: var(--pacific-dark);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--pacific-dark);\n}\n.a-btn--link:focus, .a-btn--link.focus {\n text-decoration-style: solid;\n background-color: transparent;\n outline: 1px dotted var(--pacific);\n}\n.a-btn--link:active, .a-btn--link.active {\n text-decoration-color: var(--navy);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--navy);\n}\n.a-btn--link.a-btn--secondary, .a-btn--link.a-btn--secondary:link, .a-btn--link.a-btn--secondary:visited {\n text-decoration-color: var(--gray);\n background-color: transparent;\n color: var(--gray);\n}\n.a-btn--link.a-btn--secondary:hover, .a-btn--link.a-btn--secondary.hover {\n text-decoration-color: var(--gray-dark);\n color: var(--gray-dark);\n}\n.a-btn--link.a-btn--secondary:focus, .a-btn--link.a-btn--secondary.focus {\n outline-color: var(--gray);\n}\n.a-btn--link.a-btn--secondary:active, .a-btn--link.a-btn--secondary.active {\n text-decoration-color: var(--black);\n color: var(--black);\n}\n.a-btn--link.a-btn--warning, .a-btn--link.a-btn--warning:link, .a-btn--link.a-btn--warning:visited {\n text-decoration-color: var(--red-mid-dark);\n background-color: transparent;\n color: var(--red-mid-dark);\n}\n.a-btn--link.a-btn--warning:hover, .a-btn--link.a-btn--warning.hover {\n text-decoration-color: var(--red-dark);\n color: var(--red-dark);\n}\n.a-btn--link.a-btn--warning:focus, .a-btn--link.a-btn--warning.focus {\n outline-color: var(--red-mid-dark);\n}\n.a-btn--link.a-btn--warning:active, .a-btn--link.a-btn--warning.active {\n text-decoration-color: var(--gray-dark);\n color: var(--gray-dark);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\n.a-btn__icon--on-left {\n padding-right: 0.6875em;\n border-right: 1px solid var(--pacific-60);\n margin-right: 0.4375em;\n}\n\n.a-btn__icon--on-right {\n padding-left: 0.6875em;\n border-left: 1px solid var(--pacific-60);\n margin-left: 0.4375em;\n}\n\n.a-btn--secondary .a-btn__icon {\n border-color: var(--gray-40);\n}\n.a-btn--warning .a-btn__icon {\n border-color: var(--red-60);\n}\n.a-btn--disabled .a-btn__icon, .a-btn[disabled] .a-btn__icon {\n border-color: var(--gray-60);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}", "/* ==========================================================================\n Get Breakpoint State\n ========================================================================== */\n\nimport { varsBreakpoints } from '../abstracts/vars-breakpoints.js';\n\n/**\n * @returns {number} The base font size set on the body element.\n */\nfunction _getBodyBaseFontSize() {\n let fontSize = getComputedStyle(document.body).fontSize;\n fontSize = fontSize === '' ? -1 : fontSize;\n return parseFloat(fontSize);\n}\n\n/**\n * @param {object} breakpointRange - Object containing breakpoint constants.\n * For example, for `bpXS` the value `{ min: 0, max: 600 }` would be passed.\n * @param {number} width - Current window width.\n * @returns {boolean} Whether the passed width is within a breakpoint range.\n */\nfunction _inBreakpointRange(breakpointRange, width) {\n let breakpointRangeMin = breakpointRange.min;\n let breakpointRangeMax = breakpointRange.max;\n\n // Whether the user has set a custom size for the font in their browser.\n const useEmsConversation =\n _getBodyBaseFontSize() > 0 && _getBodyBaseFontSize() !== 16;\n if (useEmsConversation) {\n /* 16 = base font size without adjustments.\n The CSS converts breakpoints to ems, which then change the width of the\n pixel width of the breakpoint. In JavaScript, the breakpoints are defined\n in pixels, so we first convert them to ems using the 16px base font size\n and then multiply them by any adjustments set by customizations of the\n font size in the user's browser. */\n breakpointRangeMin = (breakpointRangeMin / 16) * _getBodyBaseFontSize();\n breakpointRangeMax = (breakpointRangeMax / 16) * _getBodyBaseFontSize();\n }\n\n const min = breakpointRangeMin || 0;\n const max = breakpointRangeMax || Number.POSITIVE_INFINITY;\n\n return min <= width && width <= max;\n}\n\n/**\n * @param {number} width - Current window width.\n * @returns {object} An object literal with boolean\n * bpXS, bpSM, bpMED, bpLG, bpXL properties.\n */\nfunction getBreakpointState(width) {\n const breakpointState = {};\n width = width || window.innerWidth;\n\n let rangeKey;\n // eslint-disable-next-line guard-for-in\n for (rangeKey in varsBreakpoints) {\n breakpointState[rangeKey] = _inBreakpointRange(\n varsBreakpoints[rangeKey],\n width,\n );\n }\n\n return breakpointState;\n}\n\n// Constants for breakpoint groupings.\nconst MOBILE = 'mobile';\nconst TABLET = 'tablet';\nconst DESKTOP = 'desktop';\n\n/**\n * Checks whether the current breakpoint is in a particular breakpoint group.\n * @param {string} breakpointGroup - Breakpoint group names.\n * @returns {boolean} True if in the breakpoint group, otherwise false.\n */\nfunction viewportIsIn(breakpointGroup) {\n let response = false;\n const currentBreakpoint = getBreakpointState();\n\n if (\n (breakpointGroup === MOBILE && currentBreakpoint.bpXS) ||\n (breakpointGroup === TABLET && currentBreakpoint.bpSM) ||\n (breakpointGroup === DESKTOP &&\n (currentBreakpoint.bpMED ||\n currentBreakpoint.bpLG ||\n currentBreakpoint.bpXL))\n ) {\n response = true;\n }\n\n return response;\n}\n\n// Expose public methods.\nexport { MOBILE, TABLET, DESKTOP, getBreakpointState, viewportIsIn };\n", "/**\n * @constant\n * @type {string}\n * @description\n * Constant for the name of the data-* attribute set on\n * HTML DOM elements for access by JavaScript.\n */\nconst JS_HOOK = 'data-js-hook';\n\n/**\n * @constant\n * @type {string}\n * @description\n * Flag prefix for settings that describe what JavaScript\n * behaviors should be attached to a component.\n * This would be set in the markup and initialized when\n * the JavaScript loads.\n * @example\n * A component may flag that it has certain JavaScript behaviors attached,\n * such as:\n * `data-js-hook=\"behavior_flyout-menu behavior_clearable-input\"`,\n * which defines that two scripts (FlyoutMenu) and (ClearableInput)\n * should access this DOM element and initialize its behaviors.\n */\nconst BEHAVIOR_PREFIX = 'behavior_';\n\n/**\n * @constant\n * @type {string}\n * @description\n * Flag prefix for settings related to changes in a components\n * state set in the data-* JavaScript hook.\n * @example\n * A component may flag that it has been initialized by setting\n * `data-js-hook=\"state_atomic_init\"` after page load.\n * Which specifies that the init method of a atomic constructor\n * has been called, such as\n * `var globalSearch = new GlobalSearch( 'm-global-search' ).init()`.\n */\nconst STATE_PREFIX = 'state_';\n\nexport { JS_HOOK, BEHAVIOR_PREFIX, STATE_PREFIX };\n", "/**\n * EventObserver\n * @class\n * @classdesc Used to create an object\n * that can dispatch and listen to custom events.\n * @returns {object} An EventObserver instance.\n */\nfunction EventObserver() {\n // The events registered on this instance.\n const _events = {};\n\n /**\n * Register an event listener.\n * @param {string} event - The event name to listen for.\n * @param {Function} callback - The function called when the event has fired.\n * @returns {object} The instance this EventObserver instance is decorating.\n */\n function addEventListener(event, callback) {\n if ({}.hasOwnProperty.call(_events, event)) {\n _events[event].push(callback);\n } else {\n _events[event] = [callback];\n }\n\n return this;\n }\n\n /**\n * Remove an added event listener.\n * Must match a call made to addEventListener.\n * @param {string} event - The event name to remove.\n * @param {Function} callback - The function attached to the event.\n * @returns {object} The instance this EventObserver instance is decorating.\n */\n function removeEventListener(event, callback) {\n if (!{}.hasOwnProperty.call(_events, event)) {\n return this;\n }\n\n const index = _events[event].indexOf(callback);\n // Check if there are any callbacks associated with a particular event.\n if (index !== -1) {\n _events[event].splice(index, 1);\n }\n\n return this;\n }\n\n /**\n * Broadcast an event.\n * @param {string} event - The type of event to broadcast.\n * @param {object} options - The event object to pass to the event handler.\n * @returns {object} The instance this EventObserver instance is decorating.\n */\n function dispatchEvent(event, options) {\n if (!{}.hasOwnProperty.call(_events, event)) {\n return this;\n }\n\n options = options || {};\n\n const evts = _events[event];\n for (let i = 0, len = evts.length; i < len; i++) {\n evts[i].call(this, options);\n }\n\n return this;\n }\n\n this.addEventListener = addEventListener;\n this.removeEventListener = removeEventListener;\n this.dispatchEvent = dispatchEvent;\n this.getRegisteredEvents = () => _events;\n\n return this;\n}\n\nexport { EventObserver };\n", "import { JS_HOOK } from './standard-type.js';\n\n/**\n * @param {HTMLElement} element - DOM element.\n * @param {string} value - Value to check as existing as a JS data-* hook value.\n * @returns {boolean} True if the data-* hook value exists, false otherwise.\n */\nfunction contains(element, value) {\n if (!element) {\n return false;\n }\n let values = element.getAttribute(JS_HOOK);\n // If JS data-* hook is not set return immediately.\n if (!values) {\n return false;\n }\n values = values.split(' ');\n\n return values.indexOf(value) > -1 ? true : false;\n}\n\n/**\n * @param {HTMLElement} element - DOM element.\n * @param {string} value - Value to add to the element's JS data-* hook.\n * @returns {string} The value that was added.\n * @throws {Error} If supplied value contains a space,\n * meaning it would be two values, which is likely a typo.\n */\nfunction add(element, value) {\n if (contains(element, value)) return value;\n\n if (value.indexOf(' ') !== -1) {\n const msg = JS_HOOK + ' values cannot contain spaces!';\n throw new Error(msg);\n }\n\n const values = element.getAttribute(JS_HOOK);\n if (values !== null) {\n value = values + ' ' + value;\n }\n element.setAttribute(JS_HOOK, value);\n\n return value;\n}\n\nexport { add, contains };\n", "/* ==========================================================================\n Atomic Helpers.\n Utilities for helping validate atomic design element architecture.\n In descending order of scope, atomic components are:\n - Page\n - Template\n - Organism\n - Molecule\n - Atom\n ========================================================================= */\n\nimport { add, contains } from './data-hook.js';\nimport { STATE_PREFIX } from './standard-type.js';\n\n/**\n * @constant\n * @type {string}\n * @description\n * Flag that gets set on an atomic component after its .init()\n * method has been called. This is used so that an atomic\n * component won't get initialized a second time after it\n * has already been initialized.\n */\nconst INIT_FLAG = STATE_PREFIX + 'atomic_init';\n\n/**\n * @param {HTMLElement} element - The DOM element within which to search for\n * the atomic element class.\n * @param {string} baseClass - The CSS class name for the atomic element.\n * @returns {HTMLElement} The DOM element for the atomic element.\n * @throws {Error} If DOM element passed into the atomic element is not valid.\n */\nfunction _verifyElementExists(element, baseClass) {\n if (!element || !element.classList) {\n const msg =\n element +\n ' is not valid. ' +\n 'Check that element is a DOM node with class \"' +\n baseClass +\n '\"';\n throw new Error(msg);\n }\n\n return element;\n}\n\n/**\n * @param {HTMLElement} element - The DOM element within which to search\n * for the atomic element class.\n * @param {string} baseClass - The CSS class name for the atomic element.\n * @returns {HTMLElement} The DOM element for the atomic element.\n * @throws {Error} If baseClass was not found on the element.\n */\nfunction _verifyClassExists(element, baseClass) {\n const dom = element.classList.contains(baseClass)\n ? element\n : element.querySelector('.' + baseClass);\n if (!dom) {\n const msg = baseClass + ' not found on or in passed DOM node.';\n throw new Error(msg);\n }\n\n return dom;\n}\n\n/**\n * Check that a particular element passed into the constructor of\n * an atomic component exists and that the correct atomic class\n * is present on the element.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the atomic element class.\n * @param {string} baseClass - The CSS class name for the atomic element.\n * @returns {HTMLElement} The DOM element for the atomic element.\n * @throws {Error} If DOM element passed into the atomic element is not valid.\n */\nfunction checkDom(element, baseClass) {\n _verifyElementExists(element, baseClass);\n const dom = _verifyClassExists(element, baseClass);\n\n return dom;\n}\n\n/**\n * Set a flag on an atomic component when it is initialized.\n * Use the returned boolean to handle cases where an atomic component\n * is initializing when it has already been initialized elsewhere.\n * @param {HTMLElement} element - The DOM element for the atomic component.\n * @returns {boolean} True if the init data-js-* hook attribute was set,\n * false otherwise.\n */\nfunction setInitFlag(element) {\n if (contains(element, INIT_FLAG)) {\n return false;\n }\n\n add(element, INIT_FLAG);\n\n return true;\n}\n\n/**\n * @param {string} selector - Selector to search for in the document.\n * @param {Function} Constructor - A constructor function.\n * @param {HTMLElement} [scope] - A dom node in which to query the selector.\n * If not supplied, it defaults to the `document`.\n * @param {object} config - Configuration will be provided to the Constructor's init()\n * @returns {Array} List of instances that were instantiated.\n */\nfunction instantiateAll(selector, Constructor, scope, config = {}) {\n const base = scope || document;\n const elements = base.querySelectorAll(selector);\n const insts = [];\n let inst;\n let element;\n for (let i = 0, len = elements.length; i < len; i++) {\n element = elements[i];\n if (contains(element, INIT_FLAG) === false) {\n inst = new Constructor(element);\n inst.init(config);\n insts.push(inst);\n }\n }\n return insts;\n}\n\n// Expose public methods.\nexport { checkDom, instantiateAll, setInitFlag };\n", "/* ==========================================================================\n Dom Behaviors\n Behaviors are functionality that can be shared between different pieces\n of markup. They are not strictly atomic, though they likely are used\n on atomic components. An example of shared behavior may be a menu that\n expands and collapses and sets the aria-expanded attribute on the HTML.\n Or an input field that can be cleared by clicking an (x) button in the\n input. These are both behaviors that may appear in different parts of\n the codebase, but could share the same functionality.\n Behaviors are added through the `data-js-hook` attribute on the HTML\n and have a prefix of `behavior_`\n (both those designators are set in modules/util/standard-type.js).\n For example, `behaviors/FlyoutMenu.js` defines the behavior of\n expanding and collapsing an expandable menu. At a minimum, three things\n need to be defined: (A) The containing scope of the menu, (B) the trigger\n to activate the menu, and (C) the content to show/hide when the trigger\n is clicked. So the markup looks something like:\n
\n
\n ========================================================================== */\n\nimport { BEHAVIOR_PREFIX, JS_HOOK, contains } from '@cfpb/cfpb-design-system';\n\n/**\n * @param {string} behaviorSelector - Behavior type used to find the element\n * within the dom.\n * @param {HTMLElement} baseElement - Containing element for the behavior element.\n * @returns {Array|NodeList} behaviorElements if it exists in the dom,\n * null otherwise.\n */\nfunction _findElements(behaviorSelector, baseElement) {\n baseElement = baseElement || document;\n let behaviorElements = [];\n\n try {\n behaviorElements = baseElement.querySelectorAll(behaviorSelector);\n } catch (error) {\n const msg = `${behaviorSelector} not found in DOM! ${error}`;\n throw new Error(msg);\n }\n\n if (\n behaviorElements.length === 0 &&\n behaviorSelector.indexOf(BEHAVIOR_PREFIX) === -1\n ) {\n // eslint-disable-next-line no-use-before-define\n behaviorElements = find(behaviorSelector, baseElement);\n }\n\n return behaviorElements;\n}\n\n/**\n * @param {( string|HTMLElement|Array|NodeList )} behaviorElement - Used to\n * query dom for elements.\n * @param {string} event - Event type to add to element.\n * @param {Function} eventHandler - Callback for event.\n * @param {HTMLElement} baseElement - Containing element\n * for the behavior element.\n * @returns {Array|NodeList} if it exists in the dom, null otherwise.\n */\nfunction attach(behaviorElement, event, eventHandler, baseElement) {\n let behaviorElements = [];\n\n if (behaviorElement instanceof NodeList === true) {\n behaviorElements = behaviorElement;\n } else if (behaviorElement instanceof Node === true) {\n behaviorElements = [behaviorElement];\n } else if (typeof behaviorElement === 'string') {\n behaviorElements = _findElements(behaviorElement, baseElement);\n }\n\n for (let i = 0, len = behaviorElements.length; i < len; i++) {\n behaviorElements[i].addEventListener(event, eventHandler, false);\n }\n\n return behaviorElements;\n}\n\n/**\n * @param {HTMLElement} element - The DOM element within which to search\n * for the behavior in the data-js-hook attribute.\n * @param {string} behaviorDataAttr - The value in the data-js-hook.\n * This is the name of the behavior.\n * E.g. `behavior_flyout-menu`, `behavior_flyout-menu_content`.\n * @returns {HTMLElement} The DOM element that has an attached behavior.\n * @throws {Error} If data-js-hook attribute value was not found on DOM element.\n */\nfunction checkBehaviorDom(element, behaviorDataAttr) {\n // Check that the behavior is found on the passed DOM node.\n let dom;\n\n if (contains(element, behaviorDataAttr)) {\n dom = element;\n return dom;\n }\n\n /* If the passed DOM node isn't null,\n query the node to see if it's in the children. */\n if (element) {\n const selector = '[' + JS_HOOK + '=' + behaviorDataAttr + ']';\n dom = element.querySelector(selector);\n }\n\n if (!dom) {\n const msg = behaviorDataAttr + ' behavior not found on passed DOM node!';\n throw new Error(msg);\n }\n\n return dom;\n}\n\n/**\n * @param {string} behaviorSelector - Behavior type used to find\n * the element within the dom.\n * @param {HTMLElement} baseElement - Containing element\n * for the behavior element.\n * @returns {NodeList} if it exists in the dom, null otherwise.\n */\nfunction find(behaviorSelector, baseElement) {\n behaviorSelector = JS_HOOK + '*=' + BEHAVIOR_PREFIX + behaviorSelector;\n behaviorSelector = '[' + behaviorSelector + ']';\n\n return _findElements(behaviorSelector, baseElement);\n}\n\n/**\n * @param {HTMLElement} behaviorElement - Element in which to remove the event.\n * @param {string} event - Event type to remove from the element.\n * @param {Function} eventHandler - Callback for event.\n */\nfunction remove(behaviorElement, event, eventHandler) {\n behaviorElement.removeEventListener(event, eventHandler);\n}\n\n// Expose public methods.\nexport { attach, checkBehaviorDom, find, remove };\n", "/* ==========================================================================\n Javascript Type Checkers\n\n Various utility functions to check Javascript types and primitives.\n\n Contains code copied from with moderate modifications:\n\n https://github.com/angular/angular.js/blob/master/src/Angular.js.\n Copyright (c) 2010-2015 Google, Inc. http://angularjs.org\n\n ========================================================================== */\n\nconst _toString = Object.prototype.toString;\n\n/**\n * @name isUndefined\n * @kind function\n * @description\n * Determines if a reference is undefined.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is undefined.\n */\nfunction isUndefined(value) {\n return typeof value === 'undefined';\n}\n\n/**\n * @name isDefined\n * @kind function\n * @description\n * Determines if a reference is defined.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is defined.\n */\nfunction isDefined(value) {\n return typeof value !== 'undefined';\n}\n\n/**\n * @name isObject\n * @kind function\n * @description\n * Determines if a reference is an `Object`.\n * Unlike `typeof` in JavaScript, `null`s are not\n * considered to be objects. Note that JavaScript arrays are objects.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is an `Object` but not `null`.\n */\nfunction isObject(value) {\n // http://jsperf.com/isobject4\n return value !== null && typeof value === 'object';\n}\n\n/**\n * @name isString\n * @kind function\n * @description\n * Determines if a reference is a `String`.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is a `String`.\n */\nfunction isString(value) {\n return _toString.call(value) === '[object String]';\n}\n\n/**\n * @name isNumber\n * @kind function\n * @description\n * Determines if a reference is a `Number`.\n *\n * This includes the \"special\" numbers `NaN`, `+Infinity` and `-Infinity`.\n *\n * If you wish to exclude these then you can use the native\n * [`isFinite'](https://developer.mozilla.org/en-US/docs/Web/JavaScript/\n * Reference/Global_Objects/isFinite)\n * method.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is a `Number`.\n */\nfunction isNumber(value) {\n return _toString.call(value) === '[object Number]';\n}\n\n/**\n * @name isDate\n * @kind function\n * @description\n * Determines if a value is a date.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is a `Date`.\n */\nfunction isDate(value) {\n return _toString.call(value) === '[object Date]';\n}\n\n/**\n * @name isArray\n * @kind function\n * @description\n * Determines if a reference is an `Array`.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is an `Array`.\n */\nconst isArray =\n Array.isArray ||\n function isArray(value) {\n return _toString.call(value) === '[object Array]';\n };\n\n/**\n * @name isFunction\n * @kind function\n * @description\n * Determines if a reference is a `Function`.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is a `Function`.\n */\nfunction isFunction(value) {\n return _toString.call(value) === '[object Function]';\n}\n\n// TODO Fix complexity issue\n/* eslint-disable complexity, no-mixed-operators */\n/**\n * @name isEmpty\n * @kind function\n * @description\n * Determines if a reference is empty.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is empty.\n */\nfunction isEmpty(value) {\n return (\n isUndefined(value) ||\n value === null ||\n (isString(value) && value.length <= 0) ||\n /^\\s*$/.test(value)\n );\n}\n/* eslint-enable complexity, no-mixed-operators */\n\n// Expose public methods.\nexport {\n isUndefined,\n isDefined,\n isObject,\n isString,\n isNumber,\n isDate,\n isArray,\n isFunction,\n isEmpty,\n};\n", "/* ==========================================================================\n Media Helpers.\n Utilities for working with different screen sizes and operating systems.\n ========================================================================= */\n\n/**\n * Query the browser's user agent string to see if it's on a mobile OS.\n * @returns {boolean} True if on a mobile user agent, false otherwise.\n */\nfunction isMobileUserAgent() {\n const regex = new RegExp(\n /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i,\n );\n if (regex.test(navigator.userAgent)) {\n return true;\n }\n return false;\n}\n\n// Expose public methods.\nexport { isMobileUserAgent };\n", "/* eslint-disable no-use-before-define */\nimport {\n BEHAVIOR_PREFIX,\n JS_HOOK,\n BaseTransition,\n EventObserver,\n checkBehaviorDom,\n} from '@cfpb/cfpb-design-system';\n\nconst BASE_CLASS = BEHAVIOR_PREFIX + 'flyout-menu';\nconst SEL_PREFIX = '[' + JS_HOOK + '=' + BASE_CLASS;\n\n/**\n * FlyoutMenu\n * @class\n * @classdesc Initializes new FlyoutMenu behavior.\n * Behaviors are functionality that can be shared between different pieces\n * of markup. They are not strictly atomic, though they likely are used\n * on atomic components.\n * As added JS behavior, this is added through HTML data-js-hook attributes.\n *\n * Structure is:\n * behavior_flyout-menu\n * behavior_flyout-menu_trigger\n * behavior_flyout-menu_content\n * behavior_flyout-menu_trigger (optional)\n *\n * The second trigger is optional and may be used for a button in the content\n * area, which may obscure the first trigger.\n * The flyout can be triggered through a click of either trigger.\n * @param {HTMLElement} element - The DOM element to attach FlyoutMenu behavior.\n * @param {boolean} autoHideContent - Whether to add `hidden` attribute to\n * content when it is collapsed.\n * @returns {FlyoutMenu} An instance.\n */\nfunction FlyoutMenu(element, autoHideContent = true) {\n // Verify that the expected dom attributes are present.\n const _dom = checkBehaviorDom(element, BASE_CLASS);\n const _triggerDoms = _findTriggers(element);\n const _contentDom = checkBehaviorDom(element, BASE_CLASS + '_content');\n\n // Flyouts appear in one of four states.\n let _state = 0;\n const COLLAPSED = 0;\n const COLLAPSING = 1;\n const EXPANDING = 2;\n const EXPANDED = 3;\n\n let _transition;\n let _expandTransitionMethod;\n let _collapseTransitionMethod;\n\n // Binded events.\n // Needed to add and remove events to transitions.\n const _collapseEndBinded = _collapseEnd.bind(this);\n const _expandEndBinded = _expandEnd.bind(this);\n\n /* If this menu appears in a data source,\n this can be used to store the source.\n Examples include the index in an Array,\n a key in an Hash, or a node in a Tree. */\n let _data;\n\n // Whether this instance's behaviors are suspended or not.\n let _suspended = true;\n\n /* Event immediately preceeding mouseover is touchstart,\n if that event's present we'll want to ignore mouseover\n to avoid a mouseover and click immediately after each other. */\n let _touchTriggered = false;\n\n /**\n * Iterate over dom tree and find FlyoutMenu triggers.\n * We need to exclude the ones that are nested FlyoutMenus, since those\n * will be managed by their own instance of this class.\n * @param {HTMLElement} element - The DOM element to search for triggers within.\n * @returns {Array} List of trigger DOM references within this FlyoutMenu.\n */\n function _findTriggers(element) {\n const triggersList = [];\n const triggers = element.querySelectorAll(`${SEL_PREFIX}_trigger]`);\n\n let trigger;\n let triggerParent;\n let isSubTrigger;\n // Iterate backwards ensuring that length is an UInt32.\n for (let i = triggers.length >>> 0; i--; ) {\n isSubTrigger = false;\n trigger = triggers[i];\n triggerParent = trigger.parentElement;\n while (triggerParent !== element) {\n if (\n triggerParent.getAttribute(JS_HOOK) &&\n triggerParent.getAttribute(JS_HOOK).split(' ').indexOf(BASE_CLASS) !==\n -1\n ) {\n isSubTrigger = true;\n triggerParent = element;\n } else {\n triggerParent = triggerParent.parentElement;\n }\n }\n\n if (!isSubTrigger) {\n triggersList.unshift(triggers[i]);\n }\n }\n\n return triggersList;\n }\n\n /**\n * @returns {FlyoutMenu} An instance.\n * @param {boolean} isExpanded - Whether the flyout menu is expanded at\n * initialization-time or collapsed.\n */\n function init(isExpanded = false) {\n _state = isExpanded ? EXPANDED : COLLAPSED;\n _triggerDoms.forEach((triggerDom) => {\n _setAriaAttr('expanded', triggerDom, isExpanded);\n\n triggerDom.addEventListener('click', _handleTriggerClicked.bind(this));\n triggerDom.addEventListener('touchstart', _handleTouchStart, {\n passive: true,\n });\n triggerDom.addEventListener('mouseover', _handleTriggerOver.bind(this));\n triggerDom.addEventListener('mouseout', _handleTriggerOut.bind(this));\n });\n\n _contentDom.setAttribute('data-open', isExpanded ? 'true' : 'false');\n if (autoHideContent && !isExpanded) _contentDom.setAttribute('hidden', '');\n\n resume();\n\n return this;\n }\n\n /**\n * Set an aria attribute on an HTML element.\n * @param {string} type - The aria attribute to set\n * (without the aria- prefix).\n * @param {HTMLElement} elem - The element to set.\n * @param {boolean} value - The value to set on `aria-expanded`,\n * casts to a string.\n * @returns {string} The cast value.\n */\n function _setAriaAttr(type, elem, value) {\n const strValue = String(value);\n elem.setAttribute('aria-' + type, strValue);\n return strValue;\n }\n\n /**\n * Event handler for when the search input trigger is touched.\n */\n function _handleTouchStart() {\n _touchTriggered = true;\n }\n\n /**\n * Event handler for when the trigger is hovered over.\n * @param {MouseEvent} event - The clicked flyout trigger event object.\n */\n function _handleTriggerOver(event) {\n if (_suspended) return;\n\n if (!_touchTriggered) {\n this.dispatchEvent('triggerover', {\n target: this,\n trigger: event.target,\n type: 'triggerover',\n });\n }\n\n _touchTriggered = false;\n }\n\n /**\n * Event handler for when the trigger is hovered out.\n * @param {MouseEvent} event - The clicked flyout trigger event object.\n */\n function _handleTriggerOut(event) {\n if (_suspended) return;\n\n this.dispatchEvent('triggerout', {\n target: this,\n trigger: event.target,\n type: 'triggerout',\n });\n }\n\n /**\n * Event handler for when the search input trigger is clicked,\n * which opens/closes the search input.\n * @param {MouseEvent} event - The clicked flyout trigger event object.\n */\n function _handleTriggerClicked(event) {\n if (_suspended) return;\n\n this.dispatchEvent('triggerclick', {\n target: this,\n trigger: event.target,\n type: 'triggerclick',\n });\n\n event.preventDefault();\n\n switch (_state) {\n case COLLAPSED:\n case COLLAPSING:\n this.expand();\n break;\n case EXPANDING:\n case EXPANDED:\n this.collapse();\n break;\n }\n }\n\n /**\n * Open the search box.\n * @returns {FlyoutMenu} An instance.\n */\n function expand() {\n _transition?.halt();\n if (_state === EXPANDING || _state === EXPANDED) return this;\n\n _state = EXPANDING;\n if (autoHideContent) _contentDom.removeAttribute('hidden');\n this.dispatchEvent('expandbegin', { target: this, type: 'expandbegin' });\n\n // Only use transitions if both expand and collapse are set.\n if (!_expandTransitionMethod || !_collapseTransitionMethod) {\n _expandEndBinded();\n return this;\n }\n\n const hasTransition = _transition?.isAnimated();\n if (hasTransition) {\n _transition.addEventListener(BaseTransition.END_EVENT, _expandEndBinded);\n }\n\n _expandTransitionMethod();\n\n if (!hasTransition) {\n _expandEndBinded();\n }\n\n return this;\n }\n\n /**\n * Close the search box.\n * If collapse is called when expand animation is underway,\n * save a deferred call to collapse, which is called when\n * expand completes.\n * @returns {FlyoutMenu} An instance.\n */\n function collapse() {\n _transition?.halt();\n if (_state === COLLAPSING || _state === COLLAPSED) return this;\n\n for (let i = 0, len = _triggerDoms.length; i < len; i++) {\n _setAriaAttr('expanded', _triggerDoms[i], false);\n }\n\n _contentDom.setAttribute('data-open', 'false');\n\n _state = COLLAPSING;\n this.dispatchEvent('collapsebegin', {\n target: this,\n type: 'collapsebegin',\n });\n\n // Only use transitions if both expand and collapse are set.\n if (!_collapseTransitionMethod || !_expandTransitionMethod) {\n _collapseEndBinded();\n return this;\n }\n\n const hasTransition = _transition?.isAnimated();\n if (hasTransition) {\n _transition.addEventListener(\n BaseTransition.END_EVENT,\n _collapseEndBinded,\n );\n }\n\n _collapseTransitionMethod();\n\n if (!hasTransition) {\n _collapseEndBinded();\n }\n\n return this;\n }\n\n /**\n * Expand animation has completed.\n * Call deferred collapse function,\n * if set (otherwise it will call a noop function).\n */\n function _expandEnd() {\n _state = EXPANDED;\n _contentDom.setAttribute('data-open', 'true');\n if (_transition) {\n _transition.removeEventListener(\n BaseTransition.END_EVENT,\n _expandEndBinded,\n );\n }\n this.dispatchEvent('expandend', { target: this, type: 'expandend' });\n\n for (let i = 0, len = _triggerDoms.length; i < len; i++) {\n _setAriaAttr('expanded', _triggerDoms[i], true);\n }\n }\n\n /**\n * Collapse animation has completed.\n */\n function _collapseEnd() {\n _state = COLLAPSED;\n\n if (autoHideContent) _contentDom.setAttribute('hidden', '');\n\n if (_transition) {\n _transition.removeEventListener(\n BaseTransition.END_EVENT,\n _collapseEndBinded,\n );\n }\n\n this.dispatchEvent('collapseend', { target: this, type: 'collapseend' });\n }\n\n /**\n * Set the transition that runs when this flyout is expanded/collapsed.\n * @param {BaseTransition} transition - A transition object.\n * @param {Function} collapseMethod - The collapse method to call on the transition.\n * @param {Function} expandMethod - The expand method to call on the transition.\n */\n function setTransition(transition, collapseMethod, expandMethod) {\n _transition = transition;\n\n if (collapseMethod && collapseMethod !== _collapseTransitionMethod) {\n _collapseTransitionMethod = collapseMethod;\n }\n\n if (expandMethod && expandMethod !== _expandTransitionMethod) {\n _expandTransitionMethod = expandMethod;\n }\n }\n\n /**\n * Clear the transitions attached to this FlyoutMenu instance.\n */\n function clearTransition() {\n if (_transition) {\n _transition.remove();\n }\n\n let UNDEFINED;\n\n _transition = UNDEFINED;\n\n _expandTransitionMethod = UNDEFINED;\n _collapseTransitionMethod = UNDEFINED;\n }\n\n /**\n * @returns {object}\n * Hash of container, content DOM references, and a list of trigger DOMs.\n */\n function getDom() {\n return {\n container: _dom,\n content: _contentDom,\n trigger: _triggerDoms,\n };\n }\n\n /**\n * Enable broadcasting of trigger events.\n * @returns {boolean} True if resumed, false otherwise.\n */\n function resume() {\n if (_suspended) _suspended = false;\n\n return !_suspended;\n }\n\n /**\n * Suspend broadcasting of trigger events.\n * @returns {boolean} True if suspended, false otherwise.\n */\n function suspend() {\n if (!_suspended) _suspended = true;\n\n return _suspended;\n }\n\n /**\n * @param {number | string | object} data - A data identifier\n * such as an Array index, Hash key, or Tree node.\n * @returns {FlyoutMenu} An instance.\n */\n function setData(data) {\n _data = data;\n\n return this;\n }\n\n // Attach public events.\n const eventObserver = new EventObserver();\n this.addEventListener = eventObserver.addEventListener;\n this.removeEventListener = eventObserver.removeEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n\n this.init = init;\n this.expand = expand;\n this.collapse = collapse;\n this.setTransition = setTransition;\n this.clearTransition = clearTransition;\n this.getData = () => _data;\n this.getTransition = () => _transition;\n this.getDom = getDom;\n this.isAnimating = () => _state === EXPANDING || _state === COLLAPSING;\n this.isExpanded = () => _state === EXPANDED;\n this.resume = resume;\n this.setData = setData;\n this.suspend = suspend;\n\n // Public static properties.\n FlyoutMenu.BASE_CLASS = BASE_CLASS;\n\n return this;\n}\n\nexport { FlyoutMenu };\n", "import { BaseTransition, EventObserver } from '@cfpb/cfpb-design-system';\n\n// Exported constants.\nconst CLASSES = {\n CSS_PROPERTY: 'opacity',\n BASE_CLASS: 'u-alpha-transition',\n ALPHA_100: 'u-alpha-100',\n ALPHA_0: 'u-alpha-0',\n};\n\n/**\n * AlphaTransition\n * @class\n * @classdesc Initializes new AlphaTransition behavior.\n * @param {HTMLElement} element - DOM element to apply opacity transition to.\n * @returns {AlphaTransition} An instance.\n */\nfunction AlphaTransition(element) {\n const eventObserver = new EventObserver();\n const _baseTransition = new BaseTransition(element, CLASSES, this);\n\n /**\n * @param {Function} initialClass - The initial state for this transition.\n * @returns {AlphaTransition} An instance.\n */\n function init(initialClass) {\n _baseTransition.init(initialClass);\n\n return this;\n }\n\n /**\n * Fade to 100% by applying a utility alpha class.\n * @returns {AlphaTransition} An instance.\n */\n function fadeIn() {\n _baseTransition.applyClass(CLASSES.ALPHA_100);\n\n return this;\n }\n\n /**\n * Fade to nothing by applying a utility alpha class.\n * @returns {AlphaTransition} An instance.\n */\n function fadeOut() {\n _baseTransition.applyClass(CLASSES.ALPHA_0);\n\n return this;\n }\n\n // Attach public events.\n this.addEventListener = eventObserver.addEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n this.removeEventListener = eventObserver.removeEventListener;\n\n this.animateOff = _baseTransition.animateOff;\n this.animateOn = _baseTransition.animateOn;\n this.halt = _baseTransition.halt;\n this.isAnimated = _baseTransition.isAnimated;\n this.remove = _baseTransition.remove;\n this.setElement = _baseTransition.setElement;\n\n this.fadeIn = fadeIn;\n this.fadeOut = fadeOut;\n this.init = init;\n\n return this;\n}\n\n// Public static properties.\nAlphaTransition.CLASSES = CLASSES;\n\nexport { AlphaTransition };\n", "import * as TransitionStyles from './transition.scss';\n\n/**\n * BaseTransition\n * @class\n * @classdesc Initializes new BaseTransition behavior.\n * This shouldn't be used directly, but instead should be\n * the base class used through composition by a specific transition.\n * @param {HTMLElement} element - DOM element to apply transition to.\n * @param {object} classes - The classes to apply to this transition.\n * @param {object} child - The child transition using this as a base.\n * @returns {BaseTransition} An instance.\n */\nfunction BaseTransition(element, classes, child) {\n const _classes = classes;\n let _dom = element;\n if (!child) throw new Error('Child transition argument must be defined!');\n const _child = child;\n\n let _lastClass;\n let _transitionEndEvent;\n let _transitionCompleteBinded;\n\n let _isAnimated = false;\n let _isAnimating = false;\n let _isFlushed = false;\n\n // Make sure required attributes are passed in.\n if (\n typeof _classes.CSS_PROPERTY === 'undefined' ||\n typeof _classes.BASE_CLASS === 'undefined'\n ) {\n throw new Error(\n 'Transitions require CSS_PROPERTY and BASE_CLASS ' +\n 'to be passed into BaseTransition.',\n );\n }\n\n /**\n * Add an event listener to the transition, or call the transition\n * complete handler immediately if the transition is not supported.\n */\n function _addEventListener() {\n /*\n If transition is supported and the animation is animated,\n listen for transition end event, otherwise call the handler directly.\n Some browsers (e.g. IE9/OperaMini) do not support transitionend event.\n If \"transition-duration: 0s\" is set, transitionEnd event will not\n fire, so we need to call the handler straight away.\n */\n if (_transitionEndEvent && _isAnimated) {\n _dom.addEventListener(_transitionEndEvent, _transitionCompleteBinded);\n _child.dispatchEvent(BaseTransition.BEGIN_EVENT, {\n target: _child,\n type: BaseTransition.BEGIN_EVENT,\n });\n\n _dom.classList.add(BaseTransition.ANIMATING_CLASS);\n _isAnimating = true;\n } else {\n _child.dispatchEvent(BaseTransition.BEGIN_EVENT, {\n target: _child,\n type: BaseTransition.BEGIN_EVENT,\n });\n _transitionCompleteBinded();\n }\n }\n\n /**\n * Remove an event listener to the transition.\n */\n function _removeEventListener() {\n _dom.removeEventListener(_transitionEndEvent, _transitionCompleteBinded);\n }\n\n /**\n * Handle the end of a transition.\n * @param {TransitionEvent} evt - Transition event object.\n * @returns {boolean} True if transition was cleaned up,\n * false if an outside transitioning property triggered this event handler.\n */\n function _transitionComplete(evt) {\n if (evt && evt.propertyName !== _classes.CSS_PROPERTY) {\n return false;\n }\n\n _removeEventListener();\n _dom.classList.remove(BaseTransition.ANIMATING_CLASS);\n _child.dispatchEvent(BaseTransition.END_EVENT, {\n target: _child,\n type: BaseTransition.END_EVENT,\n });\n _isAnimating = false;\n return true;\n }\n\n /**\n * Search for and remove initial BaseTransition classes that have\n * already been applied to this BaseTransition's target element.\n */\n function _flush() {\n let prop;\n for (prop in _classes) {\n if (\n {}.hasOwnProperty.call(_classes, prop) &&\n _classes[prop] !== _classes.BASE_CLASS &&\n _dom.classList.contains(_classes[prop])\n ) {\n _dom.classList.remove(_classes[prop]);\n }\n }\n }\n\n /**\n * Halt an in-progress animation and call the complete event immediately.\n */\n function halt() {\n if (!_isAnimating) {\n return;\n }\n _dom.style.webkitTransitionDuration = '0';\n _dom.style.mozTransitionDuration = '0';\n _dom.style.oTransitionDuration = '0';\n _dom.style.transitionDuration = '0';\n _dom.removeEventListener(_transitionEndEvent, _transitionCompleteBinded);\n _transitionCompleteBinded();\n _dom.style.webkitTransitionDuration = '';\n _dom.style.mozTransitionDuration = '';\n _dom.style.oTransitionDuration = '';\n _dom.style.transitionDuration = '';\n }\n\n /**\n * Remove all transition classes, if transition is initialized.\n */\n function remove() {\n halt();\n _flush();\n _dom.classList.remove(_classes.BASE_CLASS);\n }\n\n /**\n * Add a \"transition-duration: 0s\" utility CSS class.\n */\n function animateOn() {\n _dom.classList.remove(BaseTransition.NO_ANIMATION_CLASS);\n _isAnimated = true;\n }\n\n /**\n * Remove a \"transition-duration: 0s\" utility CSS class.\n */\n function animateOff() {\n _dom.classList.add(BaseTransition.NO_ANIMATION_CLASS);\n _isAnimated = false;\n }\n\n /**\n * @param {HTMLElement} elem - The element to check\n * for support of transition end event.\n * @returns {string} The browser-prefixed transition end event.\n */\n function _getTransitionEndEvent(elem) {\n if (!elem) {\n const msg = 'Element does not have TransitionEnd event. It may be null!';\n throw new Error(msg);\n }\n\n let transition;\n const transitions = {\n WebkitTransition: 'webkitTransitionEnd',\n MozTransition: 'transitionend',\n OTransition: 'oTransitionEnd otransitionend',\n transition: 'transitionend',\n };\n\n let transitionEvent;\n for (transitionEvent in transitions) {\n if (\n {}.hasOwnProperty.call(transitions, transitionEvent) &&\n typeof elem.style[transitionEvent] !== 'undefined'\n ) {\n transition = transitions[transitionEvent];\n break;\n }\n }\n return transition;\n }\n\n /**\n * Set the HTML element target of this transition.\n * @param {HTMLElement} targetElement - The target of the transition.\n */\n function setElement(targetElement) {\n // Clear the transition classes from the old element.\n remove();\n animateOn();\n\n _dom = targetElement;\n _dom.classList.add(_classes.BASE_CLASS);\n _transitionEndEvent = _getTransitionEndEvent(_dom);\n }\n\n /**\n * @param {Function} initialClass - The initial state for this transition.\n * @returns {BaseTransition} An instance.\n */\n function init(initialClass) {\n _isAnimated = !_dom.classList.contains(BaseTransition.NO_ANIMATION_CLASS);\n _transitionCompleteBinded = _transitionComplete.bind(this);\n setElement(_dom);\n if (!initialClass) {\n throw new Error(\n 'Transition needs to be passed an initial CSS class on initialization!',\n );\n }\n _dom.classList.add(initialClass);\n\n return this;\n }\n\n /**\n * @param {string} className - A CSS class.\n * @returns {boolean} False if the class is already applied,\n * otherwise true if the class was applied.\n */\n function applyClass(className) {\n if (!_isFlushed) {\n _flush();\n _isFlushed = true;\n }\n\n if (_dom.classList.contains(className)) {\n return false;\n }\n\n _removeEventListener();\n _dom.classList.remove(_lastClass);\n _lastClass = className;\n _addEventListener();\n _dom.classList.add(_lastClass);\n\n return true;\n }\n\n // Attach public events.\n this.animateOff = animateOff;\n this.animateOn = animateOn;\n this.applyClass = applyClass;\n this.halt = halt;\n this.init = init;\n this.isAnimated = () => _isAnimated;\n this.remove = remove;\n this.setElement = setElement;\n\n return this;\n}\n\n// Public static constants.\nBaseTransition.BEGIN_EVENT = 'transitionbegin';\nBaseTransition.END_EVENT = 'transitionend';\nBaseTransition.NO_ANIMATION_CLASS = 'u-no-animation';\nBaseTransition.ANIMATING_CLASS = 'u-is-animating';\n\nexport { BaseTransition, TransitionStyles };\n", "import { BaseTransition, EventObserver } from '@cfpb/cfpb-design-system';\n\n// Exported constants.\nconst CLASSES = {\n CSS_PROPERTY: 'max-height',\n BASE_CLASS: 'u-max-height-transition',\n MH_DEFAULT: 'u-max-height-default',\n MH_SUMMARY: 'u-max-height-summary',\n MH_ZERO: 'u-max-height-zero',\n};\n\n/**\n * MoveTransition\n * @class\n * @classdesc Initializes new MoveTransition behavior.\n * @param {HTMLElement} element - DOM element to apply transition to.\n * @returns {MaxHeightTransition} An instance.\n */\nfunction MaxHeightTransition(element) {\n const eventObserver = new EventObserver();\n const _baseTransition = new BaseTransition(element, CLASSES, this);\n let _previousHeight = 0;\n\n /**\n * Refresh the max height set on the element.\n * This may be useful if resizing the window and the content height changes.\n */\n function refresh() {\n const elmHeight = element.scrollHeight;\n const newHeight = elmHeight + 'px';\n element.style.maxHeight = newHeight;\n }\n\n /**\n * The whole page has loaded,\n * including all dependent resources such as stylesheets and images.\n */\n function _pageLoaded() {\n window.removeEventListener('load', _pageLoaded);\n refresh();\n }\n\n /**\n * @param {Function} initialClass - The initial state for this transition.\n * @returns {MaxHeightTransition} An instance.\n */\n function init(initialClass) {\n _baseTransition.init(initialClass);\n\n /*\n The scrollHeight of an element may be incorrect if the page hasn't\n fully loaded yet, so we listen for that to happen before calculating\n the element max-height.\n */\n window.addEventListener('load', _pageLoaded);\n\n /*\n The scrollHeight of an element may change on page load.\n */\n window.addEventListener('resize', () => {\n refresh();\n });\n\n return this;\n }\n\n /**\n * Reset the max-height to the default size.\n * @returns {MaxHeightTransition} An instance.\n */\n function maxHeightDefault() {\n refresh();\n _baseTransition.applyClass(CLASSES.MH_DEFAULT);\n\n if (!_previousHeight || element.scrollHeight > _previousHeight) {\n _previousHeight = element.scrollHeight;\n }\n\n return this;\n }\n\n /**\n * Collapses the max-height to just a summary height.\n * @returns {MaxHeightTransition} An instance.\n */\n function maxHeightSummary() {\n _baseTransition.applyClass(CLASSES.MH_SUMMARY);\n\n _previousHeight = element.scrollHeight;\n\n return this;\n }\n\n /**\n * Collapses thte max-height completely.\n * @returns {MaxHeightTransition} An instance.\n */\n function maxHeightZero() {\n _baseTransition.applyClass(CLASSES.MH_ZERO);\n\n _previousHeight = element.scrollHeight;\n\n return this;\n }\n\n /**\n * Remove style attribute.\n * Remove all transition classes, if transition is initialized.\n * @returns {boolean}\n * True, if the element's CSS classes were touched, false otherwise.\n */\n function remove() {\n element.style.maxHeight = '';\n return _baseTransition.remove();\n }\n\n // Attach public events.\n this.addEventListener = eventObserver.addEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n this.removeEventListener = eventObserver.removeEventListener;\n\n this.animateOff = _baseTransition.animateOff;\n this.animateOn = _baseTransition.animateOn;\n this.halt = _baseTransition.halt;\n this.isAnimated = _baseTransition.isAnimated;\n this.setElement = _baseTransition.setElement;\n this.refresh = refresh;\n this.remove = remove;\n\n this.init = init;\n this.maxHeightDefault = maxHeightDefault;\n this.maxHeightSummary = maxHeightSummary;\n this.maxHeightZero = maxHeightZero;\n\n return this;\n}\n\n// Public static properties.\nMaxHeightTransition.CLASSES = CLASSES;\n\nexport { MaxHeightTransition };\n", "import { BaseTransition, EventObserver } from '@cfpb/cfpb-design-system';\n\n// Exported constants.\nconst CLASSES = {\n CSS_PROPERTY: 'transform',\n BASE_CLASS: 'u-move-transition',\n MOVE_TO_ORIGIN: 'u-move-to-origin',\n MOVE_LEFT: 'u-move-left',\n MOVE_LEFT_2X: 'u-move-left-2x',\n MOVE_LEFT_3X: 'u-move-left-3x',\n MOVE_RIGHT: 'u-move-right',\n MOVE_UP: 'u-move-up',\n};\n\n/**\n * MoveTransition\n * @class\n * @classdesc Initializes new MoveTransition behavior.\n * @param {HTMLElement} element - DOM element to apply move transition to.\n * @returns {MoveTransition} An instance.\n */\nfunction MoveTransition(element) {\n const eventObserver = new EventObserver();\n const _baseTransition = new BaseTransition(element, CLASSES, this);\n\n /**\n * @param {Function} initialClass - The initial state for this transition.\n * @returns {MoveTransition} An instance.\n */\n function init(initialClass) {\n _baseTransition.init(initialClass);\n\n return this;\n }\n\n /**\n * Move to the element's original coordinates.\n * @returns {MoveTransition} An instance.\n */\n function moveToOrigin() {\n _baseTransition.applyClass(CLASSES.MOVE_TO_ORIGIN);\n\n return this;\n }\n\n /**\n * Move to the left by applying a utility move class.\n * @param {number} count - How many times to move left\n * as a multiplication of the element's width.\n * @returns {MoveTransition} An instance.\n */\n function _moveLeft(count) {\n count = count || 1;\n const moveClasses = [\n CLASSES.MOVE_LEFT,\n CLASSES.MOVE_LEFT_2X,\n CLASSES.MOVE_LEFT_3X,\n ];\n\n _baseTransition.applyClass(moveClasses[count - 1]);\n\n return this;\n }\n\n /**\n * Move to the right by applying a utility move class.\n * @returns {MoveTransition} An instance.\n */\n function moveRight() {\n _baseTransition.applyClass(CLASSES.MOVE_RIGHT);\n\n return this;\n }\n\n /**\n * Move up by applying a utility move class.\n * @returns {MoveTransition} An instance.\n */\n function moveUp() {\n _baseTransition.applyClass(CLASSES.MOVE_UP);\n\n return this;\n }\n\n // Attach public events.\n this.addEventListener = eventObserver.addEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n this.removeEventListener = eventObserver.removeEventListener;\n\n this.animateOff = _baseTransition.animateOff;\n this.animateOn = _baseTransition.animateOn;\n this.halt = _baseTransition.halt;\n this.isAnimated = _baseTransition.isAnimated;\n this.setElement = _baseTransition.setElement;\n this.remove = _baseTransition.remove;\n\n this.init = init;\n this.moveLeft = () => _moveLeft(1);\n this.moveLeft2 = () => _moveLeft(2);\n this.moveLeft3 = () => _moveLeft(3);\n this.moveRight = moveRight;\n this.moveToOrigin = moveToOrigin;\n this.moveUp = moveUp;\n\n return this;\n}\n\n// Public static properties.\nMoveTransition.CLASSES = CLASSES;\n\nexport { MoveTransition };\n", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Expandable Styling\n ========================================================================== */\n.o-expandable {\n position: relative;\n}\n.o-expandable__header {\n display: flex;\n justify-content: space-between;\n gap: 10px;\n padding: 0.625em 0.9375em;\n border: 0;\n background-color: transparent;\n cursor: pointer;\n}\n.o-expandable__header:focus {\n outline: 1px dotted var(--black);\n outline-offset: 2px;\n}\n.o-expandable__header .o-expandable__cue-close,\n.o-expandable__header .o-expandable__cue-open {\n display: none;\n}\n.o-expandable__header[aria-expanded=false] .o-expandable__cue-open {\n display: block;\n}\n.o-expandable__header[aria-expanded=true] .o-expandable__cue-close {\n display: block;\n}\n.o-expandable button.o-expandable__header {\n width: 100%;\n text-align: left;\n}\n.o-expandable__label {\n flex-grow: 1;\n margin-bottom: 0;\n color: var(--black);\n font-weight: 500;\n}\n.o-expandable__icon, .o-expandable__label {\n font-size: 1.125em;\n}\n@media only all and (max-width: 37.5em) {\n .o-expandable__icon, .o-expandable__label {\n font-size: 1em;\n }\n}\n.o-expandable__cues {\n align-self: center;\n color: var(--pacific);\n font-size: 1em;\n line-height: 1.375;\n}\n.o-expandable__content {\n padding: 0.9375em;\n padding-top: 0;\n}\n.o-expandable__content::before {\n content: \"\";\n display: block;\n border-top: 1px solid var(--gray-40);\n padding-top: 0.9375em;\n}\n.o-expandable__content::after {\n padding-bottom: 0.9375em;\n width: 100%;\n}\n.o-expandable--padded .o-expandable__header {\n padding: 1.5625em 0.9375em;\n}\n.o-expandable--padded .o-expandable__icon, .o-expandable--padded .o-expandable__label {\n font-size: 1.625em;\n}\n@media only all and (max-width: 37.5em) {\n .o-expandable--padded .o-expandable__icon, .o-expandable--padded .o-expandable__label {\n font-size: 1.375em;\n }\n}\n.o-expandable--background {\n background: var(--gray-5);\n}\n.o-expandable--border {\n border: 1px solid var(--gray-40);\n}\n.o-expandable-group .o-expandable {\n border-bottom: 1px solid var(--gray-40);\n}\n.o-expandable-group .o-expandable:first-child {\n border-top: 1px solid var(--gray-40);\n}\n@media print {\n .o-expandable__header[aria-expanded=true] .o-expandable__cue-close, .o-expandable__header[aria-expanded=false] .o-expandable__cue-open {\n display: none;\n }\n .o-expandable__content[aria-expanded=false] {\n display: block;\n max-height: 99999px !important;\n }\n}\n.o-expandable .print__header[aria-expanded=true] .o-expandable .print__cue-close, .o-expandable .print__header[aria-expanded=false] .o-expandable .print__cue-open {\n display: none;\n}\n.o-expandable .print__content[aria-expanded=false] {\n display: block;\n max-height: 99999px !important;\n}\n\nhtml[lang=ar] .o-expandable__header {\n text-align: right;\n}\nhtml[lang=ar] .o-expandable__cues {\n text-align: left;\n}", "/* ==========================================================================\n Expandable Organism\n ========================================================================== */\n\nimport {\n add as addDataHook,\n checkDom,\n setInitFlag,\n instantiateAll,\n MaxHeightTransition,\n EventObserver,\n FlyoutMenu,\n} from '../../utilities';\n\nimport * as ExpandableStyles from './expandable.scss';\n\nconst BASE_CLASS = 'o-expandable';\n\n/**\n * Expandable\n * @class\n * @classdesc Initializes a new Expandable molecule.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the molecule.\n * @returns {Expandable} An instance.\n */\nfunction Expandable(element) {\n // Internal vars.\n const _dom = checkDom(element, BASE_CLASS);\n let _targetDom;\n let _contentDom;\n let _labelDom;\n\n // Animation vars.\n let _transition;\n let _flyout;\n\n /**\n * Set up and create the multiselect.\n * @returns {Expandable} An instance.\n */\n function init() {\n if (!setInitFlag(_dom)) {\n return this;\n }\n\n _targetDom = _dom.querySelector(`.${BASE_CLASS}__header`);\n _contentDom = _dom.querySelector(`.${BASE_CLASS}__content`);\n _labelDom = _dom.querySelector(`.${BASE_CLASS}__label`);\n\n const isExpanded = _dom.classList.contains(`${BASE_CLASS}--onload-open`);\n\n // Add behavior hooks.\n addDataHook(_dom, 'behavior_flyout-menu');\n addDataHook(_targetDom, 'behavior_flyout-menu_trigger');\n addDataHook(_contentDom, 'behavior_flyout-menu_content');\n\n // If it's expanded we don't set an initial height,\n // as it will be calculated internally.\n const initialClass = isExpanded\n ? MaxHeightTransition.CLASSES.MH_DEFAULT\n : MaxHeightTransition.CLASSES.MH_ZERO;\n _transition = new MaxHeightTransition(_contentDom).init(initialClass);\n\n // Create root menu.\n _flyout = new FlyoutMenu(_dom);\n\n _flyout.setTransition(\n _transition,\n _transition.maxHeightZero,\n _transition.maxHeightDefault,\n );\n\n _flyout.init(isExpanded);\n\n // Add events.\n _flyout.addEventListener('expandbegin', () => {\n _contentDom.classList.remove('u-hidden');\n this.dispatchEvent('expandbegin', { target: this });\n });\n _flyout.addEventListener('collapseend', () => {\n _contentDom.classList.add('u-hidden');\n });\n\n return this;\n }\n\n /**\n * @returns {string} The expandable label text.\n */\n function getLabelText() {\n return _labelDom.textContent.trim();\n }\n\n // Attach public events.\n this.init = init;\n this.expand = () => _flyout.expand();\n this.collapse = () => _flyout.collapse();\n this.isExpanded = () => _flyout.isExpanded();\n this.refresh = () => _flyout.getTransition().refresh();\n this.getLabelText = getLabelText;\n\n const eventObserver = new EventObserver();\n this.addEventListener = eventObserver.addEventListener;\n this.removeEventListener = eventObserver.removeEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n\n return this;\n}\n\nExpandable.BASE_CLASS = BASE_CLASS;\nExpandable.init = (scope) =>\n instantiateAll(`.${Expandable.BASE_CLASS}`, Expandable, scope);\n\nexport { Expandable, ExpandableStyles };\n", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Expandable Group Styling\n ========================================================================== */\n.o-expandable-group .o-expandable {\n border-bottom: 1px solid var(--gray-40);\n}\n.o-expandable-group .o-expandable:first-child {\n border-top: 1px solid var(--gray-40);\n}\n@media print {\n .o-expandable__header[aria-expanded=true] .o-expandable__cue-close, .o-expandable__header[aria-expanded=false] .o-expandable__cue-open {\n display: none;\n }\n .o-expandable__content[aria-expanded=false] {\n display: block;\n max-height: 99999px !important;\n }\n}\n.o-expandable .print__header[aria-expanded=true] .o-expandable .print__cue-close, .o-expandable .print__header[aria-expanded=false] .o-expandable .print__cue-open {\n display: none;\n}\n.o-expandable .print__content[aria-expanded=false] {\n display: block;\n max-height: 99999px !important;\n}", "/* ==========================================================================\n Expandable Organism\n ========================================================================== */\n\nimport { checkDom, setInitFlag, instantiateAll } from '../../utilities';\nimport { Expandable } from './expandable.js';\n\nimport * as ExpandableGroupStyles from './expandable-group.scss';\n\nconst BASE_CLASS = 'o-expandable-group';\n\n/**\n * ExpandableGroup\n * @class\n * @classdesc Initializes a new Expandable molecule.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the molecule.\n * @returns {ExpandableGroup} An instance.\n */\nfunction ExpandableGroup(element) {\n // Internal vars.\n const _dom = checkDom(element, BASE_CLASS);\n const _isAccordion = _dom.classList.contains(`${BASE_CLASS}--accordion`);\n let _expandables;\n let _lastExpanded;\n\n /**\n * @param {object} evt - The event object.\n */\n function _handleExpandBegin(evt) {\n const target = evt.target;\n if (_lastExpanded && _lastExpanded !== target) {\n _lastExpanded.collapse();\n }\n _lastExpanded = target;\n }\n\n /**\n * Set up and create the multiselect.\n * @param {Array} expandables - List of expandables inside this group.\n * @returns {ExpandableGroup} An instance.\n */\n function init(expandables) {\n if (!setInitFlag(_dom)) {\n return this;\n }\n\n if (_isAccordion) {\n _expandables = expandables;\n\n _expandables.forEach((expandable) => {\n expandable.addEventListener('expandbegin', _handleExpandBegin);\n });\n }\n\n return this;\n }\n\n // Attach public events.\n this.init = init;\n\n return this;\n}\n\nExpandableGroup.BASE_CLASS = BASE_CLASS;\nExpandableGroup.init = (scope) => {\n const base = scope || document;\n const expandableGroupsDom = base.querySelectorAll(`.${BASE_CLASS}`);\n expandableGroupsDom.forEach((expandableGroupDom) => {\n const expandables = instantiateAll(\n `.${Expandable.BASE_CLASS}`,\n Expandable,\n expandableGroupDom,\n );\n const expandableGroup = new ExpandableGroup(expandableGroupDom);\n expandableGroup.init(expandables);\n });\n};\n\nexport { ExpandableGroup, ExpandableGroupStyles };\n", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-summary__content {\n overflow-y: hidden;\n padding: 2px;\n left: -2px;\n top: -2px;\n position: relative;\n}\n.o-summary__btn {\n position: relative;\n z-index: 2;\n display: block;\n width: 100%;\n padding-top: 15px;\n padding-bottom: 15px;\n border: dotted var(--pacific);\n border-width: 1px 0;\n text-align: center;\n color: var(--pacific);\n background: #fff;\n}\n.o-summary__btn:focus {\n outline: 1px dotted var(--pacific);\n outline-offset: 1px;\n}\n.o-summary__btn[aria-expanded=false]::before {\n display: block;\n pointer-events: none;\n height: 2.75em;\n margin: 0;\n position: absolute;\n left: 0;\n right: 0;\n top: calc(-100% + 2px);\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);\n content: \"\";\n}\n@media print {\n .o-summary__btn[aria-expanded=false]::before {\n background: none;\n }\n}\n.o-summary__btn[aria-expanded=false]::before .print {\n background: none;\n}\n.no-js .o-summary__btn {\n display: none;\n}\n@media only screen and (min-width: 601px) {\n .o-summary--mobile .o-summary__btn {\n display: none;\n }\n}", "/* eslint-disable no-use-before-define */\nimport {\n add as addDataHook,\n checkDom,\n instantiateAll,\n setInitFlag,\n FlyoutMenu,\n MaxHeightTransition,\n EventObserver,\n MOBILE,\n viewportIsIn,\n} from '../../utilities';\n\nimport * as SummaryStyles from './summary.scss';\n\nconst BASE_CLASS = 'o-summary';\n\n/**\n * Summary\n * @class\n * @classdesc Initializes a new Summary organism.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the organism.\n * @returns {Summary} An instance.\n */\nfunction Summary(element) {\n const _dom = checkDom(element, BASE_CLASS);\n const _hasMobileModifier = _dom.classList.contains(`${BASE_CLASS}--mobile`);\n const _contentDom = _dom.querySelector(`.${BASE_CLASS}__content`);\n const _btnDom = _dom.querySelector(`.${BASE_CLASS}__btn`);\n let _transition;\n let _flyout;\n\n // Whether this instance's behaviors are suspended or not.\n let _suspended;\n\n /**\n * NOTE: Init won't work if it's called after the page has been loaded,\n * since it depends on the `load` event fired by the browser.\n * @returns {Summary} An instance.\n */\n function init() {\n if (!setInitFlag(_dom)) {\n return this;\n }\n\n // Don't initialize the Summary till the page has loaded, so we can have\n // an accurate idea of its height.\n window.addEventListener('load', _pageLoadHandler);\n\n return this;\n }\n\n /**\n * The page (content + CSS) has loaded.\n */\n function _pageLoadHandler() {\n window.removeEventListener('load', _pageLoadHandler);\n\n _suspended = !_shouldSuspend();\n\n // Add FlyoutMenu behavior data-js-hooks.\n addDataHook(_dom, 'behavior_flyout-menu');\n addDataHook(_contentDom, 'behavior_flyout-menu_content');\n addDataHook(_btnDom, 'behavior_flyout-menu_trigger');\n\n _flyout = new FlyoutMenu(_dom, false);\n _transition = new MaxHeightTransition(_contentDom);\n _transition.init(\n _suspended\n ? MaxHeightTransition.CLASSES.MH_SUMMARY\n : MaxHeightTransition.CLASSES.MH_DEFAULT,\n );\n _flyout.setTransition(\n _transition,\n _transition.maxHeightSummary,\n _transition.maxHeightDefault,\n );\n _flyout.addEventListener('triggerclick', _triggerClickHandler);\n _flyout.init();\n\n _resizeHandler();\n\n window.addEventListener('resize', _resizeHandler);\n // Pipe window resize handler into orientation change on supported devices.\n if ('onorientationchange' in window) {\n window.addEventListener('orientationchange', _resizeHandler);\n }\n\n _dom.addEventListener('focusin', _focusInHandler);\n\n /* When we click inside the content area we may be changing the size,\n such as when a video player expands on being clicked.\n So, let's refresh the transition to recalculate the max-height,\n just in case. */\n _contentDom.addEventListener('click', _contentClicked);\n }\n\n /**\n * Handling tabbing into the content area that is hidden.\n * If the focus goes onto a focusable element within the content area,\n * we'll act like the summary expansion button was clicked.\n * @param {Event} evt - The focus event.\n */\n function _focusInHandler(evt) {\n if (!_suspended && evt.target !== _btnDom) {\n _btnDom.click();\n _dom.removeEventListener('focusin', _focusInHandler);\n }\n }\n\n /**\n * Handler for when the content area is clicked.\n * Refresh the transition to recalculate the max-height.\n * @param {MouseEvent} evt - the mouse event object.\n */\n function _contentClicked(evt) {\n /* We don't need to refresh if a link was clicked as we'll be navigating\n to another page. */\n if (evt.target.tagName !== 'A' && _flyout.isExpanded()) {\n _transition.refresh();\n }\n }\n\n /**\n * Handle resizing of the window,\n * suspends or resumes the mobile or desktop behaviors.\n */\n function _resizeHandler() {\n if (_shouldSuspend()) {\n _suspend();\n } else {\n _resume();\n }\n }\n\n /**\n * @returns {boolean} True if this should be suspended, false otherwise.\n */\n function _shouldSuspend() {\n /* Bail out of initializatiion if the height of the summary's content\n is less than our summary height of 5.5ems\n 16 * 5.5 = 88\n See https://github.com/cfpb/design-system/blob/72623270013f2ad08dbe92b5b709ed2b434ee41e/packages/cfpb-atomic-component/src/utilities/transition/transition.less#L84\n */\n return (\n (_hasMobileModifier && !viewportIsIn(MOBILE)) ||\n _contentDom.scrollHeight <= 88\n );\n }\n\n /**\n * Handle click of flyout.\n */\n function _triggerClickHandler() {\n _flyout.addEventListener('expandend', _expandEndHandler);\n }\n\n /**\n * After the summary opens, remove the \"read more\" button.\n */\n function _expandEndHandler() {\n _hideButton();\n window.removeEventListener('resize', _resizeHandler);\n window.removeEventListener('orientationchange', _resizeHandler);\n _flyout.removeEventListener('expandend', _expandEndHandler);\n _flyout.suspend();\n _transition.remove();\n }\n\n /**\n *\n */\n function _showButton() {\n _btnDom.classList.remove('u-hidden');\n }\n\n /**\n *\n */\n function _hideButton() {\n _btnDom.classList.add('u-hidden');\n }\n\n /**\n * Add events necessary for the desktop menu behaviors.\n * @returns {boolean} Whether it has successfully been resumed or not.\n */\n function _resume() {\n if (_suspended) {\n _flyout.collapse();\n _transition.animateOn();\n _showButton();\n\n _suspended = false;\n }\n\n return !_suspended;\n }\n\n /**\n * Remove events necessary for the desktop menu behaviors.\n * @returns {boolean} Whether it has successfully been suspended or not.\n */\n function _suspend() {\n if (!_suspended) {\n _transition.animateOff();\n _flyout.expand();\n _hideButton();\n\n _suspended = true;\n }\n\n return _suspended;\n }\n\n // Attach public events.\n const eventObserver = new EventObserver();\n this.addEventListener = eventObserver.addEventListener;\n this.removeEventListener = eventObserver.removeEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n\n this.init = init;\n\n return this;\n}\n\nSummary.BASE_CLASS = BASE_CLASS;\nSummary.init = (scope) => instantiateAll(`.${BASE_CLASS}`, Summary, scope);\n\nexport { Summary, SummaryStyles };\n", "/* eslint-disable no-use-before-define */\nimport {\n add as addDataHook,\n checkDom,\n instantiateAll,\n setInitFlag,\n FlyoutMenu,\n MaxHeightTransition,\n EventObserver,\n} from '../../utilities';\n\nimport * as SummaryMinimalStyles from './summary-minimal.scss';\n\nconst BASE_CLASS = 'o-summary-minimal';\n\n/**\n * SummaryMinimal\n * @class\n * @classdesc Initializes a new SummaryMinimal organism.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the organism.\n * @returns {SummaryMinimal} An instance.\n */\nfunction SummaryMinimal(element) {\n const _dom = checkDom(element, BASE_CLASS);\n const _contentDom = _dom.querySelector(`.${BASE_CLASS}__content`);\n const _btnDom = _dom.querySelector(`.${BASE_CLASS}__btn`);\n let _transition;\n let _flyout;\n\n /**\n * @returns {SummaryMinimal} An instance.\n */\n function init() {\n if (!setInitFlag(_dom)) {\n return this;\n }\n\n // Add FlyoutMenu behavior data-js-hooks.\n addDataHook(_dom, 'behavior_flyout-menu');\n addDataHook(_contentDom, 'behavior_flyout-menu_content');\n addDataHook(_btnDom, 'behavior_flyout-menu_trigger');\n\n // Don't initialize the SummaryMinimal till the page has loaded,\n // so we can have an accurate idea of its height.\n window.addEventListener('load', _pageLoadHandler);\n\n return this;\n }\n\n /**\n * The page (content + CSS) has loaded.\n */\n function _pageLoadHandler() {\n window.removeEventListener('load', _pageLoadHandler);\n\n _flyout = new FlyoutMenu(_dom, false);\n _transition = new MaxHeightTransition(_contentDom);\n _transition.init(MaxHeightTransition.CLASSES.MH_SUMMARY);\n _flyout.setTransition(\n _transition,\n _transition.maxHeightSummary,\n _transition.maxHeightDefault,\n );\n _flyout.init();\n\n _dom.addEventListener('focusin', _focusInHandler);\n\n /* When we click inside the content area we may be changing the size,\n such as when a video player expands on being clicked.\n So, let's refresh the transition to recalculate the max-height,\n just in case. */\n _contentDom.addEventListener('click', _contentClicked);\n\n _flyout.collapse();\n _transition.animateOn();\n }\n\n /**\n * Handling tabbing into the content area that is hidden.\n * If the focus goes onto a focusable element within the content area,\n * we'll act like the summary expansion button was clicked.\n * @param {Event} evt - The focus event.\n */\n function _focusInHandler(evt) {\n if (evt.target !== _btnDom) {\n _btnDom.click();\n _dom.removeEventListener('focusin', _focusInHandler);\n }\n }\n\n /**\n * Handler for when the content area is clicked.\n * Refresh the transition to recalculate the max-height.\n * @param {MouseEvent} evt - the mouse event object.\n */\n function _contentClicked(evt) {\n /* We don't need to refresh if a link was clicked as we'll be navigating\n to another page. */\n if (evt.target.tagName !== 'A' && _flyout.isExpanded()) {\n _transition.refresh();\n }\n }\n\n // Attach public events.\n const eventObserver = new EventObserver();\n this.addEventListener = eventObserver.addEventListener;\n this.removeEventListener = eventObserver.removeEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n\n this.init = init;\n\n return this;\n}\n\nSummaryMinimal.BASE_CLASS = BASE_CLASS;\nSummaryMinimal.init = (scope) =>\n instantiateAll(`.${BASE_CLASS}`, SummaryMinimal, scope);\n\nexport { SummaryMinimal, SummaryMinimalStyles };\n", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-form__group {\n margin-bottom: 1.875em;\n}\n.o-form__fieldset {\n border: none;\n margin: 0;\n padding: 0;\n}\n.o-form__fieldset .m-form-field + .m-form-field {\n margin-top: 0.625em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-form-alert .cf-icon-svg {\n color: var(--gray);\n float: left;\n}\n.a-form-alert__text {\n display: block;\n margin-left: 1.25em;\n}\n.a-form-alert--success .cf-icon-svg {\n color: var(--green);\n}\n.a-form-alert--error .cf-icon-svg {\n color: var(--red);\n}\n.a-form-alert--warning .cf-icon-svg {\n color: var(--gold);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.m-form-field .a-text-input--full {\n box-sizing: border-box;\n width: 100%;\n}\n.m-form-field .a-label + .a-text-input {\n margin-top: 0.3125em;\n}\n.m-form-field--checkbox .a-label, .m-form-field--radio .a-label {\n /* autoprefixer: ignore next */\n display: inline-grid;\n grid-template-columns: 1.875em auto;\n vertical-align: top;\n cursor: pointer;\n overflow-wrap: anywhere;\n}\n.m-form-field--checkbox .a-label::before, .m-form-field--radio .a-label::before {\n display: inline-block;\n grid-row-start: 1;\n grid-row-end: 3;\n border: 1px solid var(--gray-60);\n height: 1.125em;\n width: 1.125em;\n margin-right: 10px;\n background-color: var(--white);\n content: \"\";\n vertical-align: top;\n position: relative;\n top: 1px;\n left: 1px;\n}\n.m-form-field--checkbox .a-label:hover::before, .m-form-field--checkbox .a-label.hover::before, .m-form-field--radio .a-label:hover::before, .m-form-field--radio .a-label.hover::before {\n border-color: var(--pacific);\n}\n.m-form-field--checkbox .a-label__helper, .m-form-field--radio .a-label__helper {\n display: block;\n}\n.m-form-field--checkbox .a-checkbox,\n.m-form-field--checkbox .a-radio, .m-form-field--radio .a-checkbox,\n.m-form-field--radio .a-radio {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n.m-form-field--checkbox .a-checkbox:focus + .a-label, .m-form-field--checkbox .a-checkbox.focus + .a-label,\n.m-form-field--checkbox .a-radio:focus + .a-label,\n.m-form-field--checkbox .a-radio.focus + .a-label, .m-form-field--radio .a-checkbox:focus + .a-label, .m-form-field--radio .a-checkbox.focus + .a-label,\n.m-form-field--radio .a-radio:focus + .a-label,\n.m-form-field--radio .a-radio.focus + .a-label {\n outline: 1px dotted var(--pacific);\n outline-offset: 1px;\n}\n.m-form-field--checkbox .a-checkbox:disabled:checked + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled:focus + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled.focus + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled:hover + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled.hover + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled:checked + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled:focus + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled.focus + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled:hover + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled.hover + .a-label::before, .m-form-field--radio .a-checkbox:disabled:checked + .a-label::before, .m-form-field--radio .a-checkbox:disabled:focus + .a-label::before, .m-form-field--radio .a-checkbox:disabled.focus + .a-label::before, .m-form-field--radio .a-checkbox:disabled:hover + .a-label::before, .m-form-field--radio .a-checkbox:disabled.hover + .a-label::before,\n.m-form-field--radio .a-radio:disabled:checked + .a-label::before,\n.m-form-field--radio .a-radio:disabled:focus + .a-label::before,\n.m-form-field--radio .a-radio:disabled.focus + .a-label::before,\n.m-form-field--radio .a-radio:disabled:hover + .a-label::before,\n.m-form-field--radio .a-radio:disabled.hover + .a-label::before {\n border-color: var(--gray-60);\n outline: none;\n box-shadow: none;\n}\n.m-form-field--checkbox .a-checkbox:disabled + .a-label,\n.m-form-field--checkbox .a-radio:disabled + .a-label, .m-form-field--radio .a-checkbox:disabled + .a-label,\n.m-form-field--radio .a-radio:disabled + .a-label {\n cursor: not-allowed;\n color: var(--gray-dark);\n}\n.m-form-field--checkbox .a-checkbox:disabled + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled + .a-label::before, .m-form-field--radio .a-checkbox:disabled + .a-label::before,\n.m-form-field--radio .a-radio:disabled + .a-label::before {\n background: var(--gray-10);\n border-color: var(--gray-60);\n}\n.m-form-field--checkbox .a-checkbox:focus + .a-label::before, .m-form-field--checkbox .a-checkbox.focus + .a-label::before {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--checkbox .a-checkbox:hover + .a-label::before, .m-form-field--checkbox .a-checkbox.hover + .a-label::before {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--checkbox .a-checkbox:checked + .a-label::before {\n background-image: url('data:image/svg+xml;charset=UTF-8,');\n background-size: auto 1.1875em;\n background-repeat: no-repeat;\n background-position: center 0;\n}\n.m-form-field--checkbox .a-checkbox:disabled:checked + .a-label::before {\n background-image: url('data:image/svg+xml;charset=UTF-8,');\n}\n.m-form-field--checkbox-error .a-label::before {\n border-color: var(--red);\n outline: 1px solid var(--red);\n}\n.m-form-field--checkbox-error .a-label:hover::before, .m-form-field--checkbox-error .a-label.hover::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-error .a-checkbox:hover + .a-label::before, .m-form-field--checkbox-error .a-checkbox.hover + .a-label::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-error .a-checkbox:focus + .a-label::before, .m-form-field--checkbox-error .a-checkbox.focus + .a-label::before {\n border-color: var(--red);\n box-shadow: 0 0 0 1px var(--red);\n outline-color: var(--red);\n}\n.m-form-field--checkbox-error .a-checkbox:focus + .a-label, .m-form-field--checkbox-error .a-checkbox.focus + .a-label {\n outline: 1px dotted var(--red);\n outline-offset: 1px;\n}\n.m-form-field--checkbox-warning .a-label::before {\n border-color: var(--gold);\n outline: 1px solid var(--gold);\n}\n.m-form-field--checkbox-warning .a-label:hover::before, .m-form-field--checkbox-warning .a-label.hover::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-warning .a-checkbox:hover + .a-label::before, .m-form-field--checkbox-warning .a-checkbox.hover + .a-label::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-warning .a-checkbox:focus + .a-label::before, .m-form-field--checkbox-warning .a-checkbox.focus + .a-label::before {\n border-color: var(--gold);\n box-shadow: 0 0 0 1px var(--gold);\n outline-color: var(--gold);\n}\n.m-form-field--checkbox-warning .a-checkbox:focus + .a-label, .m-form-field--checkbox-warning .a-checkbox.focus + .a-label {\n outline: 1px dotted var(--gold);\n outline-offset: 1px;\n}\n.m-form-field--checkbox-success .a-label::before {\n border-color: var(--green);\n outline: 1px solid var(--green);\n}\n.m-form-field--checkbox-success .a-label:hover::before, .m-form-field--checkbox-success .a-label.hover::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-success .a-checkbox:hover + .a-label::before, .m-form-field--checkbox-success .a-checkbox.hover + .a-label::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-success .a-checkbox:focus + .a-label::before, .m-form-field--checkbox-success .a-checkbox.focus + .a-label::before {\n border-color: var(--green);\n box-shadow: 0 0 0 1px var(--green);\n outline-color: var(--green);\n}\n.m-form-field--checkbox-success .a-checkbox:focus + .a-label, .m-form-field--checkbox-success .a-checkbox.focus + .a-label {\n outline: 1px dotted var(--green);\n outline-offset: 1px;\n}\n.m-form-field--radio .a-label::before {\n border-radius: 50%;\n /* The rotate is needed to fix a bug in Firefox where radio\n button was not centered. */\n transform: rotate(0deg);\n}\n.m-form-field--radio .a-radio:focus + .a-label::before, .m-form-field--radio .a-radio.focus + .a-label::before {\n outline: none;\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--radio .a-radio:hover + .a-label::before, .m-form-field--radio .a-radio.hover + .a-label::before {\n outline: none;\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--radio .a-radio:checked + .a-label::before {\n background-color: var(--pacific);\n box-shadow: inset 0 0 0 2px var(--white);\n}\n.m-form-field--radio .a-radio:checked:disabled + .a-label::before {\n background-color: var(--gray-40);\n box-shadow: inset 0 0 0 2px var(--gray-10);\n}\n.m-form-field--radio .a-radio:focus:checked + .a-label::before, .m-form-field--radio .a-radio.focus:checked + .a-label::before {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific), inset 0 0 0 2px var(--white);\n}\n.m-form-field--radio .a-radio:hover:checked + .a-label::before, .m-form-field--radio .a-radio.hover:checked + .a-label::before {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific), inset 0 0 0 2px var(--white);\n}\n.m-form-field--lg-target {\n display: block;\n}\n.m-form-field--lg-target .a-label {\n box-sizing: border-box;\n width: 100%;\n padding: 15px;\n background-color: var(--gray-10);\n}\n.m-form-field--lg-target .a-checkbox:checked + .a-label,\n.m-form-field--lg-target .a-radio:checked + .a-label {\n background-color: var(--pacific-20);\n box-shadow: inset 0 0 0 1px var(--pacific);\n}\n.m-form-field--lg-target .a-checkbox:hover + .a-label, .m-form-field--lg-target .a-checkbox.hover + .a-label, .m-form-field--lg-target .a-checkbox:focus + .a-label, .m-form-field--lg-target .a-checkbox.focus + .a-label,\n.m-form-field--lg-target .a-radio:hover + .a-label,\n.m-form-field--lg-target .a-radio.hover + .a-label,\n.m-form-field--lg-target .a-radio:focus + .a-label,\n.m-form-field--lg-target .a-radio.focus + .a-label {\n box-shadow: inset 0 0 0 2px var(--pacific);\n}\n.m-form-field--lg-target .a-checkbox:focus + .a-label, .m-form-field--lg-target .a-checkbox.focus + .a-label, .m-form-field--lg-target .a-checkbox:checked + .a-label,\n.m-form-field--lg-target .a-radio:focus + .a-label,\n.m-form-field--lg-target .a-radio.focus + .a-label,\n.m-form-field--lg-target .a-radio:checked + .a-label {\n outline-offset: 1px;\n}\n.m-form-field--lg-target .a-checkbox:disabled + .a-label, .m-form-field--lg-target .a-checkbox:checked:disabled + .a-label, .m-form-field--lg-target .a-checkbox:hover:disabled + .a-label,\n.m-form-field--lg-target .a-radio:disabled + .a-label,\n.m-form-field--lg-target .a-radio:checked:disabled + .a-label,\n.m-form-field--lg-target .a-radio:hover:disabled + .a-label {\n color: var(--gray-dark);\n box-shadow: none;\n background-color: var(--gray-20);\n}\n.m-form-field--lg-target .a-checkbox:checked:disabled + .a-label, .m-form-field--lg-target .a-checkbox:checked:disabled + .a-label::before,\n.m-form-field--lg-target .a-radio:checked:disabled + .a-label,\n.m-form-field--lg-target .a-radio:checked:disabled + .a-label::before {\n border: 1px solid var(--gray-60);\n}\n.m-form-field .a-form-alert {\n margin-top: 0.9375em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-label {\n display: inline-block;\n}\n.a-label__helper {\n color: var(--gray-dark);\n font-size: 1rem;\n font-weight: normal;\n}\n.a-label__helper--block {\n display: block;\n margin-top: 0.8333333333em;\n}\n.a-label--heading {\n display: block;\n margin-bottom: 0.5555555556em;\n font-size: 1.125em;\n font-weight: 500;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\np + .a-label--heading, ul + .a-label--heading, ol + .a-label--heading, dl + .a-label--heading, figure + .a-label--heading, img + .a-label--heading, table + .a-label--heading, blockquote + .a-label--heading, h1 + .a-label--heading, .h1 + .a-label--heading, h2 + .a-label--heading, .h2 + .a-label--heading, h3 + .a-label--heading, .h3 + .a-label--heading, h5 + .a-label--heading, .h5 + .a-label--heading, h6 + .a-label--heading, .h6 + .a-label--heading {\n margin-top: 1.6666666667em;\n}\n@media only all and (max-width: 37.5em) {\n .a-label--heading {\n margin-bottom: 0.625em;\n font-size: 1em;\n line-height: 1.125;\n }\n}\n.a-label--heading .a-label__helper--block {\n margin-top: 0.625rem;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-range {\n appearance: none;\n width: 100%;\n min-height: 49px;\n}\n.a-range::-webkit-slider-runnable-track {\n height: 0.6875rem;\n width: 100%;\n background-color: var(--gray-80);\n border: 1px solid var(--gray-40);\n border-radius: 8px;\n cursor: pointer;\n}\n.a-range::-moz-range-track {\n height: 0.6875rem;\n width: 100%;\n background-color: var(--gray-80);\n border: 1px solid var(--gray-40);\n border-radius: 8px;\n cursor: pointer;\n}\n.a-range::-webkit-slider-thumb {\n height: 2.8125rem;\n width: 2.8125rem;\n margin-top: -1.125rem;\n appearance: none;\n border: 1px solid var(--gray-40);\n border-radius: 50%;\n background-color: var(--gray-10);\n cursor: pointer;\n}\n.a-range::-moz-range-thumb {\n height: 2.8125rem;\n width: 2.8125rem;\n margin-top: -1.125rem;\n appearance: none;\n border: 1px solid var(--gray-40);\n border-radius: 50%;\n background-color: var(--gray-10);\n cursor: pointer;\n}\n.a-range:focus, .a-range.focus {\n box-shadow: none;\n outline: none;\n}\n.a-range:focus::-webkit-slider-thumb, .a-range.focus::-webkit-slider-thumb {\n background-color: var(--pacific-20);\n border: 2px solid var(--pacific);\n}\n.a-range:focus::-moz-range-thumb, .a-range.focus::-moz-range-thumb {\n background-color: var(--pacific-20);\n border: 2px solid var(--pacific);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-search-input {\n display: flex;\n flex-direction: column;\n row-gap: 0.9375rem;\n}\n.o-search-input__input {\n position: relative;\n display: flex;\n width: initial;\n flex: 0 1 100%;\n}\n.o-search-input__input-label {\n position: absolute;\n left: 10px;\n align-self: center;\n cursor: pointer;\n}\n.o-search-input__input input[type=search] {\n width: 100%;\n white-space: nowrap;\n padding-left: 30px;\n appearance: none;\n}\n.o-search-input__input button[type=reset] {\n display: none;\n position: absolute;\n right: 0;\n align-self: center;\n color: var(--gray-40);\n font-size: 20px;\n border: 1px solid transparent;\n background-color: transparent;\n outline: 0;\n width: 44px;\n padding: 5px;\n text-align: right;\n}\n.o-search-input__input button[type=reset] > svg {\n width: 25px;\n cursor: pointer;\n pointer-events: none;\n}\n.o-search-input__input button[type=reset]:hover {\n color: var(--black);\n}\n.o-search-input__input button[type=reset]:focus {\n color: var(--black);\n}\n.o-search-input__input button[type=reset]:focus > svg {\n outline: 1px dotted var(--pacific);\n}\n.o-search-input__input input[type=search]:placeholder-shown ~ button[type=reset] {\n display: none;\n}\n.o-search-input__input input[type=search]:not(:placeholder-shown) {\n padding-right: 34px;\n}\n.o-search-input__input input[type=search]::-webkit-search-decoration,\n.o-search-input__input input[type=search]::-webkit-search-cancel-button,\n.o-search-input__input input[type=search]::-webkit-search-results-button,\n.o-search-input__input input[type=search]::-webkit-search-results-decoration {\n display: none;\n}\n.o-search-input:focus-within button[type=reset], .o-search-input .o-search-input__input:hover button[type=reset] {\n display: block;\n}\n.o-search-input button[type=submit] {\n line-height: 1.1875;\n}\n@media only all and (min-width: 37.5625em) {\n .o-search-input {\n flex-direction: row;\n border-left: 0;\n }\n .o-search-input button[type=submit] {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n flex-basis: 25%;\n }\n}\n\n.no-js .o-search-input button[type=reset] {\n display: none !important;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-select {\n position: relative;\n border: 1px solid var(--gray-60);\n}\n.a-select select {\n width: 100%;\n line-height: 1.375;\n padding: 0.4375em 0.375em 0.375em;\n border: 0;\n appearance: none;\n background-color: var(--white);\n border-radius: 0;\n color: var(--black);\n}\n.a-select select:hover, .a-select select.hover {\n outline: 2px solid var(--pacific);\n outline-offset: 0;\n}\n.a-select select:active, .a-select select:focus, .a-select select.focus {\n box-shadow: 0 0 0 2px var(--pacific);\n outline: 1px dotted var(--pacific);\n outline-offset: 3px;\n}\n.a-select select[disabled] {\n color: var(--gray-dark);\n background-color: var(--gray-10);\n cursor: not-allowed;\n}\n.a-select select[disabled]:hover, .a-select select[disabled].hover, .a-select select[disabled]:focus, .a-select select[disabled].focus {\n outline: none;\n}\n.a-select select[disabled] option,\n.a-select select[disabled] option:disabled,\n.a-select select option:disabled {\n color: var(--gray-dark);\n}\n.a-select::after {\n width: 2.1875em;\n box-sizing: border-box;\n border-left: 1px solid var(--gray-60);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n background-color: var(--gray-10);\n background-image: url('data:image/svg+xml;charset=UTF-8,');\n background-size: auto 1.1875em;\n background-repeat: no-repeat;\n background-position: center center;\n content: \"\";\n pointer-events: none;\n}\n.a-select--disabled::after {\n background-image: url('data:image/svg+xml;charset=UTF-8,');\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.a-tag-filter {\n display: flex;\n gap: 0.625rem;\n border: 1px solid var(--teal);\n padding: 4px 6px;\n background-color: var(--teal-20);\n border-radius: 0.1875rem;\n color: var(--black);\n text-align: left;\n min-width: -moz-fit-content;\n min-width: fit-content;\n}\n.a-tag-filter:hover {\n background-color: var(--teal-40);\n cursor: pointer;\n}\n.a-tag-filter:focus {\n outline: 1px dotted var(--teal);\n outline-offset: 1px;\n}\n.a-tag-filter:active {\n background-color: var(--teal);\n}\n.a-tag-filter .cf-icon-svg {\n pointer-events: none;\n flex: none;\n}\n.a-tag-filter > label {\n display: contents;\n pointer-events: none;\n}\n\na.a-tag-filter {\n color: var(--black);\n border-color: var(--black);\n}\na.a-tag-filter:visited, a.a-tag-filter.visited {\n border-color: var(--black);\n color: var(--black);\n}\na.a-tag-filter:hover, a.a-tag-filter.hover {\n border-color: var(--black);\n color: var(--black);\n}\na.a-tag-filter:focus, a.a-tag-filter.focus {\n border-color: var(--black);\n color: var(--black);\n}\na.a-tag-filter:active, a.a-tag-filter.active {\n border-color: var(--black);\n color: var(--black);\n}\n\n.a-tag-topic {\n display: flex;\n gap: 0.3125rem;\n}\n\n.a-tag-topic {\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n color: var(--gold-80);\n letter-spacing: 1px;\n}\n.a-tag-topic .a-tag-topic__text {\n color: var(--gray);\n word-break: break-word;\n}\n@media only all and (max-width: 37.5em) {\n .a-tag-topic {\n position: relative;\n display: flex;\n align-items: center;\n gap: 0.3125rem;\n box-sizing: border-box;\n padding-top: 0.625em;\n padding-bottom: 0.625em;\n width: 100%;\n }\n .a-tag-topic .cf-icon-svg--right {\n margin-left: auto;\n }\n .a-tag-topic .a-tag-topic__text {\n border-bottom-width: 0;\n flex-shrink: 10;\n }\n}\n\na.a-tag-topic {\n border-color: var(--gold-80);\n color: var(--gold-80);\n border-color: var(--gold-80);\n}\na.a-tag-topic:visited, a.a-tag-topic.visited {\n border-color: var(--gold-80);\n color: var(--gold-80);\n}\na.a-tag-topic:hover, a.a-tag-topic.hover {\n border-color: var(--gold-80);\n color: var(--gold-80);\n}\na.a-tag-topic:focus, a.a-tag-topic.focus {\n border-color: var(--gold-80);\n color: var(--gold-80);\n}\na.a-tag-topic:active, a.a-tag-topic.active {\n border-color: var(--gold-80);\n color: var(--gold-80);\n}\na.a-tag-topic .a-tag-topic__text {\n border-bottom-color: var(--gold-80);\n}\n@media only all and (max-width: 37.5em) {\n a.a-tag-topic {\n border-top-width: 1px;\n border-bottom-width: 1px;\n }\n a.a-tag-topic:focus {\n outline: none;\n }\n a.a-tag-topic:focus::after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n outline: 1px dotted var(--gray);\n outline-offset: 2px;\n }\n}\n\n@media only all and (max-width: 37.5em) {\n li:has(.a-tag-topic) + li:has(.a-tag-topic) .a-tag-topic {\n position: relative;\n border-top: none;\n }\n li:has(.a-tag-topic) + li:has(.a-tag-topic) a.a-tag-topic:hover::before,\n li:has(.a-tag-topic) + li:has(.a-tag-topic) a.a-tag-topic:focus::before {\n position: absolute;\n top: -1px;\n content: \"\";\n display: block;\n height: 1px;\n width: 100%;\n border-top: 1px solid currentcolor;\n }\n}\n.a-tag-topic__bullet {\n font-size: 1rem;\n line-height: 1rem;\n}\n\n@media only all and (min-width: 37.5625em) {\n a.a-tag-topic__text {\n color: var(--gray);\n border-color: var(--gray);\n }\n a.a-tag-topic__text:visited, a.a-tag-topic__text.visited {\n border-color: var(--gray);\n color: var(--gray);\n }\n a.a-tag-topic__text:hover, a.a-tag-topic__text.hover {\n border-color: var(--gray);\n color: var(--gray);\n }\n a.a-tag-topic__text:focus, a.a-tag-topic__text.focus {\n border-color: var(--gray);\n color: var(--gray);\n }\n a.a-tag-topic__text:active, a.a-tag-topic__text.active {\n border-color: var(--gray);\n color: var(--gray);\n }\n a.a-tag-topic,\n a.a-tag-topic:visited,\n a.a-tag-topic:hover,\n a.a-tag-topic:focus,\n a.a-tag-topic:active {\n border-bottom: none;\n outline-offset: 1px;\n }\n a.a-tag-topic .a-tag-topic__text,\n a.a-tag-topic:visited .a-tag-topic__text,\n a.a-tag-topic:hover .a-tag-topic__text,\n a.a-tag-topic:focus .a-tag-topic__text,\n a.a-tag-topic:active .a-tag-topic__text {\n padding-bottom: 1px;\n border-bottom: 1px dotted var(--gold-80);\n }\n a.a-tag-topic:hover .a-tag-topic__text {\n border-bottom: 1px solid var(--gold-80);\n }\n a.a-tag-topic:focus {\n outline-color: var(--gray);\n }\n a.a-tag-topic:focus .a-tag-topic__text {\n border-bottom-style: solid !important;\n }\n}\n.m-tag-group {\n padding-left: 0;\n list-style-type: none;\n}\n.m-tag-group li {\n margin-bottom: 0;\n display: contents;\n}\n@media only all and (min-width: 37.5625em) {\n .m-tag-group {\n display: flex;\n gap: 0.9375em;\n flex-wrap: wrap;\n }\n .m-tag-group--stacked {\n flex-direction: column;\n width: -moz-fit-content;\n width: fit-content;\n }\n}\n.m-tag-group:has(.a-tag-filter) {\n display: flex;\n gap: 0.9375em;\n flex-wrap: wrap;\n}\n\nhtml[lang=ar] .m-tag-group {\n direction: rtl;\n padding-right: 0;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-text-input {\n appearance: none;\n display: inline-block;\n padding: 0.4375em;\n border: 1px solid var(--gray-60);\n background: var(--white);\n color: var(--black);\n}\n.a-text-input:hover, .a-text-input.hover {\n border-color: var(--pacific);\n outline: 1px solid var(--pacific);\n}\n.a-text-input:focus, .a-text-input.focus {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n outline: 1px dotted var(--pacific);\n outline-offset: 2px;\n}\n.a-text-input:disabled, .a-text-input:disabled:hover, .a-text-input:disabled.hover, .a-text-input:disabled:focus, .a-text-input:disabled.focus {\n color: var(--gray-dark);\n background-color: var(--gray-10);\n cursor: not-allowed;\n border-color: var(--gray-60);\n outline: none;\n}\n.a-text-input--error {\n border-color: var(--red);\n outline: 1px solid var(--red);\n}\n.a-text-input--error:hover, .a-text-input--error.hover {\n border-color: var(--red-dark);\n outline: 1px solid var(--red-dark);\n outline-offset: 0;\n}\n.a-text-input--error:focus, .a-text-input--error.focus {\n border-color: var(--red);\n box-shadow: 0 0 0 1px var(--red);\n outline: 1px dotted var(--red);\n}\n.a-text-input--error:focus:hover, .a-text-input--error:focus.hover, .a-text-input--error.focus:hover, .a-text-input--error.focus.hover {\n border-color: var(--red);\n box-shadow: 0 0 0 1px var(--red);\n outline: 1px dotted var(--red);\n outline-offset: 2px;\n}\n.a-text-input--warning {\n border-color: var(--gold);\n outline: 1px solid var(--gold);\n}\n.a-text-input--warning:hover, .a-text-input--warning.hover {\n border-color: var(--gold-dark);\n outline: 1px solid var(--gold-dark);\n outline-offset: 0;\n}\n.a-text-input--warning:focus, .a-text-input--warning.focus {\n border-color: var(--gold);\n box-shadow: 0 0 0 1px var(--gold);\n outline: 1px dotted var(--gold);\n}\n.a-text-input--warning:focus:hover, .a-text-input--warning:focus.hover, .a-text-input--warning.focus:hover, .a-text-input--warning.focus.hover {\n border-color: var(--gold);\n box-shadow: 0 0 0 1px var(--gold);\n outline: 1px dotted var(--gold);\n outline-offset: 2px;\n}\n.a-text-input--success {\n border-color: var(--green);\n outline: 1px solid var(--green);\n}\n.a-text-input--success:hover, .a-text-input--success.hover {\n border-color: var(--green-dark);\n outline: 1px solid var(--green-dark);\n outline-offset: 0;\n}\n.a-text-input--success:focus, .a-text-input--success.focus {\n border-color: var(--green);\n box-shadow: 0 0 0 1px var(--green);\n outline: 1px dotted var(--green);\n}\n.a-text-input--success:focus:hover, .a-text-input--success:focus.hover, .a-text-input--success.focus:hover, .a-text-input--success.focus.hover {\n border-color: var(--green);\n box-shadow: 0 0 0 1px var(--green);\n outline: 1px dotted var(--green);\n outline-offset: 2px;\n}\n\n::-webkit-search-decoration {\n appearance: none;\n}\n\n::placeholder {\n color: var(--gray-dark);\n}\n\ninput[type=date]::-webkit-datetime-edit {\n color: var(--gray-dark);\n}", "// Undefined return value for void methods.\nlet UNDEFINED;\n\n// How many options may be checked.\nexport const MAX_SELECTIONS = 5;\n\n/**\n * Escapes a string.\n * @param {string} str - The string to escape.\n * @returns {string} The escaped string.\n */\nfunction stringEscape(str) {\n return str.replace(/[-\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n}\n\n/**\n * Tests whether a string matches another.\n * @param {string} x - The control string.\n * @param {string} y - The comparison string.\n * @returns {boolean} True if `x` and `y` match, false otherwise.\n */\nfunction stringMatch(x, y) {\n return RegExp(stringEscape(y.trim()), 'i').test(x);\n}\n\n/**\n * @class\n * MultiselectModel\n * @param {HTMLOptionsCollection} options -\n * Set of options from a element,\n and re-assign DOM reference. */\n _dom.parentNode.removeChild(_dom);\n _dom = newDom;\n\n /* We need to set init flag again since we've created a new
\n to replace the element.\n * @param {string} name - a unique name for this multiselect.\n * @param {object} config - Customization of Multiselect behavior\n */\nfunction MultiselectModel(options, name, config) {\n const _options = options;\n const _name = name;\n const _max = config?.maxSelections || MAX_SELECTIONS;\n\n let _optionsData = [];\n\n let _selectedIndices = [];\n let _filterIndices = [];\n\n /* When the options list is filtered, we store a list of filtered indices\n so that when the filter changes we can reset the last matched options. */\n let _lastFilterIndices = [];\n\n // Which option is in focus. -1 means the focus is on the search input.\n let _index = -1;\n\n /**\n * @param {HTMLElement} item - An option HTML node.\n * @returns {string} A (hopefully) unique ID.\n * If it's not unique, we have a duplicate option value.\n */\n function _getOptionId(item) {\n return _name + '-' + item.value.trim().replace(/\\s+/g, '-').toLowerCase();\n }\n\n /**\n * @returns {boolean}\n * True if the maximum number of options are checked, false otherwise.\n */\n function isAtMaxSelections() {\n return _selectedIndices.length >= _max;\n }\n\n /**\n * Cleans up a list of options for saving to memory.\n * @param {HTMLOptionsCollection} list - The options from a select element.\n * @returns {Array} An array of option objects.\n */\n function _formatOptions(list) {\n let item;\n const cleaned = [];\n\n let isChecked = false;\n for (let i = 0, len = list.length; i < len; i++) {\n item = list[i];\n isChecked = isAtMaxSelections() ? false : item.defaultSelected;\n cleaned.push({\n id: _getOptionId(item),\n value: item.value,\n text: item.text,\n checked: isChecked,\n });\n\n // If an option is initially checked, we need to record it.\n if (isChecked) {\n _selectedIndices.push(i);\n }\n }\n\n return cleaned;\n }\n\n /**\n * @returns {MultiselectModel} An instance.\n */\n function init() {\n _optionsData = _formatOptions(_options);\n\n return this;\n }\n\n /**\n * Toggle checked value of an option.\n * @param {number} index - The index position of the option in the list.\n * @returns {boolean} A value of true is checked and false is unchecked.\n */\n function toggleOption(index) {\n _optionsData[index].checked = !_optionsData[index].checked;\n\n if (_selectedIndices.length < _max && _optionsData[index].checked) {\n _selectedIndices.push(index);\n _selectedIndices.sort();\n\n return true;\n }\n // We're over the max selections, reverse the check of the option.\n _optionsData[index].checked = false;\n _selectedIndices = _selectedIndices.filter(function (currIndex) {\n return currIndex !== index;\n });\n\n return false;\n }\n\n /**\n * Utility function for Array.reduce() used in searchIndices.\n * @param {Array} aggregate - The reducer's accumulator.\n * @param {object} item - Each item in the collection.\n * @param {number} index - The index of item in the collection.\n * @param {string} value - The value of item in the collection.\n * @returns {Array} The reducer's accumulator.\n */\n function _searchAggregator(aggregate, item, index, value) {\n if (stringMatch(item.text, value)) {\n aggregate.push(index);\n }\n return aggregate;\n }\n\n /**\n * Search for a query string in the options text and return the indices of\n * the matching positions in the options array.\n * @param {string} query - A query string.\n * @returns {Array} List of indices of the matching entries from the options.\n */\n function filterIndices(query) {\n // Convert query to a string if its not.\n if (Object.prototype.toString.call(query) !== '[object String]') {\n query = '';\n }\n _lastFilterIndices = _filterIndices;\n if (_optionsData.length > 0) {\n _filterIndices = _optionsData.reduce(function (acc, item, index) {\n return _searchAggregator(acc, item, index, query);\n }, []);\n }\n // Reset index position.\n _index = -1;\n\n return _filterIndices;\n }\n\n /**\n * Retrieve an option object from the options list.\n * @param {number} index - The index position in the options list.\n * @returns {object} The option object with text, value, and checked value.\n */\n function getOption(index) {\n return _optionsData[index];\n }\n\n /**\n * Set the index of the collection (represents the highlighted option).\n * @param {number} value - The index to set.\n */\n function setIndex(value) {\n const filterCount = _filterIndices.length;\n const count = filterCount === 0 ? _optionsData.length : filterCount;\n if (value < 0) {\n _index = -1;\n } else if (value >= count) {\n _index = count - 1;\n } else {\n _index = value;\n }\n }\n\n /**\n * @returns {number} The current index (highlighted option).\n */\n function getIndex() {\n return _index;\n }\n\n this.init = init;\n\n // This is used to check an item in the collection.\n this.toggleOption = toggleOption;\n this.getSelectedIndices = function () {\n return _selectedIndices;\n };\n this.isAtMaxSelections = isAtMaxSelections;\n\n // This is used to search the items in the collection.\n this.filterIndices = filterIndices;\n this.clearFilter = function () {\n _filterIndices = _lastFilterIndices = [];\n return UNDEFINED;\n };\n this.getFilterIndices = function () {\n return _filterIndices;\n };\n this.getLastFilterIndices = function () {\n return _lastFilterIndices;\n };\n\n // These are used to highlight items in the collection.\n this.getIndex = getIndex;\n this.setIndex = setIndex;\n this.resetIndex = function () {\n _index = -1;\n return _index;\n };\n\n // This is used to retrieve items from the collection.\n this.getOption = getOption;\n\n return this;\n}\n\nexport default MultiselectModel;\n", "/**\n * Shortcut for creating new dom elements.\n * @param {string} tag - The html elem to create.\n * @param {HTMLElement} parentNode - The parent node to attach to.\n * @param {object} options - The options for building the elem.\n * @returns {HTMLElement} The created elem.\n */\nexport function create(tag, parentNode, options) {\n const elem = document.createElement(tag);\n\n Object.keys(options).forEach((key) => {\n const val = options[key];\n if (key in elem) {\n elem[key] = val;\n } else {\n elem.setAttribute(key, val);\n }\n });\n\n if (parentNode) parentNode.appendChild(elem);\n return elem;\n}\n", "", "import {\n EventObserver,\n checkDom,\n setInitFlag,\n isMobileUserAgent,\n instantiateAll,\n} from '../../utilities';\nimport MultiselectModel, { MAX_SELECTIONS } from './multiselect-model.js';\nimport { create } from './multiselect-utils.js';\n\nimport * as MultiselectStyles from './multiselect.scss';\n\nimport * as closeIconSrc from '../cfpb-icons/icons/error.svg';\nconst closeIcon = closeIconSrc.default;\n\nconst BASE_CLASS = 'o-multiselect';\nconst CHECKBOX_INPUT_CLASS = 'a-checkbox';\nconst TEXT_INPUT_CLASS = 'a-text-input';\n\n// Constants for direction.\nconst DIR_PREV = 'prev';\nconst DIR_NEXT = 'next';\n\n// Constants for key binding.\nconst KEY_RETURN = 'Enter';\nconst KEY_SPACE = ' ';\nconst KEY_ESCAPE = 'Escape';\nconst KEY_UP = 'ArrowUp';\nconst KEY_DOWN = 'ArrowDown';\nconst KEY_TAB = 'Tab';\n\n// Configuration default\nconst DEFAULT_CONFIG = {\n // TODO: renderTags was added as a workaround for DS icons not rendering correctly when integrating with a React implementation.\n renderTags: true, // Allow the Multiselect to generate the Tag elements in the DOM\n maxSelections: MAX_SELECTIONS, // Maximum number of options a user can select\n};\n\n/**\n * Multiselect\n * @class\n * @classdesc Initializes a new Multiselect molecule.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the molecule.\n * @returns {Multiselect} An instance.\n */\nfunction Multiselect(element) {\n /* TODO: As the multiselect is developed further\n explore whether it should use an updated\n class name or data-* attribute in the\n markup so that it doesn't apply globally by default. */\n element.classList.add(BASE_CLASS);\n\n // Internal vars.\n let _dom = checkDom(element, BASE_CLASS);\n let _isBlurSkipped = false;\n let _name;\n let _placeholder;\n let _model;\n let _options;\n let _config; // Multiselect configuration object\n\n // Markup elems, convert this to templating engine in the future.\n let _containerDom;\n let _selectionsDom;\n let _headerDom;\n let _searchDom;\n let _fieldsetDom;\n let _optionsDom;\n const _optionItemDoms = [];\n let _instance;\n\n /**\n * Set the filtered matched state.\n */\n function _filterMatches() {\n _optionsDom.classList.remove('u-no-results');\n _optionsDom.classList.add('u-filtered');\n\n let filteredIndices = _model.getLastFilterIndices();\n for (let i = 0, len = filteredIndices.length; i < len; i++) {\n _optionItemDoms[filteredIndices[i]].classList.remove('u-filter-match');\n }\n\n filteredIndices = _model.getFilterIndices();\n for (let j = 0, len = filteredIndices.length; j < len; j++) {\n _optionItemDoms[filteredIndices[j]].classList.add('u-filter-match');\n }\n }\n\n /**\n * Resets the filtered option list.\n */\n function _resetFilter() {\n _optionsDom.classList.remove('u-filtered', 'u-no-results');\n\n for (let i = 0, len = _optionsDom.children.length; i < len; i++) {\n _optionsDom.children[i].classList.remove('u-filter-match');\n }\n\n _model.clearFilter();\n }\n\n /**\n * Updates the list of options to show the user there\n * are no matching results.\n */\n function _filterNoMatches() {\n _optionsDom.classList.add('u-no-results');\n _optionsDom.classList.remove('u-filtered');\n }\n\n /**\n * Filter the options list.\n * Every time we filter we have two lists of indices:\n * - The matching options (filterIndices).\n * - The matching options of the last filter (_lastFilterIndices).\n * We need to turn off the filter for any of the last filter matches\n * that are not in the new set, and turn on the filter for the matches\n * that are not in the last set.\n * @param {Array} filterIndices - List of indices to filter from the options.\n * @returns {boolean} True if options are filtered, false otherwise.\n */\n function _filterList(filterIndices) {\n if (filterIndices.length > 0) {\n _filterMatches();\n return true;\n }\n\n _filterNoMatches();\n return false;\n }\n\n /**\n * Evaluates the list of options based on the user's query in the\n * search input.\n * @param {string} value - Text the user has entered in the search query.\n */\n function _evaluate(value) {\n _resetFilter();\n _model.resetIndex();\n const matchedIndices = _model.filterIndices(value);\n _filterList(matchedIndices);\n }\n\n /**\n * Expand the multiselect drop down.\n * @returns {Multiselect} An instance.\n */\n function expand() {\n _containerDom.classList.add('u-active');\n _fieldsetDom.classList.remove('u-invisible');\n _fieldsetDom.setAttribute('aria-hidden', false);\n _instance.dispatchEvent('expandbegin', { target: _instance });\n\n return _instance;\n }\n\n /**\n * Collapse the multiselect drop down.\n * @returns {Multiselect} An instance.\n */\n function collapse() {\n _containerDom.classList.remove('u-active');\n _fieldsetDom.classList.add('u-invisible');\n _fieldsetDom.setAttribute('aria-hidden', true);\n _model.resetIndex();\n _instance.dispatchEvent('collapsebegin', { target: _instance });\n\n return _instance;\n }\n\n /**\n * Highlights an option in the list.\n * @param {string} direction -\n * Direction to highlight compared to the current focus.\n */\n function _highlight(direction) {\n if (direction === DIR_NEXT) {\n _model.setIndex(_model.getIndex() + 1);\n } else if (direction === DIR_PREV) {\n _model.setIndex(_model.getIndex() - 1);\n }\n\n const index = _model.getIndex();\n if (index > -1) {\n let filteredIndex = index;\n const filterIndices = _model.getFilterIndices();\n if (filterIndices.length > 0) {\n filteredIndex = filterIndices[index];\n }\n const option = _model.getOption(filteredIndex);\n const value = option.value;\n const item = _optionsDom.querySelector('[data-option=\"' + value + '\"]');\n const input = item.querySelector('input');\n\n _isBlurSkipped = true;\n input.focus();\n } else {\n _isBlurSkipped = false;\n _searchDom.focus();\n }\n }\n\n /**\n * Resets the search input and filtering.\n */\n function _resetSearch() {\n _searchDom.value = '';\n _resetFilter();\n }\n\n /**\n * This passes the click of the selected item button down to the label it\n * contains. This is only required for browsers (IE11) that prevent the\n * click of a selected item from cascading from the button down to the label\n * it contains.\n * @param {MouseEvent} event - The mouse click event object.\n */\n function _selectionClickHandler(event) {\n const target = event.target;\n if (target.tagName === 'BUTTON') {\n event.preventDefault();\n target.removeEventListener('click', _selectionClickHandler);\n target.querySelector('label').click();\n }\n }\n\n /**\n * @param {KeyboardEvent} event - The key down event object.\n */\n function _selectionKeyDownHandler(event) {\n if (event.key === KEY_SPACE || event.key === KEY_RETURN) {\n const label = event.target.querySelector('label');\n const checkbox = _optionsDom.querySelector(\n '#' + label.getAttribute('for'),\n );\n checkbox.click();\n }\n }\n\n /**\n * Create a unique ID based on a select's option HTML element.\n * @param {HTMLElement} option - A option HTML element.\n * @returns {string} A hopefully unique ID.\n */\n function _getOptionId(option) {\n /* Replace any character that is not a word character with a dash.\n https://regex101.com/r/ShHmRw/1\n */\n return (\n _name + '-' + option.value.trim().replace(/[^\\w]/g, '-').toLowerCase()\n );\n }\n\n /**\n * @param {HTMLElement} selectionsDom - The UL item to inject list item into.\n * @param {HTMLElement} option - The OPTION item to extract content from.\n */\n function _createSelectedItem(selectionsDom, option) {\n const optionId = _getOptionId(option);\n const selectionsItemDom = create('li', null, {\n 'data-option': option.value,\n });\n\n const selectionsItemLabelDom = create('button', selectionsItemDom, {\n type: 'button',\n class: 'a-tag-filter',\n innerHTML:\n '',\n });\n\n selectionsDom.appendChild(selectionsItemDom);\n\n selectionsItemLabelDom.addEventListener('click', _selectionClickHandler);\n selectionsItemLabelDom.addEventListener(\n 'keydown',\n _selectionKeyDownHandler,\n );\n }\n\n /**\n * Tracks a user's selections and updates the list in the dom.\n * @param {number} optionIndex - The index position of the chosen option.\n */\n function _updateSelections(optionIndex) {\n const option =\n _model.getOption(optionIndex) || _model.getOption(_model.getIndex());\n\n if (option) {\n if (option.checked) {\n if (_optionsDom.classList.contains('u-max-selections')) {\n _optionsDom.classList.remove('u-max-selections');\n }\n\n const dataOptionSel = '[data-option=\"' + option.value + '\"]';\n const _selectionsItemDom = _selectionsDom.querySelector(dataOptionSel);\n\n // If the exists\n if (typeof _selectionsItemDom !== 'undefined' && _selectionsItemDom) {\n _selectionsDom?.removeChild(_selectionsItemDom);\n }\n }\n // Else, if we are configured to display s then render them\n else if (_config?.renderTags && _selectionsDom) {\n _createSelectedItem(_selectionsDom, option);\n }\n _model.toggleOption(optionIndex);\n\n if (_model.isAtMaxSelections()) {\n _optionsDom.classList.add('u-max-selections');\n }\n\n _instance.dispatchEvent('selectionsupdated', { target: _instance });\n }\n\n _model.resetIndex();\n _isBlurSkipped = false;\n\n if (_fieldsetDom.getAttribute('aria-hidden') === 'false') {\n _searchDom.focus();\n }\n }\n\n /**\n * Handles the functions to trigger on the checkbox change.\n * @param {Event} event - The checkbox change event.\n */\n function _changeHandler(event) {\n _updateSelections(Number(event.target.getAttribute('data-index')));\n _resetSearch();\n }\n\n /**\n * Binds events to the search input, option list, and checkboxes.\n */\n function _bindEvents() {\n _headerDom.addEventListener('mousemove', function (event) {\n const target = event.target;\n // Check if we're over the down-arrow on the right side of the input.\n if (event.offsetX > target.offsetWidth - 35) {\n target.style.cursor = 'pointer';\n } else {\n target.style.cursor = 'auto';\n }\n });\n\n _headerDom.addEventListener('mouseup', function (event) {\n const target = event.target;\n\n /* Check if we're over the down-arrow on the right side of the input.\n Also check if the fieldset is open.\n 35 = width of the arrow on the right of the search input.\n 140 = the max-height value set in multiselect.src for the fieldset.\n */\n if (\n event.offsetX > target.offsetWidth - 35 &&\n _fieldsetDom.offsetHeight === 140\n ) {\n _searchDom.blur();\n }\n });\n\n _searchDom.addEventListener('input', function () {\n _evaluate(this.value);\n });\n\n _searchDom.addEventListener('focus', function () {\n if (_fieldsetDom.getAttribute('aria-hidden') === 'true') {\n expand();\n }\n });\n\n _searchDom.addEventListener('blur', function () {\n if (\n !_isBlurSkipped &&\n _fieldsetDom.getAttribute('aria-hidden') === 'false'\n ) {\n collapse();\n }\n });\n\n _searchDom.addEventListener('keydown', function (event) {\n const key = event.key;\n\n if (\n _fieldsetDom.getAttribute('aria-hidden') === 'true' &&\n key !== KEY_TAB\n ) {\n expand();\n }\n\n if (key === KEY_RETURN) {\n event.preventDefault();\n _highlight(DIR_NEXT);\n } else if (key === KEY_ESCAPE) {\n _resetSearch();\n collapse();\n } else if (key === KEY_DOWN) {\n _highlight(DIR_NEXT);\n } else if (\n key === KEY_TAB &&\n !event.shiftKey &&\n _fieldsetDom.getAttribute('aria-hidden') === 'false'\n ) {\n collapse();\n }\n });\n\n _optionsDom.addEventListener('mousedown', function () {\n _isBlurSkipped = true;\n });\n\n _optionsDom.addEventListener('keydown', function (event) {\n const key = event.key;\n const target = event.target;\n const checked = target.checked;\n\n if (key === KEY_RETURN) {\n event.preventDefault();\n\n /* Programmatically checking a checkbox does not fire a change event\n so we need to manually create an event and dispatch it from the input.\n */\n target.checked = !checked;\n const evt = new Event('change', { bubbles: false, cancelable: true });\n target.dispatchEvent(evt);\n } else if (key === KEY_ESCAPE) {\n _searchDom.focus();\n collapse();\n } else if (key === KEY_UP) {\n _highlight(DIR_PREV);\n } else if (key === KEY_DOWN) {\n _highlight(DIR_NEXT);\n }\n });\n\n _fieldsetDom.addEventListener('mousedown', function (event) {\n if (event.target.tagName === 'LABEL') {\n _isBlurSkipped = true;\n }\n });\n\n const inputs = _optionsDom.querySelectorAll('input');\n for (let i = 0, len = inputs.length; i < len; i++) {\n inputs[i].addEventListener('change', _changeHandler);\n }\n\n // Add event listeners to any selections that are present at page load.\n const labelButtons = _selectionsDom.querySelectorAll('button');\n for (let j = 0, len = labelButtons.length; j < len; j++) {\n labelButtons[j].addEventListener('click', _selectionClickHandler);\n labelButtons[j].addEventListener('keydown', _selectionKeyDownHandler);\n }\n }\n\n /**\n * Populates and injects the markup for the custom multiselect.\n * @returns {HTMLElement} Newly created
element to hold the multiselect.\n */\n function _populateMarkup() {\n // Add a container for our markup\n _containerDom = document.createElement('div');\n _containerDom.className = BASE_CLASS;\n\n // Create all our markup but wait to manipulate the DOM just once\n _selectionsDom = create('ul', null, {\n className: 'm-tag-group',\n });\n\n _headerDom = create('header', _containerDom, {\n className: BASE_CLASS + '__header',\n });\n\n _searchDom = create('input', _headerDom, {\n className: BASE_CLASS + '__search ' + TEXT_INPUT_CLASS,\n type: 'text',\n placeholder: _placeholder || 'Select up to five',\n id: _dom.id,\n autocomplete: 'off',\n });\n\n _fieldsetDom = create('fieldset', _containerDom, {\n className: BASE_CLASS + '__fieldset u-invisible',\n 'aria-hidden': 'true',\n });\n\n let optionsClasses = BASE_CLASS + '__options';\n if (_model.isAtMaxSelections()) {\n optionsClasses += ' u-max-selections';\n }\n\n _optionsDom = create('ul', _fieldsetDom, {\n className: optionsClasses,\n });\n\n let option;\n let optionId;\n let isChecked;\n for (let i = 0, len = _options.length; i < len; i++) {\n option = _options[i];\n optionId = _getOptionId(option);\n isChecked = _model.getOption(i).checked;\n const optionsItemDom = create('li', _optionsDom, {\n 'data-option': option.value,\n 'data-cy': 'multiselect-option',\n class: 'm-form-field m-form-field--checkbox',\n });\n\n create('input', optionsItemDom, {\n id: optionId,\n // Type must come before value or IE fails\n type: 'checkbox',\n value: option.value,\n name: _name,\n class: CHECKBOX_INPUT_CLASS + ' ' + BASE_CLASS + '__checkbox',\n checked: isChecked,\n 'data-index': i,\n });\n\n create('label', optionsItemDom, {\n for: optionId,\n textContent: option.text,\n className: BASE_CLASS + '__label a-label',\n });\n\n _optionItemDoms.push(optionsItemDom);\n\n // Create if enabled\n if (isChecked && _config?.renderTags) {\n _createSelectedItem(_selectionsDom, option);\n }\n }\n\n // Write our new markup to the DOM.\n _containerDom.insertBefore(_selectionsDom, _headerDom);\n _dom.parentNode.insertBefore(_containerDom, _dom);\n _containerDom.appendChild(_dom);\n\n return _containerDom;\n }\n\n /**\n * Set up and create the multiselect.\n * @param {object} multiselectConfig - Multiselect configuration options\n * @returns {Multiselect} An instance.\n */\n function init(multiselectConfig = DEFAULT_CONFIG) {\n if (!setInitFlag(_dom)) {\n return this;\n }\n\n if (isMobileUserAgent()) {\n return this;\n }\n\n _instance = this;\n _name = _dom.name || _dom.id;\n _placeholder = _dom.getAttribute('placeholder');\n _options = _dom.options || [];\n\n // Allow devs to pass the config settings they want and not worry about the rest\n _config = { ...DEFAULT_CONFIG, ...multiselectConfig };\n\n if (_options.length > 0) {\n // Store underlying model so we can expose it externally\n _model = new MultiselectModel(_options, _name, _config).init();\n const newDom = _populateMarkup();\n\n /* Removes element. */\n setInitFlag(_dom);\n\n _bindEvents();\n }\n\n return this;\n }\n\n /**\n * Allow external access to the underlying model for integration/customization when used in other applications.\n * @returns {object} Model\n */\n function getModel() {\n return _model;\n }\n\n // Attach public events.\n this.init = init;\n this.expand = expand;\n this.collapse = collapse;\n\n const eventObserver = new EventObserver();\n this.addEventListener = eventObserver.addEventListener;\n this.removeEventListener = eventObserver.removeEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n this.getModel = getModel;\n this.updateSelections = _updateSelections;\n this.selectionClickHandler = _selectionClickHandler;\n this.selectionKeyDownHandler = _selectionKeyDownHandler;\n\n return this;\n}\n\nMultiselect.BASE_CLASS = BASE_CLASS;\nMultiselect.init = (config) =>\n instantiateAll(`.${BASE_CLASS}`, Multiselect, undefined, config);\n\nexport { Multiselect, MultiselectStyles };\n", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Icons\n ========================================================================== */\n.cf-icon-svg {\n height: 1.1875em;\n vertical-align: text-top;\n fill: currentcolor;\n}\n.cf-icon-svg--updating, .cf-icon-svg--updating-round {\n animation: updating-animation 1.25s infinite linear;\n transform-origin: 50% 50%;\n}\n\n@keyframes updating-animation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(359deg);\n }\n}\nhtml[lang=ar] .cf-icon-svg--right, html[lang=ar] .cf-icon-svg--right-round, html[lang=ar] .cf-icon-svg--left, html[lang=ar] .cf-icon-svg--left-round, html[lang=ar] .cf-icon-svg--arrow-right, html[lang=ar] .cf-icon-svg--arrow-right-round, html[lang=ar] .cf-icon-svg--arrow-left, html[lang=ar] .cf-icon-svg--arrow-left-round, html[lang=ar] .cf-icon-svg--help, html[lang=ar] .cf-icon-svg--help-round, html[lang=ar] .cf-icon-svg--book, html[lang=ar] .cf-icon-svg--book-round, html[lang=ar] .cf-icon-svg--document, html[lang=ar] .cf-icon-svg--document-round, html[lang=ar] .cf-icon-svg--edit, html[lang=ar] .cf-icon-svg--edit-round, html[lang=ar] .cf-icon-svg--paper-clip, html[lang=ar] .cf-icon-svg--paper-clip-round, html[lang=ar] .cf-icon-svg--cart, html[lang=ar] .cf-icon-svg--cart-round, html[lang=ar] .cf-icon-svg--disability, html[lang=ar] .cf-icon-svg--disability-round, html[lang=ar] .cf-icon-svg--travel, html[lang=ar] .cf-icon-svg--travel-round, html[lang=ar] .cf-icon-svg--bullhorn, html[lang=ar] .cf-icon-svg--bullhorn-round, html[lang=ar] .cf-icon-svg--chart, html[lang=ar] .cf-icon-svg--chart-round, html[lang=ar] .cf-icon-svg--list, html[lang=ar] .cf-icon-svg--list-round, html[lang=ar] .cf-icon-svg--external-link, html[lang=ar] .cf-icon-svg--external-link-round {\n transform: scaleX(-1);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-card {\n position: relative;\n}\n.m-card:not(.m-card--breakout) > a {\n padding: 1.875em;\n}\n.m-card:not(.m-card--breakout) .m-card__footer {\n margin-top: auto;\n}\n.m-card:not(.m-card--breakout, .m-card--topic) {\n background: var(--white);\n border: 1px solid var(--gray-20);\n border-bottom-width: 3px;\n padding: 1.875em;\n}\n.m-card:not(.m-card--breakout, .m-card--topic), .m-card > a {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n flex-basis: 0;\n box-sizing: border-box;\n height: 100%;\n}\n.m-card a:focus {\n outline-offset: 2px;\n}\n.m-card__footer > a {\n font-weight: 500;\n border-bottom-width: 1px;\n}\n@media only all and (max-width: 56.3125em) {\n .m-card__heading {\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n }\n p + .m-card__heading, ul + .m-card__heading, ol + .m-card__heading, dl + .m-card__heading, figure + .m-card__heading, img + .m-card__heading, table + .m-card__heading, blockquote + .m-card__heading, h1 + .m-card__heading, .h1 + .m-card__heading, h2 + .m-card__heading, .h2 + .m-card__heading, h4 + .m-card__heading, .h4 + .m-card__heading, h5 + .m-card__heading, .h5 + .m-card__heading, h6 + .m-card__heading, .h6 + .m-card__heading {\n margin-top: 1.3636363636em;\n }\n}\n@media only all and (max-width: 56.3125em) and (max-width: 37.5em) {\n .m-card__heading {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.8333333333em;\n }\n p + .m-card__heading, ul + .m-card__heading, ol + .m-card__heading, dl + .m-card__heading, figure + .m-card__heading, img + .m-card__heading, table + .m-card__heading, blockquote + .m-card__heading, h1 + .m-card__heading, .h1 + .m-card__heading, h2 + .m-card__heading, .h2 + .m-card__heading, h3 + .m-card__heading, .h3 + .m-card__heading, h5 + .m-card__heading, .h5 + .m-card__heading, h6 + .m-card__heading, .h6 + .m-card__heading {\n margin-top: 1.6666666667em;\n }\n}\n.m-card__heading > a {\n color: var(--black);\n}\n.m-card__heading > a:hover {\n color: var(--pacific);\n}\n.m-card__heading > a .m-card__icon {\n font-size: 1em;\n margin-bottom: 0;\n padding-right: 0.46875em;\n}\n.m-card__heading > a .m-card__icon, .m-card__heading > a span {\n display: table-cell;\n}\n.m-card > .m-list {\n margin-top: 10px;\n margin-bottom: 30px;\n}\n.m-card--topic {\n text-align: center;\n width: 170px;\n background: var(--white);\n}\n.m-card--topic > a {\n border: 1px solid var(--gray-20);\n border-bottom-width: 3px;\n}\n.m-card--topic .m-card__icon {\n font-size: 1.875em;\n color: var(--green);\n margin-bottom: 0.3125em;\n}\n.m-card--topic:hover > a {\n box-shadow: 0 2px 0 0 inset var(--gray-20), 2px 0 0 0 inset var(--gray-20), -2px 0 0 0 inset var(--gray-20);\n}\n.m-card--topic:hover::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: 1px;\n height: 5px;\n width: 100%;\n background: var(--green);\n}\n.m-card--topic .m-card__footer > span {\n display: inline;\n border-width: 0;\n border-bottom-width: 1px;\n border-color: var(--pacific);\n border-style: dotted;\n font-weight: 500;\n color: var(--pacific);\n text-decoration: none;\n}\n.m-card--topic > a:visited .m-card__footer > span {\n border-color: var(--teal);\n color: var(--teal);\n}\n.m-card--topic:hover .m-card__footer > span {\n border-style: solid;\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\n.m-card--topic > a:focus .m-card__footer > span {\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\n.m-card--topic > a:active .m-card__footer > span {\n border-color: var(--pacific-dark);\n border-style: solid;\n color: var(--pacific-dark);\n}\n.m-card--topic-action .m-card__icon {\n color: var(--pacific);\n}\n.m-card--breakout {\n min-width: 210px;\n text-align: center;\n}\n.m-card--breakout > a {\n padding-top: 60px;\n}\n.m-card--breakout .m-card__inner-wrapper {\n position: relative;\n z-index: 0;\n min-height: 135px;\n background: var(--gray-5);\n border: 1px solid var(--gray-20);\n border-bottom-width: 3px;\n}\n.m-card--breakout .m-card__img {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 50%;\n width: 210px;\n height: 120px;\n margin-left: -105px;\n}\n.m-card--breakout .m-card__footer {\n margin-top: 84px;\n}\n.m-card--breakout:hover .m-card__inner-wrapper {\n box-shadow: 0 2px 0 0 inset var(--gray-20), 2px 0 0 0 inset var(--gray-20), -2px 0 0 0 inset var(--gray-20);\n}\n.m-card--breakout:hover::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: 1px;\n height: 5px;\n width: 100%;\n background: var(--green);\n}\n.m-card--breakout .m-card__footer > span {\n display: inline;\n border-width: 0;\n border-bottom-width: 1px;\n border-color: var(--pacific);\n border-style: dotted;\n font-weight: 500;\n color: var(--pacific);\n text-decoration: none;\n}\n.m-card--breakout > a:visited .m-card__footer > span {\n border-color: var(--teal);\n color: var(--teal);\n}\n.m-card--breakout:hover .m-card__footer > span {\n border-style: solid;\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\n.m-card--breakout > a:focus .m-card__footer > span {\n border-color: var(--pacific);\n color: var(--pacific);\n}\n.m-card--breakout > a:active .m-card__footer > span {\n border-color: var(--navy);\n border-style: solid;\n color: var(--navy);\n}\n.m-card--breakout .m-card__footer > span {\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n}\np + .m-card--breakout .m-card__footer > span, ul + .m-card--breakout .m-card__footer > span, ol + .m-card--breakout .m-card__footer > span, dl + .m-card--breakout .m-card__footer > span, figure + .m-card--breakout .m-card__footer > span, img + .m-card--breakout .m-card__footer > span, table + .m-card--breakout .m-card__footer > span, blockquote + .m-card--breakout .m-card__footer > span, h1 + .m-card--breakout .m-card__footer > span, .h1 + .m-card--breakout .m-card__footer > span, h2 + .m-card--breakout .m-card__footer > span, .h2 + .m-card--breakout .m-card__footer > span, h4 + .m-card--breakout .m-card__footer > span, .h4 + .m-card--breakout .m-card__footer > span, h5 + .m-card--breakout .m-card__footer > span, .h5 + .m-card--breakout .m-card__footer > span, h6 + .m-card--breakout .m-card__footer > span, .h6 + .m-card--breakout .m-card__footer > span {\n margin-top: 1.3636363636em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-card-group > h2 {\n margin-bottom: 1.875rem;\n}\n.o-card-group--column-2 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n}\n.o-card-group--column-3 .o-card-group__cards {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n@media only all and (max-width: 63.8125em) {\n .o-card-group--column-3 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n }\n}\n.o-card-group__cards {\n display: grid;\n grid-column-gap: 1.25em;\n grid-row-gap: 1.25em;\n}\n@media only all and (max-width: 37.5em) {\n .o-card-group__cards {\n grid-template-columns: 100% !important;\n }\n}\n.o-card-group--bg-green {\n padding: 1.875em;\n background: var(--green-20);\n}\n\n/* stylelint-disable selector-type-no-unknown */\n_:-ms-lang(x),\n.o-card-group__cards {\n display: block;\n}\n_:-ms-lang(x) .m-card,\n.o-card-group__cards .m-card {\n display: block;\n float: left;\n margin-bottom: 10px;\n}\n\n_:-ms-lang(x) .o-card-group__cards .m-card,\n.o-card-group--column-2 .o-card-group__cards .m-card {\n width: 48%;\n margin-right: 2%;\n}\n_:-ms-lang(x) .o-card-group__cards .m-card:last-child,\n.o-card-group--column-2 .o-card-group__cards .m-card:last-child {\n margin-right: 0;\n}\n\n_:-ms-lang(x) .o-card-group__cards .m-card,\n.o-card-group--column-3 .o-card-group__cards .m-card {\n width: 32%;\n margin-right: 1%;\n}\n_:-ms-lang(x) .o-card-group__cards .m-card:last-child,\n.o-card-group--column-3 .o-card-group__cards .m-card:last-child {\n margin-right: 0;\n}\n\n_:-ms-lang(x),\n.o-card-group::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n/* stylelint-enable selector-type-no-unknown */\n/* stylelint-disable no-duplicate-selectors */\n.o-card-group {\n /* stylelint-enable no-duplicate-selectors */\n}\n.o-card-group--count-2 .m-card:nth-of-type(1), .o-card-group--count-3 .m-card:nth-of-type(1), .o-card-group--count-4 .m-card:nth-of-type(1) {\n grid-area: card1;\n}\n.o-card-group--count-2 .m-card:nth-of-type(2), .o-card-group--count-3 .m-card:nth-of-type(2), .o-card-group--count-4 .m-card:nth-of-type(2) {\n grid-area: card2;\n}\n.o-card-group--count-2 .m-card:nth-of-type(3), .o-card-group--count-3 .m-card:nth-of-type(3), .o-card-group--count-4 .m-card:nth-of-type(3) {\n grid-area: card3;\n}\n.o-card-group--count-2 .m-card:nth-of-type(4), .o-card-group--count-3 .m-card:nth-of-type(4), .o-card-group--count-4 .m-card:nth-of-type(4) {\n grid-area: card4;\n}\n.o-card-group--count-2 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"card1 card2\";\n}\n.o-card-group--count-3 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"card1 card2\" \"card1 card3\";\n}\n.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n font-size: 1.625em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n}\np + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ul + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ol + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, dl + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, figure + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, img + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, table + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, blockquote + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n margin-top: 1.7307692308em;\n}\nh1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h3 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h3 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n margin-top: 1.1538461538em;\n}\n@media only all and (max-width: 37.5em) {\n p + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ul + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ol + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, dl + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, figure + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, img + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, table + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, blockquote + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n margin-top: 1.3636363636em;\n }\n}\n@media only all and (max-width: 37.5em) {\n .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n font-size: 1.375em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n }\n p + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ul + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ol + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, dl + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, figure + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, img + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, table + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, blockquote + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h2 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h2 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n margin-top: 1.3636363636em;\n }\n}\n.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) > a {\n justify-content: center;\n}\n.o-card-group--count-4 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"card1 card2\" \"card3 card4\";\n}\n.o-card-group--flow .o-card-group__cards {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n@media only all and (min-width: 37.5625em) and (max-width: 56.25em) {\n .o-card-group--count-3 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"card1 card1\" \"card2 card3\";\n }\n}\n@media only all and (max-width: 37.5em) {\n .o-card-group--count-2 .o-card-group__cards {\n grid-template-columns: 1fr;\n grid-template-areas: \"card1\" \"card2\";\n }\n .o-card-group--count-3 .o-card-group__cards {\n grid-template-columns: 1fr;\n grid-template-areas: \"card1\" \"card2\" \"card3\";\n }\n .o-card-group--count-4 .o-card-group__cards {\n grid-template-columns: 1fr;\n grid-template-areas: \"card1\" \"card2\" \"card3\" \"card4\";\n }\n .o-card-group--flow .o-card-group__cards {\n display: block;\n }\n .o-card-group--flow .o-card-group__cards .m-card {\n width: 100%;\n margin-bottom: 1.875em;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-email-signup .m-notification {\n margin-bottom: 0.9375em;\n}\n.o-email-signup .a-text-input {\n max-width: 23.125rem;\n}\n.o-email-signup__buttons {\n display: flex;\n margin-top: 0.9375em;\n align-items: center;\n flex-wrap: wrap-reverse;\n gap: 0.9375em;\n}\n.o-email-signup .a-btn {\n text-align: inherit;\n}\n@media only all and (max-width: 37.5em) {\n .o-email-signup .a-label--heading {\n font-size: 1em;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-featured-content-module {\n min-height: 220px;\n position: relative;\n border: 1px solid var(--gray-40);\n background-color: var(--gray-5);\n}\n.o-featured-content-module__text {\n padding-top: 1.875em;\n padding-bottom: 1.875em;\n}\n.o-featured-content-module__img {\n display: block;\n}\n@media only all and (max-width: 37.5em) {\n .o-featured-content-module__text {\n padding-right: 0.9375em;\n padding-left: 0.9375em;\n }\n .o-featured-content-module__visual {\n padding-right: 0.9375em;\n padding-bottom: 0.9375em;\n padding-left: 0.9375em;\n }\n .o-featured-content-module__img {\n margin-right: auto;\n margin-left: auto;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .o-featured-content-module__text {\n padding-right: 300px;\n padding-left: 1.875em;\n }\n .o-featured-content-module__visual {\n height: 100%;\n overflow: hidden;\n position: absolute;\n top: 0;\n right: 0;\n width: 270px;\n }\n .o-featured-content-module__img {\n max-width: none;\n height: 100%;\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n }\n}\n.o-featured-content-module--left {\n /* Left modifier doesn't have a border/background. If in the future we\n have a left arranged FCM we'll want to make the border/background\n its own modifer */\n border: initial;\n background-color: initial;\n}\n.o-featured-content-module--left .o-featured-content-module__visual {\n left: 0;\n right: initial;\n}\n@media only all and (min-width: 37.5625em) {\n .o-featured-content-module--left .o-featured-content-module__text {\n padding-left: 300px;\n padding-right: 1.875em;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-hero {\n background-color: var(--gray-5);\n}\n.m-hero__wrapper {\n display: grid;\n max-width: 1200px;\n margin: 0 auto;\n padding-top: 30px;\n padding-bottom: 30px;\n}\n.m-hero__text {\n padding-right: 15px;\n padding-left: 15px;\n}\n.m-hero__heading {\n font-size: 2.125em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.4411764706em;\n}\np + .m-hero__heading, ul + .m-hero__heading, ol + .m-hero__heading, dl + .m-hero__heading, figure + .m-hero__heading, img + .m-hero__heading, table + .m-hero__heading, blockquote + .m-hero__heading {\n margin-top: 1.7647058824em;\n}\n.m-hero__subhead {\n font-size: 22px;\n line-height: 1.25;\n}\n.m-hero__image-wrapper {\n box-sizing: border-box;\n overflow: hidden;\n}\n.m-hero__image {\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n width: 100%;\n display: none;\n}\n@supports (display: grid) {\n .m-hero__image {\n display: block;\n }\n}\n.m-hero--knockout {\n background-color: var(--gray);\n color: var(--white);\n}\n.m-hero--overlay .m-hero__wrapper {\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n}\n.m-hero--jumbo, .m-hero--50-50 {\n background-color: var(--white);\n}\n.m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n margin-top: 0;\n margin-bottom: 15px;\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n@media only all and (max-width: 37.5em) {\n .m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n }\n p + .m-hero--jumbo .m-hero__subhead, ul + .m-hero--jumbo .m-hero__subhead, ol + .m-hero--jumbo .m-hero__subhead, dl + .m-hero--jumbo .m-hero__subhead, figure + .m-hero--jumbo .m-hero__subhead, img + .m-hero--jumbo .m-hero__subhead, table + .m-hero--jumbo .m-hero__subhead, blockquote + .m-hero--jumbo .m-hero__subhead, h1 + .m-hero--jumbo .m-hero__subhead, .h1 + .m-hero--jumbo .m-hero__subhead, h2 + .m-hero--jumbo .m-hero__subhead, .h2 + .m-hero--jumbo .m-hero__subhead, h4 + .m-hero--jumbo .m-hero__subhead, .h4 + .m-hero--jumbo .m-hero__subhead, h5 + .m-hero--jumbo .m-hero__subhead, .h5 + .m-hero--jumbo .m-hero__subhead, h6 + .m-hero--jumbo .m-hero__subhead, .h6 + .m-hero--jumbo .m-hero__subhead, p + .m-hero--50-50 .m-hero__subhead, ul + .m-hero--50-50 .m-hero__subhead, ol + .m-hero--50-50 .m-hero__subhead, dl + .m-hero--50-50 .m-hero__subhead, figure + .m-hero--50-50 .m-hero__subhead, img + .m-hero--50-50 .m-hero__subhead, table + .m-hero--50-50 .m-hero__subhead, blockquote + .m-hero--50-50 .m-hero__subhead, h1 + .m-hero--50-50 .m-hero__subhead, .h1 + .m-hero--50-50 .m-hero__subhead, h2 + .m-hero--50-50 .m-hero__subhead, .h2 + .m-hero--50-50 .m-hero__subhead, h4 + .m-hero--50-50 .m-hero__subhead, .h4 + .m-hero--50-50 .m-hero__subhead, h5 + .m-hero--50-50 .m-hero__subhead, .h5 + .m-hero--50-50 .m-hero__subhead, h6 + .m-hero--50-50 .m-hero__subhead, .h6 + .m-hero--50-50 .m-hero__subhead {\n margin-top: 1.3636363636em;\n }\n}\n@media only all and (min-width: 63.8125em) {\n .m-hero--jumbo .m-hero__wrapper, .m-hero--50-50 .m-hero__wrapper {\n min-height: 285px;\n }\n .m-hero--jumbo .m-hero__heading, .m-hero--50-50 .m-hero__heading {\n margin-bottom: 0.4166666667em;\n font-size: 3em;\n font-weight: normal;\n line-height: 1.25;\n }\n .m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n font-size: 1.625em;\n font-weight: 400;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n }\n p + .m-hero--jumbo .m-hero__subhead, ul + .m-hero--jumbo .m-hero__subhead, ol + .m-hero--jumbo .m-hero__subhead, dl + .m-hero--jumbo .m-hero__subhead, figure + .m-hero--jumbo .m-hero__subhead, img + .m-hero--jumbo .m-hero__subhead, table + .m-hero--jumbo .m-hero__subhead, blockquote + .m-hero--jumbo .m-hero__subhead, p + .m-hero--50-50 .m-hero__subhead, ul + .m-hero--50-50 .m-hero__subhead, ol + .m-hero--50-50 .m-hero__subhead, dl + .m-hero--50-50 .m-hero__subhead, figure + .m-hero--50-50 .m-hero__subhead, img + .m-hero--50-50 .m-hero__subhead, table + .m-hero--50-50 .m-hero__subhead, blockquote + .m-hero--50-50 .m-hero__subhead {\n margin-top: 1.7307692308em;\n }\n h1 + .m-hero--jumbo .m-hero__subhead, .h1 + .m-hero--jumbo .m-hero__subhead, h3 + .m-hero--jumbo .m-hero__subhead, .h3 + .m-hero--jumbo .m-hero__subhead, h4 + .m-hero--jumbo .m-hero__subhead, .h4 + .m-hero--jumbo .m-hero__subhead, h5 + .m-hero--jumbo .m-hero__subhead, .h5 + .m-hero--jumbo .m-hero__subhead, h6 + .m-hero--jumbo .m-hero__subhead, .h6 + .m-hero--jumbo .m-hero__subhead, h1 + .m-hero--50-50 .m-hero__subhead, .h1 + .m-hero--50-50 .m-hero__subhead, h3 + .m-hero--50-50 .m-hero__subhead, .h3 + .m-hero--50-50 .m-hero__subhead, h4 + .m-hero--50-50 .m-hero__subhead, .h4 + .m-hero--50-50 .m-hero__subhead, h5 + .m-hero--50-50 .m-hero__subhead, .h5 + .m-hero--50-50 .m-hero__subhead, h6 + .m-hero--50-50 .m-hero__subhead, .h6 + .m-hero--50-50 .m-hero__subhead {\n margin-top: 1.1538461538em;\n }\n}\n\n@media only all and (max-width: 37.5em) {\n .m-hero__image-wrapper {\n margin-top: 1.875em;\n }\n .m-hero--overlay .m-hero__wrapper {\n background-image: none !important;\n }\n .m-hero--jumbo .m-hero__wrapper {\n padding-bottom: 0;\n }\n}\n@media only all and (max-width: 56.25em) {\n .m-hero__heading {\n font-size: 1.625em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n }\n p + .m-hero__heading, ul + .m-hero__heading, ol + .m-hero__heading, dl + .m-hero__heading, figure + .m-hero__heading, img + .m-hero__heading, table + .m-hero__heading, blockquote + .m-hero__heading {\n margin-top: 1.7307692308em;\n }\n h1 + .m-hero__heading, .h1 + .m-hero__heading, h3 + .m-hero__heading, .h3 + .m-hero__heading, h4 + .m-hero__heading, .h4 + .m-hero__heading, h5 + .m-hero__heading, .h5 + .m-hero__heading, h6 + .m-hero__heading, .h6 + .m-hero__heading {\n margin-top: 1.1538461538em;\n }\n .m-hero__subhead {\n font-size: 18px;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .m-hero__wrapper {\n grid-template-columns: 7fr 5fr;\n padding-right: 15px;\n padding-left: 15px;\n min-height: 225px;\n }\n .m-hero__text {\n margin: auto;\n }\n .m-hero__image-wrapper {\n padding-right: 15px;\n padding-left: 15px;\n display: flex;\n align-items: center;\n }\n .m-hero--bleeding .m-hero__image-wrapper {\n width: 100%;\n margin-top: -2.8125em;\n margin-bottom: -2.8125em;\n }\n .m-hero--bleeding .m-hero__image {\n padding-bottom: 0 !important;\n height: 100%;\n width: 100%;\n background-size: cover;\n }\n .m-hero--overlay .m-hero__image {\n display: none;\n }\n .m-hero--jumbo .m-hero__wrapper {\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: cover;\n }\n .m-hero--jumbo .m-hero__image {\n display: none;\n }\n .m-hero--50-50 .m-hero__wrapper {\n grid-template-columns: 1fr 1fr;\n border: 1px solid var(--gray-40);\n border-top: none;\n background-position: 100% center;\n background-repeat: no-repeat;\n background-size: 50%;\n }\n .m-hero--50-50 .m-hero__image {\n display: none;\n }\n}\n@media only all and (min-width: 63.8125em) {\n .m-hero__wrapper {\n padding-top: 2.8125em;\n padding-bottom: 2.8125em;\n min-height: 195px;\n }\n .m-hero--bleeding .m-hero__image-wrapper {\n margin-top: -2.8125em;\n margin-bottom: -2.8125em;\n }\n .m-hero--50-50 .m-hero__wrapper {\n min-height: 345px;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Layout Helpers\n ========================================================================== */\n.content-l {\n position: relative;\n}\n@media only all and (min-width: 37.5625em) {\n .content-l {\n display: block;\n position: relative;\n margin-left: -15px;\n margin-right: -15px;\n }\n}\n\n@media only all and (max-width: 37.5em) {\n .content-l__col + .content-l__col {\n margin-top: 1.875em;\n }\n}\n\n@media only all and (min-width: 37.5625em) {\n .content-l__col-1 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-1-2 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 50%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-1-3 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 33.3333333333%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-2-3 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 66.6666666667%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-3-8 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 37.5%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-5-8 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 62.5%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-1-4 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 25%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-3-4 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 75%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n}\n.content__line {\n height: 1px;\n background: var(--gray-40);\n}\n\n.content__main dd,\n.content__main dt,\n.content__main h3,\n.content__main h4,\n.content__main h5,\n.content__main h6,\n.content__main li,\n.content__main p,\n.content__main label,\n.content__intro dd,\n.content__intro dt,\n.content__intro h3,\n.content__intro h4,\n.content__intro h5,\n.content__intro h6,\n.content__intro li,\n.content__intro p,\n.content__intro label {\n max-width: 41.875rem;\n}\n\n.content__intro,\n.content__main,\n.content__sidebar {\n padding: 1.875em 0.9375em;\n}\n@media only all and (min-width: 37.5625em) {\n .content__intro,\n .content__main,\n .content__sidebar {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n padding: 2.8125em 0.9375em;\n }\n}\n@media only all and (min-width: 56.3125em) {\n .content__intro,\n .content__main,\n .content__sidebar {\n padding: 2.8125em 0;\n }\n}\n\n@media only all and (min-width: 56.3125em) {\n .content__intro {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n}\n@media only all and (min-width: 56.3125em) {\n .content--1-3 .content__sidebar {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 25%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n padding-right: 1.875em;\n }\n .content--1-3 .content__main {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 75%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n position: relative;\n }\n .content--1-3 .content__main::after {\n content: \"\";\n border-left: 1px solid var(--gray-40);\n position: absolute;\n top: 2.8125em;\n bottom: 0;\n left: -1.875em;\n }\n .content--2-1 .content__main {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 66.6666666667%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content--2-1 .content__main::after {\n right: -1.875em;\n }\n .content--2-1 .content__sidebar {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 33.3333333333%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n padding-left: 1.875em;\n }\n}\n.content--flush-bottom {\n padding-bottom: 0;\n}\n\n@media only all and (max-width: 56.25em) {\n .content--flush-top-on-small {\n padding-top: 0;\n }\n}\n\n@media only all and (max-width: 56.25em) {\n .content--flush-all-on-small {\n padding: 0;\n border: none;\n }\n}\n\n.block {\n margin-top: 3.75em;\n margin-bottom: 3.75em;\n}\n.block--border-top {\n border-top: 1px solid var(--gray-40);\n}\n.block--border-right {\n border-right: 1px solid var(--gray-40);\n}\n.block--border-bottom {\n border-bottom: 1px solid var(--gray-40);\n}\n.block--border-left {\n border-left: 1px solid var(--gray-40);\n}\n.block--border {\n border: 1px solid var(--gray-40);\n}\n.block--flush-top {\n margin-top: 0 !important;\n}\n.block--flush-top.block--border, .block--flush-top.block--border-top {\n border-top: none;\n}\n.block--flush-bottom {\n margin-bottom: 0 !important;\n}\n.block--flush-bottom.block--border, .block--flush-bottom.block--border-bottom {\n border-bottom: none;\n}\n.block--flush-sides {\n margin-right: -15px;\n margin-left: -15px;\n}\n@media only all and (max-width: 37.5em) {\n .block--flush-sides.block--border, .block--flush-sides.block--border-right, .block--flush-sides.block--border-left {\n border-right: none;\n border-left: none;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .block--flush-sides {\n margin-right: -30px;\n margin-left: -30px;\n }\n}\n.block--flush {\n margin-top: 0 !important;\n margin-right: -15px;\n margin-bottom: 0 !important;\n margin-left: -15px;\n}\n.block--flush.block--border, .block--flush.block--border-top, .block--flush.block--border-bottom {\n border-top: none;\n border-bottom: none;\n}\n@media only all and (max-width: 37.5em) {\n .block--flush.block--border, .block--flush.block--border-right, .block--flush.block--border-left {\n border-right: none;\n border-left: none;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .block--flush {\n margin-right: -30px;\n margin-left: -30px;\n }\n}\n.block--bg {\n padding: 1.875em 0.9375em;\n padding-bottom: 3.75em;\n background: var(--gray-5);\n}\n@media only all and (min-width: 37.5625em) {\n .block--bg {\n padding: 2.8125em 1.875em;\n }\n}\n.block--padded-top {\n padding-top: 1.875em;\n margin-top: 1.875em;\n}\n.block--padded-bottom {\n padding-bottom: 1.875em;\n margin-bottom: 1.875em;\n}\n.block--sub {\n margin-top: 1.875em;\n margin-bottom: 1.875em;\n}\n\n@media only all and (min-width: 56.3125em) {\n .wrapper {\n /* stylelint-enable */\n max-width: 1200px;\n padding-right: 15px;\n padding-left: 15px;\n margin: 0 auto;\n clear: both;\n }\n}\n.wrapper--match-content {\n padding-left: 15px;\n padding-right: 15px;\n}\n@media only all and (min-width: 37.5625em) {\n .wrapper--match-content {\n padding-left: 30px;\n padding-right: 30px;\n max-width: 1200px;\n }\n}", ".o-text-introduction {\n margin-top: 0;\n margin-bottom: 60px;\n}\n.o-text-introduction > * {\n margin-top: 0;\n margin-bottom: 15px;\n max-width: 41.875rem;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-well {\n box-sizing: border-box;\n padding: 1.875em 0.9375em;\n border: 1px solid var(--gray-40);\n background-color: var(--gray-5);\n}\n@media only all and (min-width: 37.5625em) {\n .o-well {\n padding-left: 1.875em;\n padding-right: 1.875em;\n }\n}", "/* ==========================================================================\n Design System\n Notifications Styling\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.o-banner {\n padding: 0.9375em 0;\n background: var(--gold-10);\n border-bottom: 1px solid var(--gray-40);\n font-size: 0.875em;\n}\n.o-banner .m-notification {\n border: none;\n padding: 0;\n}\n.o-banner .m-notification__icon {\n left: 0;\n top: 0;\n}\n.o-banner--dark {\n background: var(--teal-dark);\n border-color: var(--teal-dark);\n color: var(--white);\n}\n.o-banner--dark .m-notification {\n background: var(--teal-dark);\n}\n.o-banner--dark .m-notification .cf-icon-svg {\n fill: var(--white);\n}\n.o-banner--dark .m-notification a {\n color: var(--white);\n border-color: var(--white);\n}\n.o-banner--dark .m-notification a:visited, .o-banner--dark .m-notification a.visited {\n border-color: var(--teal-40);\n color: var(--teal-40);\n}\n.o-banner--dark .m-notification a:hover, .o-banner--dark .m-notification a.hover {\n border-color: var(--gray-15);\n color: var(--gray-15);\n}\n.o-banner--dark .m-notification a:focus, .o-banner--dark .m-notification a.focus {\n border-color: var(--white);\n color: var(--white);\n}\n.o-banner--dark .m-notification a:active, .o-banner--dark .m-notification a.active {\n border-color: var(--gray-15);\n color: var(--gray-15);\n}\n@media only all and (min-width: 37.5625em) {\n .o-banner {\n font-size: 1em;\n }\n}", "/* ==========================================================================\n Design System\n Notifications Styling\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.m-notification {\n display: none;\n position: relative;\n padding: 15px;\n background: var(--gray-5);\n border: 1px solid var(--gray-40);\n}\n.m-notification > .cf-icon-svg {\n position: absolute;\n fill: var(--gray);\n}\n.m-notification--success {\n background: var(--green-10);\n border-color: var(--green);\n}\n.m-notification--success > .cf-icon-svg {\n fill: var(--green);\n}\n.m-notification--warning {\n background: var(--gold-10);\n border-color: var(--gold);\n}\n.m-notification--warning > .cf-icon-svg {\n fill: var(--gold);\n}\n.m-notification--error {\n background: var(--red-10);\n border-color: var(--red);\n}\n.m-notification--error > .cf-icon-svg {\n fill: var(--red);\n}\n.m-notification--success a, .m-notification--warning a, .m-notification--error a {\n color: var(--pacific-mid-dark);\n border-color: var(--pacific-mid-dark);\n}\n.m-notification--success a:visited, .m-notification--success a.visited, .m-notification--warning a:visited, .m-notification--warning a.visited, .m-notification--error a:visited, .m-notification--error a.visited {\n border-color: var(--teal);\n color: var(--teal);\n}\n.m-notification--success a:hover, .m-notification--success a.hover, .m-notification--warning a:hover, .m-notification--warning a.hover, .m-notification--error a:hover, .m-notification--error a.hover {\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\n.m-notification--success a:focus, .m-notification--success a.focus, .m-notification--warning a:focus, .m-notification--warning a.focus, .m-notification--error a:focus, .m-notification--error a.focus {\n border-color: var(--pacific-mid-dark);\n color: var(--pacific-mid-dark);\n}\n.m-notification--success a:active, .m-notification--success a.active, .m-notification--warning a:active, .m-notification--warning a.active, .m-notification--error a:active, .m-notification--error a.active {\n border-color: var(--navy-dark);\n color: var(--navy-dark);\n}\n.m-notification--visible {\n display: block;\n}\n.cf-icon-svg + .m-notification__content {\n padding-left: 1.5625rem;\n}\n.m-notification__message {\n font-size: 1rem;\n line-height: 1.25;\n font-weight: 500;\n}\n@media only all and (min-width: 37.5625em) {\n .m-notification__message {\n font-size: 1.125rem;\n }\n}\n.m-notification__explanation {\n margin-top: 0.3125rem;\n margin-bottom: 0.9375rem;\n}\n.m-notification__message + .m-list {\n margin-top: 0.9375rem;\n}\n@media only all and (min-width: 37.5625em) {\n .m-notification .cf-icon-svg {\n font-size: 1.125rem;\n }\n .m-notification__explanation {\n margin-bottom: 0;\n }\n .m-notification .m-list {\n margin-top: 0.3125rem;\n }\n .m-notification .m-list__item {\n margin-bottom: 0.3125rem;\n }\n}\n\nhtml[lang=ar] .m-notification .cf-icon-svg + .m-notification__content {\n padding-left: initial;\n padding-right: 1.5625rem;\n}\nhtml[lang=ar] .m-notification .m-list {\n padding-right: 0;\n}", "/* ==========================================================================\n Design System\n Pagination Styling\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-pagination {\n position: relative;\n}\n.m-pagination__form {\n padding: 0.3125em;\n border-radius: 0.25em;\n background: var(--gray-5);\n color: var(--gray);\n text-align: center;\n}\n.m-pagination__current-page {\n width: 2.8125em;\n margin-right: 0.625em;\n margin-left: 0.625em;\n font-weight: 500;\n text-align: right;\n}\n.m-pagination__label {\n display: inline-block;\n margin-right: 0.625em;\n vertical-align: middle;\n}\n.m-pagination__btn-submit {\n margin: 0;\n vertical-align: middle;\n}\n.m-pagination__btn-prev, .m-pagination__btn-next {\n min-width: 130px;\n line-height: 22px;\n text-align: center;\n}\n.m-pagination__btn-prev.a-btn--disabled, .m-pagination__btn-next.a-btn--disabled {\n background-color: var(--gray-5);\n border-color: transparent;\n}\n.m-pagination__btn-next {\n position: absolute;\n right: 0;\n}\n@media only all and (max-width: 37.5em) {\n .m-pagination__btn-prev, .m-pagination__btn-next {\n margin-bottom: 0.9375em;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .m-pagination__btn-prev, .m-pagination__btn-next {\n height: 100%;\n }\n .m-pagination__btn-prev {\n position: absolute;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n .m-pagination__btn-next {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Table Styling\n ========================================================================== */\n.o-table__cell--right-align {\n text-align: right;\n}\n\n.o-table--scrolling {\n box-sizing: border-box;\n overflow-y: hidden;\n}\n.o-table--scrolling table {\n border: 1px solid var(--gray-40);\n}\n.o-table--scrolling table > tbody > tr:nth-child(even) > th, .o-table--scrolling table > tbody > tr:nth-child(even) > td {\n background: var(--gray-5);\n}\n\n@media only all and (min-width: 37.5625em) {\n .o-table--striped > tbody > tr:nth-child(even) > th, .o-table--striped > tbody > tr:nth-child(even) > td {\n background: var(--gray-5);\n }\n}\n@media only screen and (max-width: 600px) {\n .o-table {\n width: 100%;\n }\n .o-table--striped tr:nth-child(even) > th, .o-table--striped tr:nth-child(even) > td {\n background: var(--white);\n }\n .o-table--stack-on-small {\n border-top: 1px solid var(--gray-40);\n }\n .o-table--stack-on-small tr,\n .o-table--stack-on-small td,\n .o-table--stack-on-small [data-display-table=row],\n .o-table--stack-on-small [data-display-table=cell] {\n display: block;\n }\n .o-table--stack-on-small th,\n .o-table--stack-on-small td,\n .o-table--stack-on-small [data-display-table=cell] {\n padding-right: 0;\n padding-left: 0;\n width: 100%;\n }\n .o-table--stack-on-small > thead,\n .o-table--stack-on-small [data-display-table=thead] {\n display: none;\n }\n .o-table--stack-on-small td[data-label]::before {\n display: block;\n margin-top: 0;\n margin-bottom: 0.3125em;\n content: attr(data-label);\n line-height: 1.83333333;\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n .o-table--stack-on-small td:last-child,\n .o-table--stack-on-small [data-display-table=cell]:last-child {\n margin-bottom: 1.875em;\n }\n}", "/* ==========================================================================\n Design System\n Advanced Typography\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-date {\n color: var(--gray);\n white-space: nowrap;\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.0714285714em;\n}\np + .a-date, ul + .a-date, ol + .a-date, dl + .a-date, figure + .a-date, img + .a-date, table + .a-date, blockquote + .a-date, h1 + .a-date, .h1 + .a-date, h2 + .a-date, .h2 + .a-date, h3 + .a-date, .h3 + .a-date, h4 + .a-date, .h4 + .a-date, h6 + .a-date, .h6 + .a-date {\n margin-top: 2.1428571429em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.a-link {\n border-bottom-width: 0;\n}\n.a-link .a-link__text {\n border-bottom-width: 1px;\n border-bottom-style: inherit;\n}\n\n.a-link--jump {\n font-weight: 500;\n}\n@media only all and (max-width: 37.5em) {\n .a-link--jump {\n position: relative;\n display: flex;\n align-items: center;\n gap: 0.3125rem;\n box-sizing: border-box;\n padding-top: 0.625em;\n padding-bottom: 0.625em;\n width: 100%;\n }\n .a-link--jump .cf-icon-svg--right {\n margin-left: auto;\n }\n .a-link--jump .a-link__text {\n border-bottom-width: 0;\n flex-shrink: 10;\n }\n}\n\na.a-link--jump {\n font-weight: 500;\n}\n@media only all and (max-width: 37.5em) {\n a.a-link--jump {\n border-top-width: 1px;\n border-bottom-width: 1px;\n }\n a.a-link--jump:focus {\n outline: none;\n }\n a.a-link--jump:focus::after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n outline: 1px dotted var(--gray);\n outline-offset: 2px;\n }\n}\n\n@media only all and (max-width: 37.5em) {\n li:has(.a-link--jump) + li:has(.a-link--jump) .a-link--jump {\n position: relative;\n border-top: none;\n }\n li:has(.a-link--jump) + li:has(.a-link--jump) a.a-link--jump:hover::before,\n li:has(.a-link--jump) + li:has(.a-link--jump) a.a-link--jump:focus::before {\n position: absolute;\n top: -1px;\n content: \"\";\n display: block;\n height: 1px;\n width: 100%;\n border-top: 1px solid currentcolor;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-list--unstyled,\n.m-list--horizontal,\n.m-list--links {\n padding-left: 0;\n list-style-type: none;\n}\n.m-list--unstyled .m-list__item,\n.m-list--horizontal .m-list__item,\n.m-list--links .m-list__item {\n margin-left: 0;\n}\n\n.m-list--spaced .m-list--spaced,\n.m-list--spaced .m-list__item + .m-list__item {\n margin-top: 1.5em;\n}\n\n.m-list--horizontal .m-list__item {\n display: inline-block;\n margin-right: 0.25em;\n margin-bottom: 0;\n}\n\n@media only all and (max-width: 37.5em) {\n .m-list--links .m-list__item {\n margin-bottom: 0;\n }\n}\n\nhtml[lang=ar] .m-list {\n padding-right: 0;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-meta-header {\n display: flex;\n flex-direction: column-reverse;\n flex-wrap: wrap-reverse;\n row-gap: 0.625rem;\n column-gap: 1.3125rem;\n width: -moz-fit-content;\n width: fit-content;\n padding-bottom: 0.625rem;\n overflow: hidden;\n}\n.m-meta-header__item-group {\n display: flex;\n flex-wrap: wrap;\n column-gap: 1.3125rem;\n}\n.m-meta-header__item {\n display: grid;\n grid-template-columns: 0 auto 1fr;\n row-gap: 0.3125rem;\n text-wrap: balance;\n margin-bottom: 0;\n font-size: 1.125em;\n font-weight: 500;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\np + .m-meta-header__item, ul + .m-meta-header__item, ol + .m-meta-header__item, dl + .m-meta-header__item, figure + .m-meta-header__item, img + .m-meta-header__item, table + .m-meta-header__item, blockquote + .m-meta-header__item, h1 + .m-meta-header__item, .h1 + .m-meta-header__item, h2 + .m-meta-header__item, .h2 + .m-meta-header__item, h3 + .m-meta-header__item, .h3 + .m-meta-header__item, h5 + .m-meta-header__item, .h5 + .m-meta-header__item, h6 + .m-meta-header__item, .h6 + .m-meta-header__item {\n margin-top: 1.6666666667em;\n}\n@media only all and (max-width: 37.5em) {\n .m-meta-header__item {\n margin-bottom: 0.625em;\n font-size: 1em;\n line-height: 1.125;\n }\n}\n@media only all and (max-width: 37.5em) {\n .m-meta-header__item {\n margin-bottom: 0.3125rem;\n }\n}\n.m-meta-header__item .cf-icon-svg {\n margin-right: 0.3125rem;\n}\n.m-meta-header__item::before {\n content: \"|\";\n margin-left: -0.8125rem;\n}\n.m-meta-header__item .a-date {\n font-size: 0.875rem;\n line-height: 1.7142857143;\n margin-bottom: 0;\n}\n@media only all and (min-width: 37.5625em) {\n .m-meta-header {\n flex-direction: row;\n }\n}", "@charset \"UTF-8\";\n/* ==========================================================================\n Design System\n Advanced Typography\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-pull-quote__body {\n color: var(--black);\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n@media only all and (max-width: 37.5em) {\n .m-pull-quote__body {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n }\n}\n.m-pull-quote__citation {\n color: var(--gray);\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.0714285714em;\n}\np + .m-pull-quote__citation, ul + .m-pull-quote__citation, ol + .m-pull-quote__citation, dl + .m-pull-quote__citation, figure + .m-pull-quote__citation, img + .m-pull-quote__citation, table + .m-pull-quote__citation, blockquote + .m-pull-quote__citation, h1 + .m-pull-quote__citation, .h1 + .m-pull-quote__citation, h2 + .m-pull-quote__citation, .h2 + .m-pull-quote__citation, h3 + .m-pull-quote__citation, .h3 + .m-pull-quote__citation, h4 + .m-pull-quote__citation, .h4 + .m-pull-quote__citation, h6 + .m-pull-quote__citation, .h6 + .m-pull-quote__citation {\n margin-top: 2.1428571429em;\n}\n.m-pull-quote__citation::before {\n content: \"\u2014\";\n}", "/* ==========================================================================\n Design System\n Advanced Typography\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-slug-header {\n border-top: 1px solid var(--gray-40);\n}\n.m-slug-header__heading {\n display: inline-block;\n padding-top: 0.2857142857em;\n border-top: 5px solid var(--green);\n margin-top: -3px;\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.0714285714em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-tagline {\n font-size: 0.75rem;\n display: grid;\n grid-template-columns: 22px 1fr;\n grid-column-gap: 10px;\n}\n.a-tagline__text {\n display: inline-block;\n}\n.a-tagline .u-usa-flag {\n margin-top: 1px;\n}\n.a-tagline--large {\n font-size: 1rem;\n}\n.a-tagline--large .u-usa-flag {\n margin-top: 4px;\n}\n\n.u-usa-flag {\n display: inline-block;\n width: 24px;\n height: 13px;\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAZCAMAAABAf11LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5QTFRF////sxlC7MbQ2YyhxlNxCjFhR2WJV3GSKUt1dYumOFh/GT5rhZiwwszYsr/OlKW6Zn6c0djh8PL1iR9Ko7LE4OXrl0pttKC0pXWRtYKbSuJhRQAAANFJREFUeNrkkctuwyAUREnSuW/ApHYf//+jBVdZVcJi3aORgAXcMyLBAAJEzsVG3m8TkifyI3zfPQ6nJJLo421CArSBmkgjNEWtQE4zXJmClXuCWIlU5hdQxCqbqnE1KdIz79CVDvBwZxyKfQfmHTyzl01UZSvOWSTbhZLSWeDMufWLC/1ls3amT4qQq394EjIjApxBT+/nr8eEBNuKcB9SWMpmEXalNOylmlUZNTr4vE/4VdKhpC+leQf6y/e0wzL3RdJtkfUJyzwW+ZcdfgQYAJmJD3zerW6OAAAAAElFTkSuQmCC\");\n background-size: contain;\n background-repeat: no-repeat;\n}"], + "mappings": "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", "names": ["varsBreakpoints", "normalize_exports", "__export", "normalize_default", "base_exports", "__export", "base_default", "button_exports", "__export", "button_default", "button_group_exports", "__export", "button_group_default", "button_link_exports", "__export", "button_link_default", "button_with_icon_exports", "__export", "button_with_icon_default", "utilities_exports", "__export", "utilities_default", "_getBodyBaseFontSize", "fontSize", "_inBreakpointRange", "breakpointRange", "width", "breakpointRangeMin", "breakpointRangeMax", "min", "max", "getBreakpointState", "breakpointState", "rangeKey", "varsBreakpoints", "MOBILE", "TABLET", "DESKTOP", "viewportIsIn", "breakpointGroup", "response", "currentBreakpoint", "JS_HOOK", "BEHAVIOR_PREFIX", "STATE_PREFIX", "EventObserver", "_events", "addEventListener", "event", "callback", "removeEventListener", "index", "dispatchEvent", "options", "evts", "i", "len", "contains", "element", "value", "values", "JS_HOOK", "add", "msg", "INIT_FLAG", "STATE_PREFIX", "_verifyElementExists", "element", "baseClass", "msg", "_verifyClassExists", "dom", "checkDom", "setInitFlag", "contains", "add", "instantiateAll", "selector", "Constructor", "scope", "config", "elements", "insts", "inst", "i", "len", "_findElements", "behaviorSelector", "baseElement", "behaviorElements", "error", "msg", "BEHAVIOR_PREFIX", "find", "attach", "behaviorElement", "event", "eventHandler", "i", "len", "checkBehaviorDom", "element", "behaviorDataAttr", "dom", "contains", "selector", "JS_HOOK", "remove", "_toString", "isUndefined", "value", "isDefined", "isObject", "isString", "isNumber", "isDate", "isArray", "isFunction", "isEmpty", "isMobileUserAgent", "BASE_CLASS", "BEHAVIOR_PREFIX", "SEL_PREFIX", "JS_HOOK", "FlyoutMenu", "element", "autoHideContent", "_dom", "checkBehaviorDom", "_triggerDoms", "_findTriggers", "_contentDom", "_state", "COLLAPSED", "COLLAPSING", "EXPANDING", "EXPANDED", "_transition", "_expandTransitionMethod", "_collapseTransitionMethod", "_collapseEndBinded", "_collapseEnd", "_expandEndBinded", "_expandEnd", "_data", "_suspended", "_touchTriggered", "triggersList", "triggers", "trigger", "triggerParent", "isSubTrigger", "i", "init", "isExpanded", "triggerDom", "_setAriaAttr", "_handleTriggerClicked", "_handleTouchStart", "_handleTriggerOver", "_handleTriggerOut", "resume", "type", "elem", "value", "strValue", "event", "expand", "hasTransition", "BaseTransition", "collapse", "len", "setTransition", "transition", "collapseMethod", "expandMethod", "clearTransition", "UNDEFINED", "getDom", "suspend", "setData", "data", "eventObserver", "EventObserver", "CLASSES", "AlphaTransition", "element", "eventObserver", "EventObserver", "_baseTransition", "BaseTransition", "init", "initialClass", "fadeIn", "fadeOut", "BaseTransition", "element", "classes", "child", "_classes", "_dom", "_child", "_lastClass", "_transitionEndEvent", "_transitionCompleteBinded", "_isAnimated", "_isAnimating", "_isFlushed", "_addEventListener", "_removeEventListener", "_transitionComplete", "evt", "_flush", "prop", "halt", "remove", "animateOn", "animateOff", "_getTransitionEndEvent", "elem", "msg", "transition", "transitions", "transitionEvent", "setElement", "targetElement", "init", "initialClass", "applyClass", "className", "CLASSES", "MaxHeightTransition", "element", "eventObserver", "EventObserver", "_baseTransition", "BaseTransition", "_previousHeight", "refresh", "newHeight", "_pageLoaded", "init", "initialClass", "maxHeightDefault", "maxHeightSummary", "maxHeightZero", "remove", "CLASSES", "MoveTransition", "element", "eventObserver", "EventObserver", "_baseTransition", "BaseTransition", "init", "initialClass", "moveToOrigin", "_moveLeft", "count", "moveClasses", "moveRight", "moveUp", "expandable_exports", "__export", "expandable_default", "BASE_CLASS", "Expandable", "element", "_dom", "checkDom", "_targetDom", "_contentDom", "_labelDom", "_transition", "_flyout", "init", "setInitFlag", "isExpanded", "add", "initialClass", "MaxHeightTransition", "FlyoutMenu", "getLabelText", "eventObserver", "EventObserver", "scope", "instantiateAll", "expandable_group_exports", "__export", "expandable_group_default", "BASE_CLASS", "ExpandableGroup", "element", "_dom", "checkDom", "_isAccordion", "_expandables", "_lastExpanded", "_handleExpandBegin", "evt", "target", "init", "expandables", "setInitFlag", "expandable", "scope", "expandableGroupDom", "instantiateAll", "Expandable", "summary_exports", "__export", "summary_default", "BASE_CLASS", "Summary", "element", "_dom", "checkDom", "_hasMobileModifier", "_contentDom", "_btnDom", "_transition", "_flyout", "_suspended", "init", "setInitFlag", "_pageLoadHandler", "_shouldSuspend", "add", "FlyoutMenu", "MaxHeightTransition", "_triggerClickHandler", "_resizeHandler", "_focusInHandler", "_contentClicked", "evt", "_suspend", "_resume", "viewportIsIn", "MOBILE", "_expandEndHandler", "_hideButton", "_showButton", "eventObserver", "EventObserver", "scope", "instantiateAll", "BASE_CLASS", "SummaryMinimal", "element", "_dom", "checkDom", "_contentDom", "_btnDom", "_transition", "_flyout", "init", "setInitFlag", "add", "_pageLoadHandler", "FlyoutMenu", "MaxHeightTransition", "_focusInHandler", "_contentClicked", "evt", "eventObserver", "EventObserver", "scope", "instantiateAll", "form_exports", "__export", "form_default", "form_alert_exports", "__export", "form_alert_default", "form_field_exports", "__export", "form_field_default", "label_exports", "__export", "label_default", "range_exports", "__export", "range_default", "search_input_exports", "__export", "search_input_default", "select_exports", "__export", "select_default", "tag_exports", "__export", "tag_default", "text_input_exports", "__export", "text_input_default", "UNDEFINED", "stringEscape", "str", "stringMatch", "x", "y", "MultiselectModel", "options", "name", "config", "_options", "_name", "_max", "_optionsData", "_selectedIndices", "_filterIndices", "_lastFilterIndices", "_index", "_getOptionId", "item", "isAtMaxSelections", "_formatOptions", "list", "cleaned", "isChecked", "i", "len", "init", "toggleOption", "index", "currIndex", "_searchAggregator", "aggregate", "value", "filterIndices", "query", "acc", "getOption", "setIndex", "filterCount", "count", "getIndex", "UNDEFINED", "multiselect_model_default", "create", "tag", "parentNode", "options", "elem", "key", "val", "error_default", "closeIcon", "error_default", "BASE_CLASS", "CHECKBOX_INPUT_CLASS", "TEXT_INPUT_CLASS", "DIR_PREV", "DIR_NEXT", "KEY_RETURN", "KEY_SPACE", "KEY_ESCAPE", "KEY_UP", "KEY_DOWN", "KEY_TAB", "DEFAULT_CONFIG", "Multiselect", "element", "_dom", "checkDom", "_isBlurSkipped", "_name", "_placeholder", "_model", "_options", "_config", "_containerDom", "_selectionsDom", "_headerDom", "_searchDom", "_fieldsetDom", "_optionsDom", "_optionItemDoms", "_instance", "_filterMatches", "filteredIndices", "i", "len", "j", "_resetFilter", "_filterNoMatches", "_filterList", "filterIndices", "_evaluate", "value", "matchedIndices", "expand", "collapse", "_highlight", "direction", "index", "filteredIndex", "input", "_resetSearch", "_selectionClickHandler", "event", "target", "_selectionKeyDownHandler", "label", "_getOptionId", "option", "_createSelectedItem", "selectionsDom", "optionId", "selectionsItemDom", "create", "selectionsItemLabelDom", "_updateSelections", "optionIndex", "dataOptionSel", "_selectionsItemDom", "_changeHandler", "_bindEvents", "key", "checked", "evt", "inputs", "labelButtons", "_populateMarkup", "optionsClasses", "isChecked", "optionsItemDom", "init", "multiselectConfig", "setInitFlag", "isMobileUserAgent", "__spreadValues", "multiselect_model_default", "newDom", "getModel", "eventObserver", "EventObserver", "config", "instantiateAll", "icon_exports", "__export", "icon_default", "card_exports", "__export", "card_default", "card_group_exports", "__export", "card_group_default", "email_signup_exports", "__export", "email_signup_default", "featured_content_module_exports", "__export", "featured_content_module_default", "hero_exports", "__export", "hero_default", "layout_exports", "__export", "layout_default", "text_introduction_exports", "__export", "text_introduction_default", "well_exports", "__export", "well_default", "banner_exports", "__export", "banner_default", "notification_exports", "__export", "notification_default", "pagination_exports", "__export", "pagination_default", "table_exports", "__export", "table_default", "date_exports", "__export", "date_default", "link_exports", "__export", "link_default", "list_exports", "__export", "list_default", "meta_header_exports", "__export", "meta_header_default", "pull_quote_exports", "__export", "pull_quote_default", "slug_header_exports", "__export", "slug_header_default", "tagline_exports", "__export", "tagline_default"] } diff --git a/packages/cfpb-design-system/dist/utilities/index.js.map b/packages/cfpb-design-system/dist/utilities/index.js.map index 60d6742a32..1a34006d00 100644 --- a/packages/cfpb-design-system/dist/utilities/index.js.map +++ b/packages/cfpb-design-system/dist/utilities/index.js.map @@ -1,7 +1,7 @@ { "version": 3, "sources": ["../../../../packages/cfpb-design-system/src/utilities/utilities.scss", "../../../../packages/cfpb-design-system/src/abstracts/vars-breakpoints.js", "../../../../packages/cfpb-design-system/src/utilities/breakpoint-state.js", "../../../../packages/cfpb-design-system/src/utilities/standard-type.js", "../../../../packages/cfpb-design-system/src/utilities/event-observer.js", "../../../../packages/cfpb-design-system/src/utilities/data-hook.js", "../../../../packages/cfpb-design-system/src/utilities/atomic-helpers.js", "../../../../packages/cfpb-design-system/src/base/normalize.scss", "../../../../packages/cfpb-design-system/src/base/base.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-group.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-link.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-with-icon.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-expandables/expandable.js", "../../../../packages/cfpb-design-system/src/components/cfpb-expandables/expandable-group.js", "../../../../packages/cfpb-design-system/src/components/cfpb-expandables/summary.js", "../../../../packages/cfpb-design-system/src/components/cfpb-expandables/summary-minimal.js", "../../../../packages/cfpb-design-system/src/components/cfpb-forms/form.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-forms/form-alert.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-forms/form-field.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-forms/label.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-forms/range.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-forms/search-input.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-forms/select.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-forms/tag.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-forms/text-input.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-forms/multiselect-model.js", "../../../../packages/cfpb-design-system/src/components/cfpb-forms/multiselect-utils.js", "../../../../packages/cfpb-design-system/src/components/cfpb-icons/icons/error.svg", "../../../../packages/cfpb-design-system/src/components/cfpb-forms/multiselect.js", "../../../../packages/cfpb-design-system/src/components/cfpb-icons/icon.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-layout/card.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-layout/card-group.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-layout/email-signup.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-layout/featured-content-module.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-layout/hero.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-layout/layout.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-layout/text-introduction.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-layout/well.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-notifications/banner.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-notifications/notification.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-pagination/pagination.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-tables/table.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-typography/date.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-typography/link.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-typography/list.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-typography/meta-header.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-typography/pull-quote.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-typography/slug-header.scss", "../../../../packages/cfpb-design-system/src/components/cfpb-typography/tagline.scss", "../../../../packages/cfpb-design-system/src/utilities/behavior/behavior.js", "../../../../packages/cfpb-design-system/src/utilities/type-checkers.js", "../../../../packages/cfpb-design-system/src/utilities/media-helpers.js", "../../../../packages/cfpb-design-system/src/utilities/behavior/flyout-menu.js", "../../../../packages/cfpb-design-system/src/utilities/transition/alpha-transition.js", "../../../../packages/cfpb-design-system/src/utilities/transition/base-transition.js", "../../../../packages/cfpb-design-system/src/utilities/transition/max-height-transition.js", "../../../../packages/cfpb-design-system/src/utilities/transition/move-transition.js"], - "sourcesContent": ["/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}", "/* ==========================================================================\n Design System\n Breakpoint JavaScript variables.\n All values are pixel based.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.scss as well.\n ========================================================================== */\n\nexport const varsBreakpoints = {\n bpXS: {\n min: 0,\n max: 600,\n },\n bpSM: {\n min: 601,\n max: 900,\n },\n bpMED: {\n min: 901,\n max: 1020,\n },\n bpLG: {\n min: 1021,\n max: 1200,\n },\n bpXL: {\n min: 1201,\n },\n};\n", "/* ==========================================================================\n Get Breakpoint State\n ========================================================================== */\n\nimport { varsBreakpoints } from '../abstracts/vars-breakpoints.js';\n\n/**\n * @returns {number} The base font size set on the body element.\n */\nfunction _getBodyBaseFontSize() {\n let fontSize = getComputedStyle(document.body).fontSize;\n fontSize = fontSize === '' ? -1 : fontSize;\n return parseFloat(fontSize);\n}\n\n/**\n * @param {object} breakpointRange - Object containing breakpoint constants.\n * For example, for `bpXS` the value `{ min: 0, max: 600 }` would be passed.\n * @param {number} width - Current window width.\n * @returns {boolean} Whether the passed width is within a breakpoint range.\n */\nfunction _inBreakpointRange(breakpointRange, width) {\n let breakpointRangeMin = breakpointRange.min;\n let breakpointRangeMax = breakpointRange.max;\n\n // Whether the user has set a custom size for the font in their browser.\n const useEmsConversation =\n _getBodyBaseFontSize() > 0 && _getBodyBaseFontSize() !== 16;\n if (useEmsConversation) {\n /* 16 = base font size without adjustments.\n The CSS converts breakpoints to ems, which then change the width of the\n pixel width of the breakpoint. In JavaScript, the breakpoints are defined\n in pixels, so we first convert them to ems using the 16px base font size\n and then multiply them by any adjustments set by customizations of the\n font size in the user's browser. */\n breakpointRangeMin = (breakpointRangeMin / 16) * _getBodyBaseFontSize();\n breakpointRangeMax = (breakpointRangeMax / 16) * _getBodyBaseFontSize();\n }\n\n const min = breakpointRangeMin || 0;\n const max = breakpointRangeMax || Number.POSITIVE_INFINITY;\n\n return min <= width && width <= max;\n}\n\n/**\n * @param {number} width - Current window width.\n * @returns {object} An object literal with boolean\n * bpXS, bpSM, bpMED, bpLG, bpXL properties.\n */\nfunction getBreakpointState(width) {\n const breakpointState = {};\n width = width || window.innerWidth;\n\n let rangeKey;\n // eslint-disable-next-line guard-for-in\n for (rangeKey in varsBreakpoints) {\n breakpointState[rangeKey] = _inBreakpointRange(\n varsBreakpoints[rangeKey],\n width,\n );\n }\n\n return breakpointState;\n}\n\n// Constants for breakpoint groupings.\nconst MOBILE = 'mobile';\nconst TABLET = 'tablet';\nconst DESKTOP = 'desktop';\n\n/**\n * Checks whether the current breakpoint is in a particular breakpoint group.\n * @param {string} breakpointGroup - Breakpoint group names.\n * @returns {boolean} True if in the breakpoint group, otherwise false.\n */\nfunction viewportIsIn(breakpointGroup) {\n let response = false;\n const currentBreakpoint = getBreakpointState();\n\n if (\n (breakpointGroup === MOBILE && currentBreakpoint.bpXS) ||\n (breakpointGroup === TABLET && currentBreakpoint.bpSM) ||\n (breakpointGroup === DESKTOP &&\n (currentBreakpoint.bpMED ||\n currentBreakpoint.bpLG ||\n currentBreakpoint.bpXL))\n ) {\n response = true;\n }\n\n return response;\n}\n\n// Expose public methods.\nexport { MOBILE, TABLET, DESKTOP, getBreakpointState, viewportIsIn };\n", "/**\n * @constant\n * @type {string}\n * @description\n * Constant for the name of the data-* attribute set on\n * HTML DOM elements for access by JavaScript.\n */\nconst JS_HOOK = 'data-js-hook';\n\n/**\n * @constant\n * @type {string}\n * @description\n * Flag prefix for settings that describe what JavaScript\n * behaviors should be attached to a component.\n * This would be set in the markup and initialized when\n * the JavaScript loads.\n * @example\n * A component may flag that it has certain JavaScript behaviors attached,\n * such as:\n * `data-js-hook=\"behavior_flyout-menu behavior_clearable-input\"`,\n * which defines that two scripts (FlyoutMenu) and (ClearableInput)\n * should access this DOM element and initialize its behaviors.\n */\nconst BEHAVIOR_PREFIX = 'behavior_';\n\n/**\n * @constant\n * @type {string}\n * @description\n * Flag prefix for settings related to changes in a components\n * state set in the data-* JavaScript hook.\n * @example\n * A component may flag that it has been initialized by setting\n * `data-js-hook=\"state_atomic_init\"` after page load.\n * Which specifies that the init method of a atomic constructor\n * has been called, such as\n * `var globalSearch = new GlobalSearch( 'm-global-search' ).init()`.\n */\nconst STATE_PREFIX = 'state_';\n\nexport { JS_HOOK, BEHAVIOR_PREFIX, STATE_PREFIX };\n", "/**\n * EventObserver\n * @class\n * @classdesc Used to create an object\n * that can dispatch and listen to custom events.\n * @returns {object} An EventObserver instance.\n */\nfunction EventObserver() {\n // The events registered on this instance.\n const _events = {};\n\n /**\n * Register an event listener.\n * @param {string} event - The event name to listen for.\n * @param {Function} callback - The function called when the event has fired.\n * @returns {object} The instance this EventObserver instance is decorating.\n */\n function addEventListener(event, callback) {\n if ({}.hasOwnProperty.call(_events, event)) {\n _events[event].push(callback);\n } else {\n _events[event] = [callback];\n }\n\n return this;\n }\n\n /**\n * Remove an added event listener.\n * Must match a call made to addEventListener.\n * @param {string} event - The event name to remove.\n * @param {Function} callback - The function attached to the event.\n * @returns {object} The instance this EventObserver instance is decorating.\n */\n function removeEventListener(event, callback) {\n if (!{}.hasOwnProperty.call(_events, event)) {\n return this;\n }\n\n const index = _events[event].indexOf(callback);\n // Check if there are any callbacks associated with a particular event.\n if (index !== -1) {\n _events[event].splice(index, 1);\n }\n\n return this;\n }\n\n /**\n * Broadcast an event.\n * @param {string} event - The type of event to broadcast.\n * @param {object} options - The event object to pass to the event handler.\n * @returns {object} The instance this EventObserver instance is decorating.\n */\n function dispatchEvent(event, options) {\n if (!{}.hasOwnProperty.call(_events, event)) {\n return this;\n }\n\n options = options || {};\n\n const evts = _events[event];\n for (let i = 0, len = evts.length; i < len; i++) {\n evts[i].call(this, options);\n }\n\n return this;\n }\n\n this.addEventListener = addEventListener;\n this.removeEventListener = removeEventListener;\n this.dispatchEvent = dispatchEvent;\n this.getRegisteredEvents = () => _events;\n\n return this;\n}\n\nexport { EventObserver };\n", "import { JS_HOOK } from './standard-type.js';\n\n/**\n * @param {HTMLElement} element - DOM element.\n * @param {string} value - Value to check as existing as a JS data-* hook value.\n * @returns {boolean} True if the data-* hook value exists, false otherwise.\n */\nfunction contains(element, value) {\n if (!element) {\n return false;\n }\n let values = element.getAttribute(JS_HOOK);\n // If JS data-* hook is not set return immediately.\n if (!values) {\n return false;\n }\n values = values.split(' ');\n\n return values.indexOf(value) > -1 ? true : false;\n}\n\n/**\n * @param {HTMLElement} element - DOM element.\n * @param {string} value - Value to add to the element's JS data-* hook.\n * @returns {string} The value that was added.\n * @throws {Error} If supplied value contains a space,\n * meaning it would be two values, which is likely a typo.\n */\nfunction add(element, value) {\n if (contains(element, value)) return value;\n\n if (value.indexOf(' ') !== -1) {\n const msg = JS_HOOK + ' values cannot contain spaces!';\n throw new Error(msg);\n }\n\n const values = element.getAttribute(JS_HOOK);\n if (values !== null) {\n value = values + ' ' + value;\n }\n element.setAttribute(JS_HOOK, value);\n\n return value;\n}\n\nexport { add, contains };\n", "/* ==========================================================================\n Atomic Helpers.\n Utilities for helping validate atomic design element architecture.\n In descending order of scope, atomic components are:\n - Page\n - Template\n - Organism\n - Molecule\n - Atom\n ========================================================================= */\n\nimport { add, contains } from './data-hook.js';\nimport { STATE_PREFIX } from './standard-type.js';\n\n/**\n * @constant\n * @type {string}\n * @description\n * Flag that gets set on an atomic component after its .init()\n * method has been called. This is used so that an atomic\n * component won't get initialized a second time after it\n * has already been initialized.\n */\nconst INIT_FLAG = STATE_PREFIX + 'atomic_init';\n\n/**\n * @param {HTMLElement} element - The DOM element within which to search for\n * the atomic element class.\n * @param {string} baseClass - The CSS class name for the atomic element.\n * @returns {HTMLElement} The DOM element for the atomic element.\n * @throws {Error} If DOM element passed into the atomic element is not valid.\n */\nfunction _verifyElementExists(element, baseClass) {\n if (!element || !element.classList) {\n const msg =\n element +\n ' is not valid. ' +\n 'Check that element is a DOM node with class \"' +\n baseClass +\n '\"';\n throw new Error(msg);\n }\n\n return element;\n}\n\n/**\n * @param {HTMLElement} element - The DOM element within which to search\n * for the atomic element class.\n * @param {string} baseClass - The CSS class name for the atomic element.\n * @returns {HTMLElement} The DOM element for the atomic element.\n * @throws {Error} If baseClass was not found on the element.\n */\nfunction _verifyClassExists(element, baseClass) {\n const dom = element.classList.contains(baseClass)\n ? element\n : element.querySelector('.' + baseClass);\n if (!dom) {\n const msg = baseClass + ' not found on or in passed DOM node.';\n throw new Error(msg);\n }\n\n return dom;\n}\n\n/**\n * Check that a particular element passed into the constructor of\n * an atomic component exists and that the correct atomic class\n * is present on the element.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the atomic element class.\n * @param {string} baseClass - The CSS class name for the atomic element.\n * @returns {HTMLElement} The DOM element for the atomic element.\n * @throws {Error} If DOM element passed into the atomic element is not valid.\n */\nfunction checkDom(element, baseClass) {\n _verifyElementExists(element, baseClass);\n const dom = _verifyClassExists(element, baseClass);\n\n return dom;\n}\n\n/**\n * Set a flag on an atomic component when it is initialized.\n * Use the returned boolean to handle cases where an atomic component\n * is initializing when it has already been initialized elsewhere.\n * @param {HTMLElement} element - The DOM element for the atomic component.\n * @returns {boolean} True if the init data-js-* hook attribute was set,\n * false otherwise.\n */\nfunction setInitFlag(element) {\n if (contains(element, INIT_FLAG)) {\n return false;\n }\n\n add(element, INIT_FLAG);\n\n return true;\n}\n\n/**\n * @param {string} selector - Selector to search for in the document.\n * @param {Function} Constructor - A constructor function.\n * @param {HTMLElement} [scope] - A dom node in which to query the selector.\n * If not supplied, it defaults to the `document`.\n * @param {object} config - Configuration will be provided to the Constructor's init()\n * @returns {Array} List of instances that were instantiated.\n */\nfunction instantiateAll(selector, Constructor, scope, config = {}) {\n const base = scope || document;\n const elements = base.querySelectorAll(selector);\n const insts = [];\n let inst;\n let element;\n for (let i = 0, len = elements.length; i < len; i++) {\n element = elements[i];\n if (contains(element, INIT_FLAG) === false) {\n inst = new Constructor(element);\n inst.init(config);\n insts.push(inst);\n }\n }\n return insts;\n}\n\n// Expose public methods.\nexport { checkDom, instantiateAll, setInitFlag };\n", "@charset \"UTF-8\";\n/*! normalize.css v2.1.3 | MIT License | git.io/normalize */\n/* ==========================================================================\n Base\n ========================================================================== */\n/**\n * 1. Set default font family to sans-serif.\n * 2. Prevent iOS text size adjust after orientation change, without disabling\n * user zoom.\n */\nhtml {\n font-family: sans-serif; /* 1 */\n -webkit-text-size-adjust: 100%;\n text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove default margin.\n */\nbody {\n margin: 0;\n}\n\n/* ==========================================================================\n Links\n ========================================================================== */\n/**\n * Address `outline` inconsistency between Chrome and other browsers.\n */\na:focus {\n outline: thin dotted;\n}\n\n/**\n * Improve readability when focused and also mouse hovered in all browsers.\n */\na:active,\na:hover {\n outline: 0;\n}\n\n/* ==========================================================================\n Typography\n ========================================================================== */\n/**\n * Address variable `h1` font-size and margin within `section` and `article`\n * contexts in Firefox 4+, Safari 5, and Chrome.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n box-sizing: content-box;\n height: 0;\n}\n\n/**\n * Correct font family set oddly in Safari 5 and Chrome.\n */\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, serif;\n font-size: 1em;\n}\n\n/**\n * Improve readability of pre-formatted text in all browsers.\n */\npre {\n white-space: pre-wrap;\n}\n\n/**\n * Set consistent quote types.\n */\nq {\n quotes: \"\u201C\" \"\u201D\" \"\u2018\" \"\u2019\";\n}\n\n/**\n * Address inconsistent and variable font size in all browsers.\n */\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -0.5em;\n}\n\nsub {\n bottom: -0.25em;\n}\n\n/* ==========================================================================\n Figures\n ========================================================================== */\n/**\n * Address margin not present in IE 8/9 and Safari 5.\n */\nfigure {\n margin: 0;\n}\n\n/* ==========================================================================\n Forms\n ========================================================================== */\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n\n/**\n * 1. Correct `color` not being inherited in IE 8/9.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n border: 0; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * 1. Correct font family not being inherited in all browsers.\n * 2. Correct font size not being inherited in all browsers.\n * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.\n */\nbutton,\ninput,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 2 */\n margin: 0; /* 3 */\n}\n\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.\n */\nbutton,\ninput {\n line-height: normal;\n}\n\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.\n * Correct `select` style inheritance in Firefox 4+ and Opera.\n */\nbutton,\nselect {\n text-transform: none;\n}\n\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n * and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type\n * `input` and others.\n */\nbutton,\nhtml input[type=button],\ninput[type=reset],\ninput[type=submit] {\n appearance: button; /* 2 */\n cursor: pointer; /* 3 */\n}\n\n/**\n * Re-set default cursor for disabled elements.\n */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n\n/**\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type=checkbox],\ninput[type=radio] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome.\n */\ninput[type=search] {\n appearance: textfield; /* 1 */\n box-sizing: content-box; /* 2 */\n}\n\n/**\n * Remove inner padding and search cancel button in Safari 5 and Chrome\n * on OS X.\n */\ninput[type=search]::-webkit-search-cancel-button,\ninput[type=search]::-webkit-search-decoration {\n appearance: none;\n}\n\n/**\n * Remove inner padding and border in Firefox 4+.\n */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n/**\n * 1. Remove default vertical scrollbar in IE 8/9.\n * 2. Improve readability and alignment in all browsers.\n */\ntextarea {\n overflow: auto; /* 1 */\n vertical-align: top; /* 2 */\n}\n\n/* ==========================================================================\n Tables\n ========================================================================== */\n/**\n * Remove most spacing between table cells.\n */\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\nbody {\n color: var(--black);\n font-family: var(--font-stack);\n font-size: 100%;\n line-height: 1.375;\n -webkit-font-smoothing: antialiased;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n font-family: var(--font-stack);\n}\n\nstrong,\nb {\n font-weight: 600;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n}\n\nh1,\n.h1 {\n font-size: 2.125em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.4411764706em;\n}\np + h1, ul + h1, ol + h1, dl + h1, figure + h1, img + h1, table + h1, blockquote + h1,\np + .h1,\nul + .h1,\nol + .h1,\ndl + .h1,\nfigure + .h1,\nimg + .h1,\ntable + .h1,\nblockquote + .h1 {\n margin-top: 1.7647058824em;\n}\n@media only all and (max-width: 37.5em) {\n p + h1, ul + h1, ol + h1, dl + h1, figure + h1, img + h1, table + h1, blockquote + h1,\n p + .h1,\n ul + .h1,\n ol + .h1,\n dl + .h1,\n figure + .h1,\n img + .h1,\n table + .h1,\n blockquote + .h1 {\n margin-top: 1.7307692308em;\n }\n h2 + h1, .h2 + h1, h3 + h1, .h3 + h1, h4 + h1, .h4 + h1, h5 + h1, .h5 + h1, h6 + h1, .h6 + h1,\n h2 + .h1,\n .h2 + .h1,\n h3 + .h1,\n .h3 + .h1,\n h4 + .h1,\n .h4 + .h1,\n h5 + .h1,\n .h5 + .h1,\n h6 + .h1,\n .h6 + .h1 {\n margin-top: 1.1538461538em;\n }\n}\n@media only all and (max-width: 37.5em) {\n h1,\n .h1 {\n font-size: 1.625em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n }\n p + h1, ul + h1, ol + h1, dl + h1, figure + h1, img + h1, table + h1, blockquote + h1,\n p + .h1,\n ul + .h1,\n ol + .h1,\n dl + .h1,\n figure + .h1,\n img + .h1,\n table + .h1,\n blockquote + .h1 {\n margin-top: 1.7307692308em;\n }\n h1 + h1, .h1 + h1, h3 + h1, .h3 + h1, h4 + h1, .h4 + h1, h5 + h1, .h5 + h1, h6 + h1, .h6 + h1,\n h1 + .h1,\n .h1 + .h1,\n h3 + .h1,\n .h3 + .h1,\n h4 + .h1,\n .h4 + .h1,\n h5 + .h1,\n .h5 + .h1,\n h6 + .h1,\n .h6 + .h1 {\n margin-top: 1.1538461538em;\n }\n}\n\nh2,\n.h2 {\n font-size: 1.625em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n}\np + h2, ul + h2, ol + h2, dl + h2, figure + h2, img + h2, table + h2, blockquote + h2,\np + .h2,\nul + .h2,\nol + .h2,\ndl + .h2,\nfigure + .h2,\nimg + .h2,\ntable + .h2,\nblockquote + .h2 {\n margin-top: 1.7307692308em;\n}\nh1 + h2, .h1 + h2, h3 + h2, .h3 + h2, h4 + h2, .h4 + h2, h5 + h2, .h5 + h2, h6 + h2, .h6 + h2,\nh1 + .h2,\n.h1 + .h2,\nh3 + .h2,\n.h3 + .h2,\nh4 + .h2,\n.h4 + .h2,\nh5 + .h2,\n.h5 + .h2,\nh6 + .h2,\n.h6 + .h2 {\n margin-top: 1.1538461538em;\n}\n@media only all and (max-width: 37.5em) {\n p + h2, ul + h2, ol + h2, dl + h2, figure + h2, img + h2, table + h2, blockquote + h2,\n p + .h2,\n ul + .h2,\n ol + .h2,\n dl + .h2,\n figure + .h2,\n img + .h2,\n table + .h2,\n blockquote + .h2 {\n margin-top: 1.3636363636em;\n }\n}\n@media only all and (max-width: 37.5em) {\n h2,\n .h2 {\n font-size: 1.375em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n }\n p + h2, ul + h2, ol + h2, dl + h2, figure + h2, img + h2, table + h2, blockquote + h2, h1 + h2, .h1 + h2, h2 + h2, .h2 + h2, h4 + h2, .h4 + h2, h5 + h2, .h5 + h2, h6 + h2, .h6 + h2,\n p + .h2,\n ul + .h2,\n ol + .h2,\n dl + .h2,\n figure + .h2,\n img + .h2,\n table + .h2,\n blockquote + .h2,\n h1 + .h2,\n .h1 + .h2,\n h2 + .h2,\n .h2 + .h2,\n h4 + .h2,\n .h4 + .h2,\n h5 + .h2,\n .h5 + .h2,\n h6 + .h2,\n .h6 + .h2 {\n margin-top: 1.3636363636em;\n }\n}\n\nh3,\n.h3 {\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n}\np + h3, ul + h3, ol + h3, dl + h3, figure + h3, img + h3, table + h3, blockquote + h3, h1 + h3, .h1 + h3, h2 + h3, .h2 + h3, h4 + h3, .h4 + h3, h5 + h3, .h5 + h3, h6 + h3, .h6 + h3,\np + .h3,\nul + .h3,\nol + .h3,\ndl + .h3,\nfigure + .h3,\nimg + .h3,\ntable + .h3,\nblockquote + .h3,\nh1 + .h3,\n.h1 + .h3,\nh2 + .h3,\n.h2 + .h3,\nh4 + .h3,\n.h4 + .h3,\nh5 + .h3,\n.h5 + .h3,\nh6 + .h3,\n.h6 + .h3 {\n margin-top: 1.3636363636em;\n}\n@media only all and (max-width: 37.5em) {\n h3,\n .h3 {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.8333333333em;\n }\n p + h3, ul + h3, ol + h3, dl + h3, figure + h3, img + h3, table + h3, blockquote + h3, h1 + h3, .h1 + h3, h2 + h3, .h2 + h3, h3 + h3, .h3 + h3, h5 + h3, .h5 + h3, h6 + h3, .h6 + h3,\n p + .h3,\n ul + .h3,\n ol + .h3,\n dl + .h3,\n figure + .h3,\n img + .h3,\n table + .h3,\n blockquote + .h3,\n h1 + .h3,\n .h1 + .h3,\n h2 + .h3,\n .h2 + .h3,\n h3 + .h3,\n .h3 + .h3,\n h5 + .h3,\n .h5 + .h3,\n h6 + .h3,\n .h6 + .h3 {\n margin-top: 1.6666666667em;\n }\n}\n\nh4,\n.h4 {\n font-size: 1.125em;\n font-weight: 500;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.8333333333em;\n}\np + h4, ul + h4, ol + h4, dl + h4, figure + h4, img + h4, table + h4, blockquote + h4, h1 + h4, .h1 + h4, h2 + h4, .h2 + h4, h3 + h4, .h3 + h4, h5 + h4, .h5 + h4, h6 + h4, .h6 + h4,\np + .h4,\nul + .h4,\nol + .h4,\ndl + .h4,\nfigure + .h4,\nimg + .h4,\ntable + .h4,\nblockquote + .h4,\nh1 + .h4,\n.h1 + .h4,\nh2 + .h4,\n.h2 + .h4,\nh3 + .h4,\n.h3 + .h4,\nh5 + .h4,\n.h5 + .h4,\nh6 + .h4,\n.h6 + .h4 {\n margin-top: 1.6666666667em;\n}\n@media only all and (max-width: 37.5em) {\n h4,\n .h4 {\n margin-bottom: 0.625em;\n font-size: 1em;\n line-height: 1.125;\n }\n}\n\nh5,\n.h5 {\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.0714285714em;\n}\np + h5, ul + h5, ol + h5, dl + h5, figure + h5, img + h5, table + h5, blockquote + h5, h1 + h5, .h1 + h5, h2 + h5, .h2 + h5, h3 + h5, .h3 + h5, h4 + h5, .h4 + h5, h6 + h5, .h6 + h5,\np + .h5,\nul + .h5,\nol + .h5,\ndl + .h5,\nfigure + .h5,\nimg + .h5,\ntable + .h5,\nblockquote + .h5,\nh1 + .h5,\n.h1 + .h5,\nh2 + .h5,\n.h2 + .h5,\nh3 + .h5,\n.h3 + .h5,\nh4 + .h5,\n.h4 + .h5,\nh6 + .h5,\n.h6 + .h5 {\n margin-top: 2.1428571429em;\n}\n\nh6,\n.h6 {\n font-size: 0.75em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.25em;\n}\np + h6, ul + h6, ol + h6, dl + h6, figure + h6, img + h6, table + h6, blockquote + h6, h1 + h6, .h1 + h6, h2 + h6, .h2 + h6, h3 + h6, .h3 + h6, h4 + h6, .h4 + h6, h5 + h6, .h5 + h6,\np + .h6,\nul + .h6,\nol + .h6,\ndl + .h6,\nfigure + .h6,\nimg + .h6,\ntable + .h6,\nblockquote + .h6,\nh1 + .h6,\n.h1 + .h6,\nh2 + .h6,\n.h2 + .h6,\nh3 + .h6,\n.h3 + .h6,\nh4 + .h6,\n.h4 + .h6,\nh5 + .h6,\n.h5 + .h6 {\n margin-top: 2.5em;\n}\n\n.lead-paragraph {\n margin-top: 0;\n margin-bottom: 15px;\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n@media only all and (max-width: 37.5em) {\n .lead-paragraph {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n }\n}\n\n.superheading {\n margin-bottom: 0.4166666667em;\n font-size: 3em;\n font-weight: normal;\n line-height: 1.25;\n}\n\np,\nul,\nol,\ndl,\nfigure,\ntable,\nblockquote {\n margin-top: 0;\n margin-bottom: 0.9375em;\n}\np:last-child,\nul:last-child,\nol:last-child,\ndl:last-child,\nfigure:last-child,\ntable:last-child,\nblockquote:last-child {\n margin-bottom: 0;\n}\n\np + ul,\np + ol {\n margin-top: -0.3125em;\n}\n\nul ul,\nol ol,\nul ol,\nol ul {\n margin-top: 0.5em;\n}\n\nli {\n margin-bottom: 0.5em;\n}\nli:last-child, nav li {\n margin-bottom: 0;\n}\n\na {\n border-width: 0;\n border-style: dotted;\n border-color: var(--pacific);\n color: var(--pacific);\n text-decoration: none;\n}\na:visited, a.visited {\n border-color: var(--teal);\n color: var(--teal);\n}\na:hover, a.hover {\n border-style: solid;\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\na:focus, a.focus {\n border-style: solid;\n outline: thin dotted;\n outline-offset: 1px;\n}\na:active, a.active {\n border-style: solid;\n border-color: var(--navy);\n color: var(--navy);\n}\n\np a,\nli a,\ndd a {\n border-bottom-width: 1px;\n}\n\nnav a {\n border-bottom-width: 0;\n}\n\nul {\n padding-left: 1.125em;\n list-style: square;\n}\n\nul ul {\n list-style-type: circle;\n}\n\nol {\n padding-left: 1.3125em;\n}\nol li:nth-last-child(n+10),\nol li:nth-last-child(n+10) ~ li {\n margin-left: 0.5625rem;\n}\n\nol ol {\n list-style-type: lower-alpha;\n}\nol ol li {\n margin-left: 0 !important;\n}\n\nol ol ol {\n list-style-type: lower-roman;\n}\n\nnav ul,\nnav ol,\nnav ul ul,\nnav ol ol {\n list-style: none;\n list-style-image: none;\n}\n\ncaption {\n margin-bottom: 0.625em;\n text-align: left;\n}\n\nth,\ntd {\n padding: 0.625em;\n}\nthead th,\nthead td {\n padding: 0.7142857143em;\n background: var(--gray-5);\n color: var(--black);\n font-size: 1em;\n vertical-align: top;\n}\n\nthead,\ntbody tr {\n border-bottom: 1px solid var(--gray);\n}\n\nth {\n font-weight: 600;\n text-align: left;\n}\nthead th h2,\nthead th .h2,\nthead th h3,\nthead th .h3,\nthead th h4,\nthead th .h4,\nthead th h5,\nthead th .h5,\nthead th h6,\nthead th .h6 {\n margin: 0;\n font-size: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n text-transform: inherit;\n}\n\nblockquote {\n margin-right: 0.9375em;\n margin-left: 0.9375em;\n}\n@media only all and (min-width: 37.5625em) {\n blockquote {\n margin-right: 1.875em;\n margin-left: 1.875em;\n }\n}\n\nimg {\n max-width: 100%;\n}\n\nfigure {\n margin-right: 0;\n margin-left: 0;\n}\nfigure img {\n vertical-align: middle;\n}\n\npre,\ncode {\n background: var(--gray-5);\n border-radius: 4px;\n color: var(--black);\n font-family: \"Input Mono\", Consolas, Monaco, \"Courier New\", monospace;\n}\n\ncode {\n padding: 0.2307692308em 0.2307692308em 0;\n font-size: 0.8125em;\n}\n\npre {\n display: block;\n padding: 0.625em 0.9375em;\n white-space: pre-wrap;\n overflow-wrap: break-word;\n}\npre code {\n padding: 0;\n background-color: transparent;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\nbutton.a-btn::-moz-focus-inner,\ninput.a-btn::-moz-focus-inner {\n border: 0;\n}\n\n.a-btn {\n appearance: none;\n display: inline-block;\n box-sizing: border-box;\n padding: 0.5em 0.875em;\n border: 0;\n margin: 0;\n border-radius: 0.25em;\n cursor: pointer;\n font-size: 1em;\n font-weight: 500;\n line-height: normal;\n text-align: center;\n text-decoration: none;\n transition: background-color 0.1s;\n}\n.a-btn, .a-btn:link, .a-btn:visited {\n background-color: var(--pacific);\n color: var(--white);\n}\n.a-btn:hover, .a-btn.hover, .a-btn:focus, .a-btn.focus {\n background-color: var(--pacific-dark);\n}\n.a-btn:focus, .a-btn.focus {\n outline: 1px dotted var(--pacific);\n outline-offset: 1px;\n}\n.a-btn:active, .a-btn.active {\n background-color: var(--navy);\n}\n.a-btn--secondary, .a-btn--secondary:link, .a-btn--secondary:visited {\n background-color: var(--gray);\n color: var(--white);\n}\n.a-btn--secondary:hover, .a-btn--secondary.hover, .a-btn--secondary:focus, .a-btn--secondary.focus {\n background-color: var(--gray-dark);\n}\n.a-btn--secondary:focus, .a-btn--secondary.focus {\n outline-color: var(--gray);\n}\n.a-btn--secondary:active, .a-btn--secondary.active {\n background-color: var(--black);\n}\n.a-btn--warning, .a-btn--warning:link, .a-btn--warning:visited {\n background-color: var(--red-mid-dark);\n color: var(--white);\n}\n.a-btn--warning:hover, .a-btn--warning.hover, .a-btn--warning:focus, .a-btn--warning.focus {\n background-color: var(--red-dark);\n}\n.a-btn--warning:focus, .a-btn--warning.focus {\n outline-color: var(--red-mid-dark);\n}\n.a-btn--warning:active, .a-btn--warning.active {\n background-color: var(--gray-dark);\n}\n.a-btn--disabled, .a-btn--disabled:link, .a-btn--disabled:visited, .a-btn--disabled:hover, .a-btn--disabled.hover, .a-btn--disabled:focus, .a-btn--disabled.focus, .a-btn--disabled:active, .a-btn--disabled.active, .a-btn[disabled], .a-btn[disabled]:link, .a-btn[disabled]:visited, .a-btn[disabled]:hover, .a-btn[disabled].hover, .a-btn[disabled]:focus, .a-btn[disabled].focus, .a-btn[disabled]:active, .a-btn[disabled].active {\n background-color: var(--gray-20);\n color: var(--gray-dark);\n cursor: default;\n cursor: not-allowed;\n}\n.a-btn--disabled:focus, .a-btn--disabled.focus, .a-btn[disabled]:focus, .a-btn[disabled].focus {\n outline-color: var(--gray-20);\n}\n@media only all and (max-width: 37.5em) {\n .a-btn--full-on-xs {\n display: block;\n width: 100%;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-btn-group {\n display: flex;\n gap: 0.625rem;\n flex-wrap: wrap;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\n.a-btn--link {\n padding: 0;\n padding-bottom: 1.5px;\n border-radius: 0;\n text-decoration-line: underline;\n text-decoration-thickness: 1px;\n text-decoration-style: dotted;\n text-underline-offset: 4.5px;\n}\n.a-btn--link, .a-btn--link:link, .a-btn--link:visited {\n text-decoration-color: var(--pacific);\n background-color: transparent;\n color: var(--pacific);\n}\n.a-btn--link:hover, .a-btn--link.hover {\n text-decoration-color: var(--pacific-dark);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--pacific-dark);\n}\n.a-btn--link:focus, .a-btn--link.focus {\n text-decoration-style: solid;\n background-color: transparent;\n outline: 1px dotted var(--pacific);\n}\n.a-btn--link:active, .a-btn--link.active {\n text-decoration-color: var(--navy);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--navy);\n}\n.a-btn--link.a-btn--secondary, .a-btn--link.a-btn--secondary:link, .a-btn--link.a-btn--secondary:visited {\n text-decoration-color: var(--gray);\n background-color: transparent;\n color: var(--gray);\n}\n.a-btn--link.a-btn--secondary:hover, .a-btn--link.a-btn--secondary.hover {\n text-decoration-color: var(--gray-dark);\n color: var(--gray-dark);\n}\n.a-btn--link.a-btn--secondary:focus, .a-btn--link.a-btn--secondary.focus {\n outline-color: var(--gray);\n}\n.a-btn--link.a-btn--secondary:active, .a-btn--link.a-btn--secondary.active {\n text-decoration-color: var(--black);\n color: var(--black);\n}\n.a-btn--link.a-btn--warning, .a-btn--link.a-btn--warning:link, .a-btn--link.a-btn--warning:visited {\n text-decoration-color: var(--red-mid-dark);\n background-color: transparent;\n color: var(--red-mid-dark);\n}\n.a-btn--link.a-btn--warning:hover, .a-btn--link.a-btn--warning.hover {\n text-decoration-color: var(--red-dark);\n color: var(--red-dark);\n}\n.a-btn--link.a-btn--warning:focus, .a-btn--link.a-btn--warning.focus {\n outline-color: var(--red-mid-dark);\n}\n.a-btn--link.a-btn--warning:active, .a-btn--link.a-btn--warning.active {\n text-decoration-color: var(--gray-dark);\n color: var(--gray-dark);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\n.a-btn__icon--on-left {\n padding-right: 0.6875em;\n border-right: 1px solid var(--pacific-60);\n margin-right: 0.4375em;\n}\n\n.a-btn__icon--on-right {\n padding-left: 0.6875em;\n border-left: 1px solid var(--pacific-60);\n margin-left: 0.4375em;\n}\n\n.a-btn--secondary .a-btn__icon {\n border-color: var(--gray-40);\n}\n.a-btn--warning .a-btn__icon {\n border-color: var(--red-60);\n}\n.a-btn--disabled .a-btn__icon, .a-btn[disabled] .a-btn__icon {\n border-color: var(--gray-60);\n}", "/* ==========================================================================\n Expandable Organism\n ========================================================================== */\n\nimport {\n add as addDataHook,\n checkDom,\n setInitFlag,\n instantiateAll,\n MaxHeightTransition,\n EventObserver,\n FlyoutMenu,\n} from '../../utilities';\n\nimport * as ExpandableStyles from './expandable.scss';\n\nconst BASE_CLASS = 'o-expandable';\n\n/**\n * Expandable\n * @class\n * @classdesc Initializes a new Expandable molecule.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the molecule.\n * @returns {Expandable} An instance.\n */\nfunction Expandable(element) {\n // Internal vars.\n const _dom = checkDom(element, BASE_CLASS);\n let _targetDom;\n let _contentDom;\n let _labelDom;\n\n // Animation vars.\n let _transition;\n let _flyout;\n\n /**\n * Set up and create the multiselect.\n * @returns {Expandable} An instance.\n */\n function init() {\n if (!setInitFlag(_dom)) {\n return this;\n }\n\n _targetDom = _dom.querySelector(`.${BASE_CLASS}__header`);\n _contentDom = _dom.querySelector(`.${BASE_CLASS}__content`);\n _labelDom = _dom.querySelector(`.${BASE_CLASS}__label`);\n\n const isExpanded = _dom.classList.contains(`${BASE_CLASS}--onload-open`);\n\n // Add behavior hooks.\n addDataHook(_dom, 'behavior_flyout-menu');\n addDataHook(_targetDom, 'behavior_flyout-menu_trigger');\n addDataHook(_contentDom, 'behavior_flyout-menu_content');\n\n // If it's expanded we don't set an initial height,\n // as it will be calculated internally.\n const initialClass = isExpanded\n ? MaxHeightTransition.CLASSES.MH_DEFAULT\n : MaxHeightTransition.CLASSES.MH_ZERO;\n _transition = new MaxHeightTransition(_contentDom).init(initialClass);\n\n // Create root menu.\n _flyout = new FlyoutMenu(_dom);\n\n _flyout.setTransition(\n _transition,\n _transition.maxHeightZero,\n _transition.maxHeightDefault,\n );\n\n _flyout.init(isExpanded);\n\n // Add events.\n _flyout.addEventListener('expandbegin', () => {\n _contentDom.classList.remove('u-hidden');\n this.dispatchEvent('expandbegin', { target: this });\n });\n _flyout.addEventListener('collapseend', () => {\n _contentDom.classList.add('u-hidden');\n });\n\n return this;\n }\n\n /**\n * @returns {string} The expandable label text.\n */\n function getLabelText() {\n return _labelDom.textContent.trim();\n }\n\n // Attach public events.\n this.init = init;\n this.expand = () => _flyout.expand();\n this.collapse = () => _flyout.collapse();\n this.isExpanded = () => _flyout.isExpanded();\n this.refresh = () => _flyout.getTransition().refresh();\n this.getLabelText = getLabelText;\n\n const eventObserver = new EventObserver();\n this.addEventListener = eventObserver.addEventListener;\n this.removeEventListener = eventObserver.removeEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n\n return this;\n}\n\nExpandable.BASE_CLASS = BASE_CLASS;\nExpandable.init = (scope) =>\n instantiateAll(`.${Expandable.BASE_CLASS}`, Expandable, scope);\n\nexport { Expandable, ExpandableStyles };\n", "/* ==========================================================================\n Expandable Organism\n ========================================================================== */\n\nimport { checkDom, setInitFlag, instantiateAll } from '../../utilities';\nimport { Expandable } from './expandable.js';\n\nimport * as ExpandableGroupStyles from './expandable-group.scss';\n\nconst BASE_CLASS = 'o-expandable-group';\n\n/**\n * ExpandableGroup\n * @class\n * @classdesc Initializes a new Expandable molecule.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the molecule.\n * @returns {ExpandableGroup} An instance.\n */\nfunction ExpandableGroup(element) {\n // Internal vars.\n const _dom = checkDom(element, BASE_CLASS);\n const _isAccordion = _dom.classList.contains(`${BASE_CLASS}--accordion`);\n let _expandables;\n let _lastExpanded;\n\n /**\n * @param {object} evt - The event object.\n */\n function _handleExpandBegin(evt) {\n const target = evt.target;\n if (_lastExpanded && _lastExpanded !== target) {\n _lastExpanded.collapse();\n }\n _lastExpanded = target;\n }\n\n /**\n * Set up and create the multiselect.\n * @param {Array} expandables - List of expandables inside this group.\n * @returns {ExpandableGroup} An instance.\n */\n function init(expandables) {\n if (!setInitFlag(_dom)) {\n return this;\n }\n\n if (_isAccordion) {\n _expandables = expandables;\n\n _expandables.forEach((expandable) => {\n expandable.addEventListener('expandbegin', _handleExpandBegin);\n });\n }\n\n return this;\n }\n\n // Attach public events.\n this.init = init;\n\n return this;\n}\n\nExpandableGroup.BASE_CLASS = BASE_CLASS;\nExpandableGroup.init = (scope) => {\n const base = scope || document;\n const expandableGroupsDom = base.querySelectorAll(`.${BASE_CLASS}`);\n expandableGroupsDom.forEach((expandableGroupDom) => {\n const expandables = instantiateAll(\n `.${Expandable.BASE_CLASS}`,\n Expandable,\n expandableGroupDom,\n );\n const expandableGroup = new ExpandableGroup(expandableGroupDom);\n expandableGroup.init(expandables);\n });\n};\n\nexport { ExpandableGroup, ExpandableGroupStyles };\n", "/* eslint-disable no-use-before-define */\nimport {\n add as addDataHook,\n checkDom,\n instantiateAll,\n setInitFlag,\n FlyoutMenu,\n MaxHeightTransition,\n EventObserver,\n MOBILE,\n viewportIsIn,\n} from '../../utilities';\n\nimport * as SummaryStyles from './summary.scss';\n\nconst BASE_CLASS = 'o-summary';\n\n/**\n * Summary\n * @class\n * @classdesc Initializes a new Summary organism.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the organism.\n * @returns {Summary} An instance.\n */\nfunction Summary(element) {\n const _dom = checkDom(element, BASE_CLASS);\n const _hasMobileModifier = _dom.classList.contains(`${BASE_CLASS}--mobile`);\n const _contentDom = _dom.querySelector(`.${BASE_CLASS}__content`);\n const _btnDom = _dom.querySelector(`.${BASE_CLASS}__btn`);\n let _transition;\n let _flyout;\n\n // Whether this instance's behaviors are suspended or not.\n let _suspended;\n\n /**\n * NOTE: Init won't work if it's called after the page has been loaded,\n * since it depends on the `load` event fired by the browser.\n * @returns {Summary} An instance.\n */\n function init() {\n if (!setInitFlag(_dom)) {\n return this;\n }\n\n // Don't initialize the Summary till the page has loaded, so we can have\n // an accurate idea of its height.\n window.addEventListener('load', _pageLoadHandler);\n\n return this;\n }\n\n /**\n * The page (content + CSS) has loaded.\n */\n function _pageLoadHandler() {\n window.removeEventListener('load', _pageLoadHandler);\n\n _suspended = !_shouldSuspend();\n\n // Add FlyoutMenu behavior data-js-hooks.\n addDataHook(_dom, 'behavior_flyout-menu');\n addDataHook(_contentDom, 'behavior_flyout-menu_content');\n addDataHook(_btnDom, 'behavior_flyout-menu_trigger');\n\n _flyout = new FlyoutMenu(_dom, false);\n _transition = new MaxHeightTransition(_contentDom);\n _transition.init(\n _suspended\n ? MaxHeightTransition.CLASSES.MH_SUMMARY\n : MaxHeightTransition.CLASSES.MH_DEFAULT,\n );\n _flyout.setTransition(\n _transition,\n _transition.maxHeightSummary,\n _transition.maxHeightDefault,\n );\n _flyout.addEventListener('triggerclick', _triggerClickHandler);\n _flyout.init();\n\n _resizeHandler();\n\n window.addEventListener('resize', _resizeHandler);\n // Pipe window resize handler into orientation change on supported devices.\n if ('onorientationchange' in window) {\n window.addEventListener('orientationchange', _resizeHandler);\n }\n\n _dom.addEventListener('focusin', _focusInHandler);\n\n /* When we click inside the content area we may be changing the size,\n such as when a video player expands on being clicked.\n So, let's refresh the transition to recalculate the max-height,\n just in case. */\n _contentDom.addEventListener('click', _contentClicked);\n }\n\n /**\n * Handling tabbing into the content area that is hidden.\n * If the focus goes onto a focusable element within the content area,\n * we'll act like the summary expansion button was clicked.\n * @param {Event} evt - The focus event.\n */\n function _focusInHandler(evt) {\n if (!_suspended && evt.target !== _btnDom) {\n _btnDom.click();\n _dom.removeEventListener('focusin', _focusInHandler);\n }\n }\n\n /**\n * Handler for when the content area is clicked.\n * Refresh the transition to recalculate the max-height.\n * @param {MouseEvent} evt - the mouse event object.\n */\n function _contentClicked(evt) {\n /* We don't need to refresh if a link was clicked as we'll be navigating\n to another page. */\n if (evt.target.tagName !== 'A' && _flyout.isExpanded()) {\n _transition.refresh();\n }\n }\n\n /**\n * Handle resizing of the window,\n * suspends or resumes the mobile or desktop behaviors.\n */\n function _resizeHandler() {\n if (_shouldSuspend()) {\n _suspend();\n } else {\n _resume();\n }\n }\n\n /**\n * @returns {boolean} True if this should be suspended, false otherwise.\n */\n function _shouldSuspend() {\n /* Bail out of initializatiion if the height of the summary's content\n is less than our summary height of 5.5ems\n 16 * 5.5 = 88\n See https://github.com/cfpb/design-system/blob/72623270013f2ad08dbe92b5b709ed2b434ee41e/packages/cfpb-atomic-component/src/utilities/transition/transition.less#L84\n */\n return (\n (_hasMobileModifier && !viewportIsIn(MOBILE)) ||\n _contentDom.scrollHeight <= 88\n );\n }\n\n /**\n * Handle click of flyout.\n */\n function _triggerClickHandler() {\n _flyout.addEventListener('expandend', _expandEndHandler);\n }\n\n /**\n * After the summary opens, remove the \"read more\" button.\n */\n function _expandEndHandler() {\n _hideButton();\n window.removeEventListener('resize', _resizeHandler);\n window.removeEventListener('orientationchange', _resizeHandler);\n _flyout.removeEventListener('expandend', _expandEndHandler);\n _flyout.suspend();\n _transition.remove();\n }\n\n /**\n *\n */\n function _showButton() {\n _btnDom.classList.remove('u-hidden');\n }\n\n /**\n *\n */\n function _hideButton() {\n _btnDom.classList.add('u-hidden');\n }\n\n /**\n * Add events necessary for the desktop menu behaviors.\n * @returns {boolean} Whether it has successfully been resumed or not.\n */\n function _resume() {\n if (_suspended) {\n _flyout.collapse();\n _transition.animateOn();\n _showButton();\n\n _suspended = false;\n }\n\n return !_suspended;\n }\n\n /**\n * Remove events necessary for the desktop menu behaviors.\n * @returns {boolean} Whether it has successfully been suspended or not.\n */\n function _suspend() {\n if (!_suspended) {\n _transition.animateOff();\n _flyout.expand();\n _hideButton();\n\n _suspended = true;\n }\n\n return _suspended;\n }\n\n // Attach public events.\n const eventObserver = new EventObserver();\n this.addEventListener = eventObserver.addEventListener;\n this.removeEventListener = eventObserver.removeEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n\n this.init = init;\n\n return this;\n}\n\nSummary.BASE_CLASS = BASE_CLASS;\nSummary.init = (scope) => instantiateAll(`.${BASE_CLASS}`, Summary, scope);\n\nexport { Summary, SummaryStyles };\n", "/* eslint-disable no-use-before-define */\nimport {\n add as addDataHook,\n checkDom,\n instantiateAll,\n setInitFlag,\n FlyoutMenu,\n MaxHeightTransition,\n EventObserver,\n} from '../../utilities';\n\nimport * as SummaryMinimalStyles from './summary-minimal.scss';\n\nconst BASE_CLASS = 'o-summary-minimal';\n\n/**\n * SummaryMinimal\n * @class\n * @classdesc Initializes a new SummaryMinimal organism.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the organism.\n * @returns {SummaryMinimal} An instance.\n */\nfunction SummaryMinimal(element) {\n const _dom = checkDom(element, BASE_CLASS);\n const _contentDom = _dom.querySelector(`.${BASE_CLASS}__content`);\n const _btnDom = _dom.querySelector(`.${BASE_CLASS}__btn`);\n let _transition;\n let _flyout;\n\n /**\n * @returns {SummaryMinimal} An instance.\n */\n function init() {\n if (!setInitFlag(_dom)) {\n return this;\n }\n\n // Add FlyoutMenu behavior data-js-hooks.\n addDataHook(_dom, 'behavior_flyout-menu');\n addDataHook(_contentDom, 'behavior_flyout-menu_content');\n addDataHook(_btnDom, 'behavior_flyout-menu_trigger');\n\n // Don't initialize the SummaryMinimal till the page has loaded,\n // so we can have an accurate idea of its height.\n window.addEventListener('load', _pageLoadHandler);\n\n return this;\n }\n\n /**\n * The page (content + CSS) has loaded.\n */\n function _pageLoadHandler() {\n window.removeEventListener('load', _pageLoadHandler);\n\n _flyout = new FlyoutMenu(_dom, false);\n _transition = new MaxHeightTransition(_contentDom);\n _transition.init(MaxHeightTransition.CLASSES.MH_SUMMARY);\n _flyout.setTransition(\n _transition,\n _transition.maxHeightSummary,\n _transition.maxHeightDefault,\n );\n _flyout.init();\n\n _dom.addEventListener('focusin', _focusInHandler);\n\n /* When we click inside the content area we may be changing the size,\n such as when a video player expands on being clicked.\n So, let's refresh the transition to recalculate the max-height,\n just in case. */\n _contentDom.addEventListener('click', _contentClicked);\n\n _flyout.collapse();\n _transition.animateOn();\n }\n\n /**\n * Handling tabbing into the content area that is hidden.\n * If the focus goes onto a focusable element within the content area,\n * we'll act like the summary expansion button was clicked.\n * @param {Event} evt - The focus event.\n */\n function _focusInHandler(evt) {\n if (evt.target !== _btnDom) {\n _btnDom.click();\n _dom.removeEventListener('focusin', _focusInHandler);\n }\n }\n\n /**\n * Handler for when the content area is clicked.\n * Refresh the transition to recalculate the max-height.\n * @param {MouseEvent} evt - the mouse event object.\n */\n function _contentClicked(evt) {\n /* We don't need to refresh if a link was clicked as we'll be navigating\n to another page. */\n if (evt.target.tagName !== 'A' && _flyout.isExpanded()) {\n _transition.refresh();\n }\n }\n\n // Attach public events.\n const eventObserver = new EventObserver();\n this.addEventListener = eventObserver.addEventListener;\n this.removeEventListener = eventObserver.removeEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n\n this.init = init;\n\n return this;\n}\n\nSummaryMinimal.BASE_CLASS = BASE_CLASS;\nSummaryMinimal.init = (scope) =>\n instantiateAll(`.${BASE_CLASS}`, SummaryMinimal, scope);\n\nexport { SummaryMinimal, SummaryMinimalStyles };\n", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-form__group {\n margin-bottom: 1.875em;\n}\n.o-form__fieldset {\n border: none;\n margin: 0;\n padding: 0;\n}\n.o-form__fieldset .m-form-field + .m-form-field {\n margin-top: 0.625em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-form-alert .cf-icon-svg {\n color: var(--gray);\n float: left;\n}\n.a-form-alert__text {\n display: block;\n margin-left: 1.25em;\n}\n.a-form-alert--success .cf-icon-svg {\n color: var(--green);\n}\n.a-form-alert--error .cf-icon-svg {\n color: var(--red);\n}\n.a-form-alert--warning .cf-icon-svg {\n color: var(--gold);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.m-form-field .a-text-input--full {\n box-sizing: border-box;\n width: 100%;\n}\n.m-form-field .a-label + .a-text-input {\n margin-top: 0.3125em;\n}\n.m-form-field--checkbox .a-label, .m-form-field--radio .a-label {\n /* autoprefixer: ignore next */\n display: inline-grid;\n grid-template-columns: 1.875em auto;\n vertical-align: top;\n cursor: pointer;\n overflow-wrap: anywhere;\n}\n.m-form-field--checkbox .a-label::before, .m-form-field--radio .a-label::before {\n display: inline-block;\n grid-row-start: 1;\n grid-row-end: 3;\n border: 1px solid var(--gray-60);\n height: 1.125em;\n width: 1.125em;\n margin-right: 10px;\n background-color: var(--white);\n content: \"\";\n vertical-align: top;\n position: relative;\n top: 1px;\n left: 1px;\n}\n.m-form-field--checkbox .a-label:hover::before, .m-form-field--checkbox .a-label.hover::before, .m-form-field--radio .a-label:hover::before, .m-form-field--radio .a-label.hover::before {\n border-color: var(--pacific);\n}\n.m-form-field--checkbox .a-label__helper, .m-form-field--radio .a-label__helper {\n display: block;\n}\n.m-form-field--checkbox .a-checkbox,\n.m-form-field--checkbox .a-radio, .m-form-field--radio .a-checkbox,\n.m-form-field--radio .a-radio {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n.m-form-field--checkbox .a-checkbox:focus + .a-label, .m-form-field--checkbox .a-checkbox.focus + .a-label,\n.m-form-field--checkbox .a-radio:focus + .a-label,\n.m-form-field--checkbox .a-radio.focus + .a-label, .m-form-field--radio .a-checkbox:focus + .a-label, .m-form-field--radio .a-checkbox.focus + .a-label,\n.m-form-field--radio .a-radio:focus + .a-label,\n.m-form-field--radio .a-radio.focus + .a-label {\n outline: 1px dotted var(--pacific);\n outline-offset: 1px;\n}\n.m-form-field--checkbox .a-checkbox:disabled:checked + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled:focus + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled.focus + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled:hover + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled.hover + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled:checked + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled:focus + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled.focus + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled:hover + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled.hover + .a-label::before, .m-form-field--radio .a-checkbox:disabled:checked + .a-label::before, .m-form-field--radio .a-checkbox:disabled:focus + .a-label::before, .m-form-field--radio .a-checkbox:disabled.focus + .a-label::before, .m-form-field--radio .a-checkbox:disabled:hover + .a-label::before, .m-form-field--radio .a-checkbox:disabled.hover + .a-label::before,\n.m-form-field--radio .a-radio:disabled:checked + .a-label::before,\n.m-form-field--radio .a-radio:disabled:focus + .a-label::before,\n.m-form-field--radio .a-radio:disabled.focus + .a-label::before,\n.m-form-field--radio .a-radio:disabled:hover + .a-label::before,\n.m-form-field--radio .a-radio:disabled.hover + .a-label::before {\n border-color: var(--gray-60);\n outline: none;\n box-shadow: none;\n}\n.m-form-field--checkbox .a-checkbox:disabled + .a-label,\n.m-form-field--checkbox .a-radio:disabled + .a-label, .m-form-field--radio .a-checkbox:disabled + .a-label,\n.m-form-field--radio .a-radio:disabled + .a-label {\n cursor: not-allowed;\n color: var(--gray-dark);\n}\n.m-form-field--checkbox .a-checkbox:disabled + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled + .a-label::before, .m-form-field--radio .a-checkbox:disabled + .a-label::before,\n.m-form-field--radio .a-radio:disabled + .a-label::before {\n background: var(--gray-10);\n border-color: var(--gray-60);\n}\n.m-form-field--checkbox .a-checkbox:focus + .a-label::before, .m-form-field--checkbox .a-checkbox.focus + .a-label::before {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--checkbox .a-checkbox:hover + .a-label::before, .m-form-field--checkbox .a-checkbox.hover + .a-label::before {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--checkbox .a-checkbox:checked + .a-label::before {\n background-image: url('data:image/svg+xml;charset=UTF-8,');\n background-size: auto 1.1875em;\n background-repeat: no-repeat;\n background-position: center 0;\n}\n.m-form-field--checkbox .a-checkbox:disabled:checked + .a-label::before {\n background-image: url('data:image/svg+xml;charset=UTF-8,');\n}\n.m-form-field--checkbox-error .a-label::before {\n border-color: var(--red);\n outline: 1px solid var(--red);\n}\n.m-form-field--checkbox-error .a-label:hover::before, .m-form-field--checkbox-error .a-label.hover::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-error .a-checkbox:hover + .a-label::before, .m-form-field--checkbox-error .a-checkbox.hover + .a-label::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-error .a-checkbox:focus + .a-label::before, .m-form-field--checkbox-error .a-checkbox.focus + .a-label::before {\n border-color: var(--red);\n box-shadow: 0 0 0 1px var(--red);\n outline-color: var(--red);\n}\n.m-form-field--checkbox-error .a-checkbox:focus + .a-label, .m-form-field--checkbox-error .a-checkbox.focus + .a-label {\n outline: 1px dotted var(--red);\n outline-offset: 1px;\n}\n.m-form-field--checkbox-warning .a-label::before {\n border-color: var(--gold);\n outline: 1px solid var(--gold);\n}\n.m-form-field--checkbox-warning .a-label:hover::before, .m-form-field--checkbox-warning .a-label.hover::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-warning .a-checkbox:hover + .a-label::before, .m-form-field--checkbox-warning .a-checkbox.hover + .a-label::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-warning .a-checkbox:focus + .a-label::before, .m-form-field--checkbox-warning .a-checkbox.focus + .a-label::before {\n border-color: var(--gold);\n box-shadow: 0 0 0 1px var(--gold);\n outline-color: var(--gold);\n}\n.m-form-field--checkbox-warning .a-checkbox:focus + .a-label, .m-form-field--checkbox-warning .a-checkbox.focus + .a-label {\n outline: 1px dotted var(--gold);\n outline-offset: 1px;\n}\n.m-form-field--checkbox-success .a-label::before {\n border-color: var(--green);\n outline: 1px solid var(--green);\n}\n.m-form-field--checkbox-success .a-label:hover::before, .m-form-field--checkbox-success .a-label.hover::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-success .a-checkbox:hover + .a-label::before, .m-form-field--checkbox-success .a-checkbox.hover + .a-label::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-success .a-checkbox:focus + .a-label::before, .m-form-field--checkbox-success .a-checkbox.focus + .a-label::before {\n border-color: var(--green);\n box-shadow: 0 0 0 1px var(--green);\n outline-color: var(--green);\n}\n.m-form-field--checkbox-success .a-checkbox:focus + .a-label, .m-form-field--checkbox-success .a-checkbox.focus + .a-label {\n outline: 1px dotted var(--green);\n outline-offset: 1px;\n}\n.m-form-field--radio .a-label::before {\n border-radius: 50%;\n /* The rotate is needed to fix a bug in Firefox where radio\n button was not centered. */\n transform: rotate(0deg);\n}\n.m-form-field--radio .a-radio:focus + .a-label::before, .m-form-field--radio .a-radio.focus + .a-label::before {\n outline: none;\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--radio .a-radio:hover + .a-label::before, .m-form-field--radio .a-radio.hover + .a-label::before {\n outline: none;\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--radio .a-radio:checked + .a-label::before {\n background-color: var(--pacific);\n box-shadow: inset 0 0 0 2px var(--white);\n}\n.m-form-field--radio .a-radio:checked:disabled + .a-label::before {\n background-color: var(--gray-40);\n box-shadow: inset 0 0 0 2px var(--gray-10);\n}\n.m-form-field--radio .a-radio:focus:checked + .a-label::before, .m-form-field--radio .a-radio.focus:checked + .a-label::before {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific), inset 0 0 0 2px var(--white);\n}\n.m-form-field--radio .a-radio:hover:checked + .a-label::before, .m-form-field--radio .a-radio.hover:checked + .a-label::before {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific), inset 0 0 0 2px var(--white);\n}\n.m-form-field--lg-target {\n display: block;\n}\n.m-form-field--lg-target .a-label {\n box-sizing: border-box;\n width: 100%;\n padding: 15px;\n background-color: var(--gray-10);\n}\n.m-form-field--lg-target .a-checkbox:checked + .a-label,\n.m-form-field--lg-target .a-radio:checked + .a-label {\n background-color: var(--pacific-20);\n box-shadow: inset 0 0 0 1px var(--pacific);\n}\n.m-form-field--lg-target .a-checkbox:hover + .a-label, .m-form-field--lg-target .a-checkbox.hover + .a-label, .m-form-field--lg-target .a-checkbox:focus + .a-label, .m-form-field--lg-target .a-checkbox.focus + .a-label,\n.m-form-field--lg-target .a-radio:hover + .a-label,\n.m-form-field--lg-target .a-radio.hover + .a-label,\n.m-form-field--lg-target .a-radio:focus + .a-label,\n.m-form-field--lg-target .a-radio.focus + .a-label {\n box-shadow: inset 0 0 0 2px var(--pacific);\n}\n.m-form-field--lg-target .a-checkbox:focus + .a-label, .m-form-field--lg-target .a-checkbox.focus + .a-label, .m-form-field--lg-target .a-checkbox:checked + .a-label,\n.m-form-field--lg-target .a-radio:focus + .a-label,\n.m-form-field--lg-target .a-radio.focus + .a-label,\n.m-form-field--lg-target .a-radio:checked + .a-label {\n outline-offset: 1px;\n}\n.m-form-field--lg-target .a-checkbox:disabled + .a-label, .m-form-field--lg-target .a-checkbox:checked:disabled + .a-label, .m-form-field--lg-target .a-checkbox:hover:disabled + .a-label,\n.m-form-field--lg-target .a-radio:disabled + .a-label,\n.m-form-field--lg-target .a-radio:checked:disabled + .a-label,\n.m-form-field--lg-target .a-radio:hover:disabled + .a-label {\n color: var(--gray-dark);\n box-shadow: none;\n background-color: var(--gray-20);\n}\n.m-form-field--lg-target .a-checkbox:checked:disabled + .a-label, .m-form-field--lg-target .a-checkbox:checked:disabled + .a-label::before,\n.m-form-field--lg-target .a-radio:checked:disabled + .a-label,\n.m-form-field--lg-target .a-radio:checked:disabled + .a-label::before {\n border: 1px solid var(--gray-60);\n}\n.m-form-field .a-form-alert {\n margin-top: 0.9375em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-label {\n display: inline-block;\n}\n.a-label__helper {\n color: var(--gray-dark);\n font-size: 1rem;\n font-weight: normal;\n}\n.a-label__helper--block {\n display: block;\n margin-top: 0.8333333333em;\n}\n.a-label--heading {\n display: block;\n margin-bottom: 0.5555555556em;\n font-size: 1.125em;\n font-weight: 500;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\np + .a-label--heading, ul + .a-label--heading, ol + .a-label--heading, dl + .a-label--heading, figure + .a-label--heading, img + .a-label--heading, table + .a-label--heading, blockquote + .a-label--heading, h1 + .a-label--heading, .h1 + .a-label--heading, h2 + .a-label--heading, .h2 + .a-label--heading, h3 + .a-label--heading, .h3 + .a-label--heading, h5 + .a-label--heading, .h5 + .a-label--heading, h6 + .a-label--heading, .h6 + .a-label--heading {\n margin-top: 1.6666666667em;\n}\n@media only all and (max-width: 37.5em) {\n .a-label--heading {\n margin-bottom: 0.625em;\n font-size: 1em;\n line-height: 1.125;\n }\n}\n.a-label--heading .a-label__helper--block {\n margin-top: 0.625rem;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-range {\n appearance: none;\n width: 100%;\n min-height: 49px;\n}\n.a-range::-webkit-slider-runnable-track {\n height: 0.6875rem;\n width: 100%;\n background-color: var(--gray-80);\n border: 1px solid var(--gray-40);\n border-radius: 8px;\n cursor: pointer;\n}\n.a-range::-moz-range-track {\n height: 0.6875rem;\n width: 100%;\n background-color: var(--gray-80);\n border: 1px solid var(--gray-40);\n border-radius: 8px;\n cursor: pointer;\n}\n.a-range::-webkit-slider-thumb {\n height: 2.8125rem;\n width: 2.8125rem;\n margin-top: -1.125rem;\n appearance: none;\n border: 1px solid var(--gray-40);\n border-radius: 50%;\n background-color: var(--gray-10);\n cursor: pointer;\n}\n.a-range::-moz-range-thumb {\n height: 2.8125rem;\n width: 2.8125rem;\n margin-top: -1.125rem;\n appearance: none;\n border: 1px solid var(--gray-40);\n border-radius: 50%;\n background-color: var(--gray-10);\n cursor: pointer;\n}\n.a-range:focus, .a-range.focus {\n box-shadow: none;\n outline: none;\n}\n.a-range:focus::-webkit-slider-thumb, .a-range.focus::-webkit-slider-thumb {\n background-color: var(--pacific-20);\n border: 2px solid var(--pacific);\n}\n.a-range:focus::-moz-range-thumb, .a-range.focus::-moz-range-thumb {\n background-color: var(--pacific-20);\n border: 2px solid var(--pacific);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-search-input {\n display: flex;\n flex-direction: column;\n row-gap: 0.9375rem;\n}\n.o-search-input__input {\n position: relative;\n display: flex;\n width: initial;\n flex: 0 1 100%;\n}\n.o-search-input__input-label {\n position: absolute;\n left: 10px;\n align-self: center;\n cursor: pointer;\n}\n.o-search-input__input input[type=search] {\n width: 100%;\n white-space: nowrap;\n padding-left: 30px;\n appearance: none;\n}\n.o-search-input__input button[type=reset] {\n display: none;\n position: absolute;\n right: 0;\n align-self: center;\n color: var(--gray-40);\n font-size: 20px;\n border: 1px solid transparent;\n background-color: transparent;\n outline: 0;\n width: 44px;\n padding: 5px;\n text-align: right;\n}\n.o-search-input__input button[type=reset] > svg {\n width: 25px;\n cursor: pointer;\n pointer-events: none;\n}\n.o-search-input__input button[type=reset]:hover {\n color: var(--black);\n}\n.o-search-input__input button[type=reset]:focus {\n color: var(--black);\n}\n.o-search-input__input button[type=reset]:focus > svg {\n outline: 1px dotted var(--pacific);\n}\n.o-search-input__input input[type=search]:placeholder-shown ~ button[type=reset] {\n display: none;\n}\n.o-search-input__input input[type=search]:not(:placeholder-shown) {\n padding-right: 34px;\n}\n.o-search-input__input input[type=search]::-webkit-search-decoration,\n.o-search-input__input input[type=search]::-webkit-search-cancel-button,\n.o-search-input__input input[type=search]::-webkit-search-results-button,\n.o-search-input__input input[type=search]::-webkit-search-results-decoration {\n display: none;\n}\n.o-search-input:focus-within button[type=reset], .o-search-input .o-search-input__input:hover button[type=reset] {\n display: block;\n}\n.o-search-input button[type=submit] {\n line-height: 1.1875;\n}\n@media only all and (min-width: 37.5625em) {\n .o-search-input {\n flex-direction: row;\n border-left: 0;\n }\n .o-search-input button[type=submit] {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n flex-basis: 25%;\n }\n}\n\n.no-js .o-search-input button[type=reset] {\n display: none !important;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-select {\n position: relative;\n border: 1px solid var(--gray-60);\n}\n.a-select select {\n width: 100%;\n line-height: 1.375;\n padding: 0.4375em 0.375em 0.375em;\n border: 0;\n appearance: none;\n background-color: var(--white);\n border-radius: 0;\n color: var(--black);\n}\n.a-select select:hover, .a-select select.hover {\n outline: 2px solid var(--pacific);\n outline-offset: 0;\n}\n.a-select select:active, .a-select select:focus, .a-select select.focus {\n box-shadow: 0 0 0 2px var(--pacific);\n outline: 1px dotted var(--pacific);\n outline-offset: 3px;\n}\n.a-select select[disabled] {\n color: var(--gray-dark);\n background-color: var(--gray-10);\n cursor: not-allowed;\n}\n.a-select select[disabled]:hover, .a-select select[disabled].hover, .a-select select[disabled]:focus, .a-select select[disabled].focus {\n outline: none;\n}\n.a-select select[disabled] option,\n.a-select select[disabled] option:disabled,\n.a-select select option:disabled {\n color: var(--gray-dark);\n}\n.a-select::after {\n width: 2.1875em;\n box-sizing: border-box;\n border-left: 1px solid var(--gray-60);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n background-color: var(--gray-10);\n background-image: url('data:image/svg+xml;charset=UTF-8,');\n background-size: auto 1.1875em;\n background-repeat: no-repeat;\n background-position: center center;\n content: \"\";\n pointer-events: none;\n}\n.a-select--disabled::after {\n background-image: url('data:image/svg+xml;charset=UTF-8,');\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.a-tag-filter {\n display: flex;\n gap: 0.625rem;\n border: 1px solid var(--teal);\n padding: 4px 6px;\n background-color: var(--teal-20);\n border-radius: 0.1875rem;\n color: var(--black);\n text-align: left;\n min-width: -moz-fit-content;\n min-width: fit-content;\n}\n.a-tag-filter:hover {\n background-color: var(--teal-40);\n cursor: pointer;\n}\n.a-tag-filter:focus {\n outline: 1px dotted var(--teal);\n outline-offset: 1px;\n}\n.a-tag-filter:active {\n background-color: var(--teal);\n}\n.a-tag-filter .cf-icon-svg {\n pointer-events: none;\n flex: none;\n}\n.a-tag-filter > label {\n display: contents;\n pointer-events: none;\n}\n\na.a-tag-filter {\n color: var(--black);\n border-color: var(--black);\n}\na.a-tag-filter:visited, a.a-tag-filter.visited {\n border-color: var(--black);\n color: var(--black);\n}\na.a-tag-filter:hover, a.a-tag-filter.hover {\n border-color: var(--black);\n color: var(--black);\n}\na.a-tag-filter:focus, a.a-tag-filter.focus {\n border-color: var(--black);\n color: var(--black);\n}\na.a-tag-filter:active, a.a-tag-filter.active {\n border-color: var(--black);\n color: var(--black);\n}\n\n.a-tag-topic {\n display: flex;\n gap: 0.3125rem;\n}\n\n.a-tag-topic {\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n color: var(--gold-80);\n letter-spacing: 1px;\n}\n.a-tag-topic .a-tag-topic__text {\n color: var(--gray);\n word-break: break-word;\n}\n@media only all and (max-width: 37.5em) {\n .a-tag-topic {\n position: relative;\n display: flex;\n align-items: center;\n gap: 0.3125rem;\n box-sizing: border-box;\n padding-top: 0.625em;\n padding-bottom: 0.625em;\n width: 100%;\n }\n .a-tag-topic .cf-icon-svg--right {\n margin-left: auto;\n }\n .a-tag-topic .a-tag-topic__text {\n border-bottom-width: 0;\n flex-shrink: 10;\n }\n}\n\na.a-tag-topic {\n border-color: var(--gold-80);\n color: var(--gold-80);\n border-color: var(--gold-80);\n}\na.a-tag-topic:visited, a.a-tag-topic.visited {\n border-color: var(--gold-80);\n color: var(--gold-80);\n}\na.a-tag-topic:hover, a.a-tag-topic.hover {\n border-color: var(--gold-80);\n color: var(--gold-80);\n}\na.a-tag-topic:focus, a.a-tag-topic.focus {\n border-color: var(--gold-80);\n color: var(--gold-80);\n}\na.a-tag-topic:active, a.a-tag-topic.active {\n border-color: var(--gold-80);\n color: var(--gold-80);\n}\na.a-tag-topic .a-tag-topic__text {\n border-bottom-color: var(--gold-80);\n}\n@media only all and (max-width: 37.5em) {\n a.a-tag-topic {\n border-top-width: 1px;\n border-bottom-width: 1px;\n }\n a.a-tag-topic:focus {\n outline: none;\n }\n a.a-tag-topic:focus::after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n outline: 1px dotted var(--gray);\n outline-offset: 2px;\n }\n}\n\n@media only all and (max-width: 37.5em) {\n li:has(.a-tag-topic) + li:has(.a-tag-topic) .a-tag-topic {\n position: relative;\n border-top: none;\n }\n li:has(.a-tag-topic) + li:has(.a-tag-topic) a.a-tag-topic:hover::before,\n li:has(.a-tag-topic) + li:has(.a-tag-topic) a.a-tag-topic:focus::before {\n position: absolute;\n top: -1px;\n content: \"\";\n display: block;\n height: 1px;\n width: 100%;\n border-top: 1px solid currentcolor;\n }\n}\n.a-tag-topic__bullet {\n font-size: 1rem;\n line-height: 1rem;\n}\n\n@media only all and (min-width: 37.5625em) {\n a.a-tag-topic__text {\n color: var(--gray);\n border-color: var(--gray);\n }\n a.a-tag-topic__text:visited, a.a-tag-topic__text.visited {\n border-color: var(--gray);\n color: var(--gray);\n }\n a.a-tag-topic__text:hover, a.a-tag-topic__text.hover {\n border-color: var(--gray);\n color: var(--gray);\n }\n a.a-tag-topic__text:focus, a.a-tag-topic__text.focus {\n border-color: var(--gray);\n color: var(--gray);\n }\n a.a-tag-topic__text:active, a.a-tag-topic__text.active {\n border-color: var(--gray);\n color: var(--gray);\n }\n a.a-tag-topic,\n a.a-tag-topic:visited,\n a.a-tag-topic:hover,\n a.a-tag-topic:focus,\n a.a-tag-topic:active {\n border-bottom: none;\n outline-offset: 1px;\n }\n a.a-tag-topic .a-tag-topic__text,\n a.a-tag-topic:visited .a-tag-topic__text,\n a.a-tag-topic:hover .a-tag-topic__text,\n a.a-tag-topic:focus .a-tag-topic__text,\n a.a-tag-topic:active .a-tag-topic__text {\n padding-bottom: 1px;\n border-bottom: 1px dotted var(--gold-80);\n }\n a.a-tag-topic:hover .a-tag-topic__text {\n border-bottom: 1px solid var(--gold-80);\n }\n a.a-tag-topic:focus {\n outline-color: var(--gray);\n }\n a.a-tag-topic:focus .a-tag-topic__text {\n border-bottom-style: solid !important;\n }\n}\n.m-tag-group {\n padding-left: 0;\n list-style-type: none;\n}\n.m-tag-group li {\n margin-bottom: 0;\n display: contents;\n}\n@media only all and (min-width: 37.5625em) {\n .m-tag-group {\n display: flex;\n gap: 0.9375em;\n flex-wrap: wrap;\n }\n .m-tag-group--stacked {\n flex-direction: column;\n width: -moz-fit-content;\n width: fit-content;\n }\n}\n.m-tag-group:has(.a-tag-filter) {\n display: flex;\n gap: 0.9375em;\n flex-wrap: wrap;\n}\n\nhtml[lang=ar] .m-tag-group {\n direction: rtl;\n padding-right: 0;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-text-input {\n appearance: none;\n display: inline-block;\n padding: 0.4375em;\n border: 1px solid var(--gray-60);\n background: var(--white);\n color: var(--black);\n}\n.a-text-input:hover, .a-text-input.hover {\n border-color: var(--pacific);\n outline: 1px solid var(--pacific);\n}\n.a-text-input:focus, .a-text-input.focus {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n outline: 1px dotted var(--pacific);\n outline-offset: 2px;\n}\n.a-text-input:disabled, .a-text-input:disabled:hover, .a-text-input:disabled.hover, .a-text-input:disabled:focus, .a-text-input:disabled.focus {\n color: var(--gray-dark);\n background-color: var(--gray-10);\n cursor: not-allowed;\n border-color: var(--gray-60);\n outline: none;\n}\n.a-text-input--error {\n border-color: var(--red);\n outline: 1px solid var(--red);\n}\n.a-text-input--error:hover, .a-text-input--error.hover {\n border-color: var(--red-dark);\n outline: 1px solid var(--red-dark);\n outline-offset: 0;\n}\n.a-text-input--error:focus, .a-text-input--error.focus {\n border-color: var(--red);\n box-shadow: 0 0 0 1px var(--red);\n outline: 1px dotted var(--red);\n}\n.a-text-input--error:focus:hover, .a-text-input--error:focus.hover, .a-text-input--error.focus:hover, .a-text-input--error.focus.hover {\n border-color: var(--red);\n box-shadow: 0 0 0 1px var(--red);\n outline: 1px dotted var(--red);\n outline-offset: 2px;\n}\n.a-text-input--warning {\n border-color: var(--gold);\n outline: 1px solid var(--gold);\n}\n.a-text-input--warning:hover, .a-text-input--warning.hover {\n border-color: var(--gold-dark);\n outline: 1px solid var(--gold-dark);\n outline-offset: 0;\n}\n.a-text-input--warning:focus, .a-text-input--warning.focus {\n border-color: var(--gold);\n box-shadow: 0 0 0 1px var(--gold);\n outline: 1px dotted var(--gold);\n}\n.a-text-input--warning:focus:hover, .a-text-input--warning:focus.hover, .a-text-input--warning.focus:hover, .a-text-input--warning.focus.hover {\n border-color: var(--gold);\n box-shadow: 0 0 0 1px var(--gold);\n outline: 1px dotted var(--gold);\n outline-offset: 2px;\n}\n.a-text-input--success {\n border-color: var(--green);\n outline: 1px solid var(--green);\n}\n.a-text-input--success:hover, .a-text-input--success.hover {\n border-color: var(--green-dark);\n outline: 1px solid var(--green-dark);\n outline-offset: 0;\n}\n.a-text-input--success:focus, .a-text-input--success.focus {\n border-color: var(--green);\n box-shadow: 0 0 0 1px var(--green);\n outline: 1px dotted var(--green);\n}\n.a-text-input--success:focus:hover, .a-text-input--success:focus.hover, .a-text-input--success.focus:hover, .a-text-input--success.focus.hover {\n border-color: var(--green);\n box-shadow: 0 0 0 1px var(--green);\n outline: 1px dotted var(--green);\n outline-offset: 2px;\n}\n\n::-webkit-search-decoration {\n appearance: none;\n}\n\n::placeholder {\n color: var(--gray-dark);\n}\n\ninput[type=date]::-webkit-datetime-edit {\n color: var(--gray-dark);\n}", "// Undefined return value for void methods.\nlet UNDEFINED;\n\n// How many options may be checked.\nexport const MAX_SELECTIONS = 5;\n\n/**\n * Escapes a string.\n * @param {string} str - The string to escape.\n * @returns {string} The escaped string.\n */\nfunction stringEscape(str) {\n return str.replace(/[-\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n}\n\n/**\n * Tests whether a string matches another.\n * @param {string} x - The control string.\n * @param {string} y - The comparison string.\n * @returns {boolean} True if `x` and `y` match, false otherwise.\n */\nfunction stringMatch(x, y) {\n return RegExp(stringEscape(y.trim()), 'i').test(x);\n}\n\n/**\n * @class\n * MultiselectModel\n * @param {HTMLOptionsCollection} options -\n * Set of options from a element,\n and re-assign DOM reference. */\n _dom.parentNode.removeChild(_dom);\n _dom = newDom;\n\n /* We need to set init flag again since we've created a new
\n to replace the element.\n * @param {string} name - a unique name for this multiselect.\n * @param {object} config - Customization of Multiselect behavior\n */\nfunction MultiselectModel(options, name, config) {\n const _options = options;\n const _name = name;\n const _max = config?.maxSelections || MAX_SELECTIONS;\n\n let _optionsData = [];\n\n let _selectedIndices = [];\n let _filterIndices = [];\n\n /* When the options list is filtered, we store a list of filtered indices\n so that when the filter changes we can reset the last matched options. */\n let _lastFilterIndices = [];\n\n // Which option is in focus. -1 means the focus is on the search input.\n let _index = -1;\n\n /**\n * @param {HTMLElement} item - An option HTML node.\n * @returns {string} A (hopefully) unique ID.\n * If it's not unique, we have a duplicate option value.\n */\n function _getOptionId(item) {\n return _name + '-' + item.value.trim().replace(/\\s+/g, '-').toLowerCase();\n }\n\n /**\n * @returns {boolean}\n * True if the maximum number of options are checked, false otherwise.\n */\n function isAtMaxSelections() {\n return _selectedIndices.length >= _max;\n }\n\n /**\n * Cleans up a list of options for saving to memory.\n * @param {HTMLOptionsCollection} list - The options from a select element.\n * @returns {Array} An array of option objects.\n */\n function _formatOptions(list) {\n let item;\n const cleaned = [];\n\n let isChecked = false;\n for (let i = 0, len = list.length; i < len; i++) {\n item = list[i];\n isChecked = isAtMaxSelections() ? false : item.defaultSelected;\n cleaned.push({\n id: _getOptionId(item),\n value: item.value,\n text: item.text,\n checked: isChecked,\n });\n\n // If an option is initially checked, we need to record it.\n if (isChecked) {\n _selectedIndices.push(i);\n }\n }\n\n return cleaned;\n }\n\n /**\n * @returns {MultiselectModel} An instance.\n */\n function init() {\n _optionsData = _formatOptions(_options);\n\n return this;\n }\n\n /**\n * Toggle checked value of an option.\n * @param {number} index - The index position of the option in the list.\n * @returns {boolean} A value of true is checked and false is unchecked.\n */\n function toggleOption(index) {\n _optionsData[index].checked = !_optionsData[index].checked;\n\n if (_selectedIndices.length < _max && _optionsData[index].checked) {\n _selectedIndices.push(index);\n _selectedIndices.sort();\n\n return true;\n }\n // We're over the max selections, reverse the check of the option.\n _optionsData[index].checked = false;\n _selectedIndices = _selectedIndices.filter(function (currIndex) {\n return currIndex !== index;\n });\n\n return false;\n }\n\n /**\n * Utility function for Array.reduce() used in searchIndices.\n * @param {Array} aggregate - The reducer's accumulator.\n * @param {object} item - Each item in the collection.\n * @param {number} index - The index of item in the collection.\n * @param {string} value - The value of item in the collection.\n * @returns {Array} The reducer's accumulator.\n */\n function _searchAggregator(aggregate, item, index, value) {\n if (stringMatch(item.text, value)) {\n aggregate.push(index);\n }\n return aggregate;\n }\n\n /**\n * Search for a query string in the options text and return the indices of\n * the matching positions in the options array.\n * @param {string} query - A query string.\n * @returns {Array} List of indices of the matching entries from the options.\n */\n function filterIndices(query) {\n // Convert query to a string if its not.\n if (Object.prototype.toString.call(query) !== '[object String]') {\n query = '';\n }\n _lastFilterIndices = _filterIndices;\n if (_optionsData.length > 0) {\n _filterIndices = _optionsData.reduce(function (acc, item, index) {\n return _searchAggregator(acc, item, index, query);\n }, []);\n }\n // Reset index position.\n _index = -1;\n\n return _filterIndices;\n }\n\n /**\n * Retrieve an option object from the options list.\n * @param {number} index - The index position in the options list.\n * @returns {object} The option object with text, value, and checked value.\n */\n function getOption(index) {\n return _optionsData[index];\n }\n\n /**\n * Set the index of the collection (represents the highlighted option).\n * @param {number} value - The index to set.\n */\n function setIndex(value) {\n const filterCount = _filterIndices.length;\n const count = filterCount === 0 ? _optionsData.length : filterCount;\n if (value < 0) {\n _index = -1;\n } else if (value >= count) {\n _index = count - 1;\n } else {\n _index = value;\n }\n }\n\n /**\n * @returns {number} The current index (highlighted option).\n */\n function getIndex() {\n return _index;\n }\n\n this.init = init;\n\n // This is used to check an item in the collection.\n this.toggleOption = toggleOption;\n this.getSelectedIndices = function () {\n return _selectedIndices;\n };\n this.isAtMaxSelections = isAtMaxSelections;\n\n // This is used to search the items in the collection.\n this.filterIndices = filterIndices;\n this.clearFilter = function () {\n _filterIndices = _lastFilterIndices = [];\n return UNDEFINED;\n };\n this.getFilterIndices = function () {\n return _filterIndices;\n };\n this.getLastFilterIndices = function () {\n return _lastFilterIndices;\n };\n\n // These are used to highlight items in the collection.\n this.getIndex = getIndex;\n this.setIndex = setIndex;\n this.resetIndex = function () {\n _index = -1;\n return _index;\n };\n\n // This is used to retrieve items from the collection.\n this.getOption = getOption;\n\n return this;\n}\n\nexport default MultiselectModel;\n", "/**\n * Shortcut for creating new dom elements.\n * @param {string} tag - The html elem to create.\n * @param {HTMLElement} parentNode - The parent node to attach to.\n * @param {object} options - The options for building the elem.\n * @returns {HTMLElement} The created elem.\n */\nexport function create(tag, parentNode, options) {\n const elem = document.createElement(tag);\n\n Object.keys(options).forEach((key) => {\n const val = options[key];\n if (key in elem) {\n elem[key] = val;\n } else {\n elem.setAttribute(key, val);\n }\n });\n\n if (parentNode) parentNode.appendChild(elem);\n return elem;\n}\n", "", "import {\n EventObserver,\n checkDom,\n setInitFlag,\n isMobileUserAgent,\n instantiateAll,\n} from '../../utilities';\nimport MultiselectModel, { MAX_SELECTIONS } from './multiselect-model.js';\nimport { create } from './multiselect-utils.js';\n\nimport * as MultiselectStyles from './multiselect.scss';\n\nimport * as closeIconSrc from '../cfpb-icons/icons/error.svg';\nconst closeIcon = closeIconSrc.default;\n\nconst BASE_CLASS = 'o-multiselect';\nconst CHECKBOX_INPUT_CLASS = 'a-checkbox';\nconst TEXT_INPUT_CLASS = 'a-text-input';\n\n// Constants for direction.\nconst DIR_PREV = 'prev';\nconst DIR_NEXT = 'next';\n\n// Constants for key binding.\nconst KEY_RETURN = 'Enter';\nconst KEY_SPACE = ' ';\nconst KEY_ESCAPE = 'Escape';\nconst KEY_UP = 'ArrowUp';\nconst KEY_DOWN = 'ArrowDown';\nconst KEY_TAB = 'Tab';\n\n// Configuration default\nconst DEFAULT_CONFIG = {\n // TODO: renderTags was added as a workaround for DS icons not rendering correctly when integrating with a React implementation.\n renderTags: true, // Allow the Multiselect to generate the Tag elements in the DOM\n maxSelections: MAX_SELECTIONS, // Maximum number of options a user can select\n};\n\n/**\n * Multiselect\n * @class\n * @classdesc Initializes a new Multiselect molecule.\n * @param {HTMLElement} element - The DOM element within which to search\n * for the molecule.\n * @returns {Multiselect} An instance.\n */\nfunction Multiselect(element) {\n /* TODO: As the multiselect is developed further\n explore whether it should use an updated\n class name or data-* attribute in the\n markup so that it doesn't apply globally by default. */\n element.classList.add(BASE_CLASS);\n\n // Internal vars.\n let _dom = checkDom(element, BASE_CLASS);\n let _isBlurSkipped = false;\n let _name;\n let _placeholder;\n let _model;\n let _options;\n let _config; // Multiselect configuration object\n\n // Markup elems, convert this to templating engine in the future.\n let _containerDom;\n let _selectionsDom;\n let _headerDom;\n let _searchDom;\n let _fieldsetDom;\n let _optionsDom;\n const _optionItemDoms = [];\n let _instance;\n\n /**\n * Set the filtered matched state.\n */\n function _filterMatches() {\n _optionsDom.classList.remove('u-no-results');\n _optionsDom.classList.add('u-filtered');\n\n let filteredIndices = _model.getLastFilterIndices();\n for (let i = 0, len = filteredIndices.length; i < len; i++) {\n _optionItemDoms[filteredIndices[i]].classList.remove('u-filter-match');\n }\n\n filteredIndices = _model.getFilterIndices();\n for (let j = 0, len = filteredIndices.length; j < len; j++) {\n _optionItemDoms[filteredIndices[j]].classList.add('u-filter-match');\n }\n }\n\n /**\n * Resets the filtered option list.\n */\n function _resetFilter() {\n _optionsDom.classList.remove('u-filtered', 'u-no-results');\n\n for (let i = 0, len = _optionsDom.children.length; i < len; i++) {\n _optionsDom.children[i].classList.remove('u-filter-match');\n }\n\n _model.clearFilter();\n }\n\n /**\n * Updates the list of options to show the user there\n * are no matching results.\n */\n function _filterNoMatches() {\n _optionsDom.classList.add('u-no-results');\n _optionsDom.classList.remove('u-filtered');\n }\n\n /**\n * Filter the options list.\n * Every time we filter we have two lists of indices:\n * - The matching options (filterIndices).\n * - The matching options of the last filter (_lastFilterIndices).\n * We need to turn off the filter for any of the last filter matches\n * that are not in the new set, and turn on the filter for the matches\n * that are not in the last set.\n * @param {Array} filterIndices - List of indices to filter from the options.\n * @returns {boolean} True if options are filtered, false otherwise.\n */\n function _filterList(filterIndices) {\n if (filterIndices.length > 0) {\n _filterMatches();\n return true;\n }\n\n _filterNoMatches();\n return false;\n }\n\n /**\n * Evaluates the list of options based on the user's query in the\n * search input.\n * @param {string} value - Text the user has entered in the search query.\n */\n function _evaluate(value) {\n _resetFilter();\n _model.resetIndex();\n const matchedIndices = _model.filterIndices(value);\n _filterList(matchedIndices);\n }\n\n /**\n * Expand the multiselect drop down.\n * @returns {Multiselect} An instance.\n */\n function expand() {\n _containerDom.classList.add('u-active');\n _fieldsetDom.classList.remove('u-invisible');\n _fieldsetDom.setAttribute('aria-hidden', false);\n _instance.dispatchEvent('expandbegin', { target: _instance });\n\n return _instance;\n }\n\n /**\n * Collapse the multiselect drop down.\n * @returns {Multiselect} An instance.\n */\n function collapse() {\n _containerDom.classList.remove('u-active');\n _fieldsetDom.classList.add('u-invisible');\n _fieldsetDom.setAttribute('aria-hidden', true);\n _model.resetIndex();\n _instance.dispatchEvent('collapsebegin', { target: _instance });\n\n return _instance;\n }\n\n /**\n * Highlights an option in the list.\n * @param {string} direction -\n * Direction to highlight compared to the current focus.\n */\n function _highlight(direction) {\n if (direction === DIR_NEXT) {\n _model.setIndex(_model.getIndex() + 1);\n } else if (direction === DIR_PREV) {\n _model.setIndex(_model.getIndex() - 1);\n }\n\n const index = _model.getIndex();\n if (index > -1) {\n let filteredIndex = index;\n const filterIndices = _model.getFilterIndices();\n if (filterIndices.length > 0) {\n filteredIndex = filterIndices[index];\n }\n const option = _model.getOption(filteredIndex);\n const value = option.value;\n const item = _optionsDom.querySelector('[data-option=\"' + value + '\"]');\n const input = item.querySelector('input');\n\n _isBlurSkipped = true;\n input.focus();\n } else {\n _isBlurSkipped = false;\n _searchDom.focus();\n }\n }\n\n /**\n * Resets the search input and filtering.\n */\n function _resetSearch() {\n _searchDom.value = '';\n _resetFilter();\n }\n\n /**\n * This passes the click of the selected item button down to the label it\n * contains. This is only required for browsers (IE11) that prevent the\n * click of a selected item from cascading from the button down to the label\n * it contains.\n * @param {MouseEvent} event - The mouse click event object.\n */\n function _selectionClickHandler(event) {\n const target = event.target;\n if (target.tagName === 'BUTTON') {\n event.preventDefault();\n target.removeEventListener('click', _selectionClickHandler);\n target.querySelector('label').click();\n }\n }\n\n /**\n * @param {KeyboardEvent} event - The key down event object.\n */\n function _selectionKeyDownHandler(event) {\n if (event.key === KEY_SPACE || event.key === KEY_RETURN) {\n const label = event.target.querySelector('label');\n const checkbox = _optionsDom.querySelector(\n '#' + label.getAttribute('for'),\n );\n checkbox.click();\n }\n }\n\n /**\n * Create a unique ID based on a select's option HTML element.\n * @param {HTMLElement} option - A option HTML element.\n * @returns {string} A hopefully unique ID.\n */\n function _getOptionId(option) {\n /* Replace any character that is not a word character with a dash.\n https://regex101.com/r/ShHmRw/1\n */\n return (\n _name + '-' + option.value.trim().replace(/[^\\w]/g, '-').toLowerCase()\n );\n }\n\n /**\n * @param {HTMLElement} selectionsDom - The UL item to inject list item into.\n * @param {HTMLElement} option - The OPTION item to extract content from.\n */\n function _createSelectedItem(selectionsDom, option) {\n const optionId = _getOptionId(option);\n const selectionsItemDom = create('li', null, {\n 'data-option': option.value,\n });\n\n const selectionsItemLabelDom = create('button', selectionsItemDom, {\n type: 'button',\n class: 'a-tag-filter',\n innerHTML:\n '',\n });\n\n selectionsDom.appendChild(selectionsItemDom);\n\n selectionsItemLabelDom.addEventListener('click', _selectionClickHandler);\n selectionsItemLabelDom.addEventListener(\n 'keydown',\n _selectionKeyDownHandler,\n );\n }\n\n /**\n * Tracks a user's selections and updates the list in the dom.\n * @param {number} optionIndex - The index position of the chosen option.\n */\n function _updateSelections(optionIndex) {\n const option =\n _model.getOption(optionIndex) || _model.getOption(_model.getIndex());\n\n if (option) {\n if (option.checked) {\n if (_optionsDom.classList.contains('u-max-selections')) {\n _optionsDom.classList.remove('u-max-selections');\n }\n\n const dataOptionSel = '[data-option=\"' + option.value + '\"]';\n const _selectionsItemDom = _selectionsDom.querySelector(dataOptionSel);\n\n // If the exists\n if (typeof _selectionsItemDom !== 'undefined' && _selectionsItemDom) {\n _selectionsDom?.removeChild(_selectionsItemDom);\n }\n }\n // Else, if we are configured to display s then render them\n else if (_config?.renderTags && _selectionsDom) {\n _createSelectedItem(_selectionsDom, option);\n }\n _model.toggleOption(optionIndex);\n\n if (_model.isAtMaxSelections()) {\n _optionsDom.classList.add('u-max-selections');\n }\n\n _instance.dispatchEvent('selectionsupdated', { target: _instance });\n }\n\n _model.resetIndex();\n _isBlurSkipped = false;\n\n if (_fieldsetDom.getAttribute('aria-hidden') === 'false') {\n _searchDom.focus();\n }\n }\n\n /**\n * Handles the functions to trigger on the checkbox change.\n * @param {Event} event - The checkbox change event.\n */\n function _changeHandler(event) {\n _updateSelections(Number(event.target.getAttribute('data-index')));\n _resetSearch();\n }\n\n /**\n * Binds events to the search input, option list, and checkboxes.\n */\n function _bindEvents() {\n _headerDom.addEventListener('mousemove', function (event) {\n const target = event.target;\n // Check if we're over the down-arrow on the right side of the input.\n if (event.offsetX > target.offsetWidth - 35) {\n target.style.cursor = 'pointer';\n } else {\n target.style.cursor = 'auto';\n }\n });\n\n _headerDom.addEventListener('mouseup', function (event) {\n const target = event.target;\n\n /* Check if we're over the down-arrow on the right side of the input.\n Also check if the fieldset is open.\n 35 = width of the arrow on the right of the search input.\n 140 = the max-height value set in multiselect.src for the fieldset.\n */\n if (\n event.offsetX > target.offsetWidth - 35 &&\n _fieldsetDom.offsetHeight === 140\n ) {\n _searchDom.blur();\n }\n });\n\n _searchDom.addEventListener('input', function () {\n _evaluate(this.value);\n });\n\n _searchDom.addEventListener('focus', function () {\n if (_fieldsetDom.getAttribute('aria-hidden') === 'true') {\n expand();\n }\n });\n\n _searchDom.addEventListener('blur', function () {\n if (\n !_isBlurSkipped &&\n _fieldsetDom.getAttribute('aria-hidden') === 'false'\n ) {\n collapse();\n }\n });\n\n _searchDom.addEventListener('keydown', function (event) {\n const key = event.key;\n\n if (\n _fieldsetDom.getAttribute('aria-hidden') === 'true' &&\n key !== KEY_TAB\n ) {\n expand();\n }\n\n if (key === KEY_RETURN) {\n event.preventDefault();\n _highlight(DIR_NEXT);\n } else if (key === KEY_ESCAPE) {\n _resetSearch();\n collapse();\n } else if (key === KEY_DOWN) {\n _highlight(DIR_NEXT);\n } else if (\n key === KEY_TAB &&\n !event.shiftKey &&\n _fieldsetDom.getAttribute('aria-hidden') === 'false'\n ) {\n collapse();\n }\n });\n\n _optionsDom.addEventListener('mousedown', function () {\n _isBlurSkipped = true;\n });\n\n _optionsDom.addEventListener('keydown', function (event) {\n const key = event.key;\n const target = event.target;\n const checked = target.checked;\n\n if (key === KEY_RETURN) {\n event.preventDefault();\n\n /* Programmatically checking a checkbox does not fire a change event\n so we need to manually create an event and dispatch it from the input.\n */\n target.checked = !checked;\n const evt = new Event('change', { bubbles: false, cancelable: true });\n target.dispatchEvent(evt);\n } else if (key === KEY_ESCAPE) {\n _searchDom.focus();\n collapse();\n } else if (key === KEY_UP) {\n _highlight(DIR_PREV);\n } else if (key === KEY_DOWN) {\n _highlight(DIR_NEXT);\n }\n });\n\n _fieldsetDom.addEventListener('mousedown', function (event) {\n if (event.target.tagName === 'LABEL') {\n _isBlurSkipped = true;\n }\n });\n\n const inputs = _optionsDom.querySelectorAll('input');\n for (let i = 0, len = inputs.length; i < len; i++) {\n inputs[i].addEventListener('change', _changeHandler);\n }\n\n // Add event listeners to any selections that are present at page load.\n const labelButtons = _selectionsDom.querySelectorAll('button');\n for (let j = 0, len = labelButtons.length; j < len; j++) {\n labelButtons[j].addEventListener('click', _selectionClickHandler);\n labelButtons[j].addEventListener('keydown', _selectionKeyDownHandler);\n }\n }\n\n /**\n * Populates and injects the markup for the custom multiselect.\n * @returns {HTMLElement} Newly created
element to hold the multiselect.\n */\n function _populateMarkup() {\n // Add a container for our markup\n _containerDom = document.createElement('div');\n _containerDom.className = BASE_CLASS;\n\n // Create all our markup but wait to manipulate the DOM just once\n _selectionsDom = create('ul', null, {\n className: 'm-tag-group',\n });\n\n _headerDom = create('header', _containerDom, {\n className: BASE_CLASS + '__header',\n });\n\n _searchDom = create('input', _headerDom, {\n className: BASE_CLASS + '__search ' + TEXT_INPUT_CLASS,\n type: 'text',\n placeholder: _placeholder || 'Select up to five',\n id: _dom.id,\n autocomplete: 'off',\n });\n\n _fieldsetDom = create('fieldset', _containerDom, {\n className: BASE_CLASS + '__fieldset u-invisible',\n 'aria-hidden': 'true',\n });\n\n let optionsClasses = BASE_CLASS + '__options';\n if (_model.isAtMaxSelections()) {\n optionsClasses += ' u-max-selections';\n }\n\n _optionsDom = create('ul', _fieldsetDom, {\n className: optionsClasses,\n });\n\n let option;\n let optionId;\n let isChecked;\n for (let i = 0, len = _options.length; i < len; i++) {\n option = _options[i];\n optionId = _getOptionId(option);\n isChecked = _model.getOption(i).checked;\n const optionsItemDom = create('li', _optionsDom, {\n 'data-option': option.value,\n 'data-cy': 'multiselect-option',\n class: 'm-form-field m-form-field--checkbox',\n });\n\n create('input', optionsItemDom, {\n id: optionId,\n // Type must come before value or IE fails\n type: 'checkbox',\n value: option.value,\n name: _name,\n class: CHECKBOX_INPUT_CLASS + ' ' + BASE_CLASS + '__checkbox',\n checked: isChecked,\n 'data-index': i,\n });\n\n create('label', optionsItemDom, {\n for: optionId,\n textContent: option.text,\n className: BASE_CLASS + '__label a-label',\n });\n\n _optionItemDoms.push(optionsItemDom);\n\n // Create if enabled\n if (isChecked && _config?.renderTags) {\n _createSelectedItem(_selectionsDom, option);\n }\n }\n\n // Write our new markup to the DOM.\n _containerDom.insertBefore(_selectionsDom, _headerDom);\n _dom.parentNode.insertBefore(_containerDom, _dom);\n _containerDom.appendChild(_dom);\n\n return _containerDom;\n }\n\n /**\n * Set up and create the multiselect.\n * @param {object} multiselectConfig - Multiselect configuration options\n * @returns {Multiselect} An instance.\n */\n function init(multiselectConfig = DEFAULT_CONFIG) {\n if (!setInitFlag(_dom)) {\n return this;\n }\n\n if (isMobileUserAgent()) {\n return this;\n }\n\n _instance = this;\n _name = _dom.name || _dom.id;\n _placeholder = _dom.getAttribute('placeholder');\n _options = _dom.options || [];\n\n // Allow devs to pass the config settings they want and not worry about the rest\n _config = { ...DEFAULT_CONFIG, ...multiselectConfig };\n\n if (_options.length > 0) {\n // Store underlying model so we can expose it externally\n _model = new MultiselectModel(_options, _name, _config).init();\n const newDom = _populateMarkup();\n\n /* Removes element. */\n setInitFlag(_dom);\n\n _bindEvents();\n }\n\n return this;\n }\n\n /**\n * Allow external access to the underlying model for integration/customization when used in other applications.\n * @returns {object} Model\n */\n function getModel() {\n return _model;\n }\n\n // Attach public events.\n this.init = init;\n this.expand = expand;\n this.collapse = collapse;\n\n const eventObserver = new EventObserver();\n this.addEventListener = eventObserver.addEventListener;\n this.removeEventListener = eventObserver.removeEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n this.getModel = getModel;\n this.updateSelections = _updateSelections;\n this.selectionClickHandler = _selectionClickHandler;\n this.selectionKeyDownHandler = _selectionKeyDownHandler;\n\n return this;\n}\n\nMultiselect.BASE_CLASS = BASE_CLASS;\nMultiselect.init = (config) =>\n instantiateAll(`.${BASE_CLASS}`, Multiselect, undefined, config);\n\nexport { Multiselect, MultiselectStyles };\n", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Icons\n ========================================================================== */\n.cf-icon-svg {\n height: 1.1875em;\n vertical-align: text-top;\n fill: currentcolor;\n}\n.cf-icon-svg--updating, .cf-icon-svg--updating-round {\n animation: updating-animation 1.25s infinite linear;\n transform-origin: 50% 50%;\n}\n\n@keyframes updating-animation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(359deg);\n }\n}\nhtml[lang=ar] .cf-icon-svg--right, html[lang=ar] .cf-icon-svg--right-round, html[lang=ar] .cf-icon-svg--left, html[lang=ar] .cf-icon-svg--left-round, html[lang=ar] .cf-icon-svg--arrow-right, html[lang=ar] .cf-icon-svg--arrow-right-round, html[lang=ar] .cf-icon-svg--arrow-left, html[lang=ar] .cf-icon-svg--arrow-left-round, html[lang=ar] .cf-icon-svg--help, html[lang=ar] .cf-icon-svg--help-round, html[lang=ar] .cf-icon-svg--book, html[lang=ar] .cf-icon-svg--book-round, html[lang=ar] .cf-icon-svg--document, html[lang=ar] .cf-icon-svg--document-round, html[lang=ar] .cf-icon-svg--edit, html[lang=ar] .cf-icon-svg--edit-round, html[lang=ar] .cf-icon-svg--paper-clip, html[lang=ar] .cf-icon-svg--paper-clip-round, html[lang=ar] .cf-icon-svg--cart, html[lang=ar] .cf-icon-svg--cart-round, html[lang=ar] .cf-icon-svg--disability, html[lang=ar] .cf-icon-svg--disability-round, html[lang=ar] .cf-icon-svg--travel, html[lang=ar] .cf-icon-svg--travel-round, html[lang=ar] .cf-icon-svg--bullhorn, html[lang=ar] .cf-icon-svg--bullhorn-round, html[lang=ar] .cf-icon-svg--chart, html[lang=ar] .cf-icon-svg--chart-round, html[lang=ar] .cf-icon-svg--list, html[lang=ar] .cf-icon-svg--list-round, html[lang=ar] .cf-icon-svg--external-link, html[lang=ar] .cf-icon-svg--external-link-round {\n transform: scaleX(-1);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-card {\n position: relative;\n}\n.m-card:not(.m-card--breakout) > a {\n padding: 1.875em;\n}\n.m-card:not(.m-card--breakout) .m-card__footer {\n margin-top: auto;\n}\n.m-card:not(.m-card--breakout, .m-card--topic) {\n background: var(--white);\n border: 1px solid var(--gray-20);\n border-bottom-width: 3px;\n padding: 1.875em;\n}\n.m-card:not(.m-card--breakout, .m-card--topic), .m-card > a {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n flex-basis: 0;\n box-sizing: border-box;\n height: 100%;\n}\n.m-card a:focus {\n outline-offset: 2px;\n}\n.m-card__footer > a {\n font-weight: 500;\n border-bottom-width: 1px;\n}\n@media only all and (max-width: 56.3125em) {\n .m-card__heading {\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n }\n p + .m-card__heading, ul + .m-card__heading, ol + .m-card__heading, dl + .m-card__heading, figure + .m-card__heading, img + .m-card__heading, table + .m-card__heading, blockquote + .m-card__heading, h1 + .m-card__heading, .h1 + .m-card__heading, h2 + .m-card__heading, .h2 + .m-card__heading, h4 + .m-card__heading, .h4 + .m-card__heading, h5 + .m-card__heading, .h5 + .m-card__heading, h6 + .m-card__heading, .h6 + .m-card__heading {\n margin-top: 1.3636363636em;\n }\n}\n@media only all and (max-width: 56.3125em) and (max-width: 37.5em) {\n .m-card__heading {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.8333333333em;\n }\n p + .m-card__heading, ul + .m-card__heading, ol + .m-card__heading, dl + .m-card__heading, figure + .m-card__heading, img + .m-card__heading, table + .m-card__heading, blockquote + .m-card__heading, h1 + .m-card__heading, .h1 + .m-card__heading, h2 + .m-card__heading, .h2 + .m-card__heading, h3 + .m-card__heading, .h3 + .m-card__heading, h5 + .m-card__heading, .h5 + .m-card__heading, h6 + .m-card__heading, .h6 + .m-card__heading {\n margin-top: 1.6666666667em;\n }\n}\n.m-card__heading > a {\n color: var(--black);\n}\n.m-card__heading > a:hover {\n color: var(--pacific);\n}\n.m-card__heading > a .m-card__icon {\n font-size: 1em;\n margin-bottom: 0;\n padding-right: 0.46875em;\n}\n.m-card__heading > a .m-card__icon, .m-card__heading > a span {\n display: table-cell;\n}\n.m-card > .m-list {\n margin-top: 10px;\n margin-bottom: 30px;\n}\n.m-card--topic {\n text-align: center;\n width: 170px;\n background: var(--white);\n}\n.m-card--topic > a {\n border: 1px solid var(--gray-20);\n border-bottom-width: 3px;\n}\n.m-card--topic .m-card__icon {\n font-size: 1.875em;\n color: var(--green);\n margin-bottom: 0.3125em;\n}\n.m-card--topic:hover > a {\n box-shadow: 0 2px 0 0 inset var(--gray-20), 2px 0 0 0 inset var(--gray-20), -2px 0 0 0 inset var(--gray-20);\n}\n.m-card--topic:hover::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: 1px;\n height: 5px;\n width: 100%;\n background: var(--green);\n}\n.m-card--topic .m-card__footer > span {\n display: inline;\n border-width: 0;\n border-bottom-width: 1px;\n border-color: var(--pacific);\n border-style: dotted;\n font-weight: 500;\n color: var(--pacific);\n text-decoration: none;\n}\n.m-card--topic > a:visited .m-card__footer > span {\n border-color: var(--teal);\n color: var(--teal);\n}\n.m-card--topic:hover .m-card__footer > span {\n border-style: solid;\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\n.m-card--topic > a:focus .m-card__footer > span {\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\n.m-card--topic > a:active .m-card__footer > span {\n border-color: var(--pacific-dark);\n border-style: solid;\n color: var(--pacific-dark);\n}\n.m-card--topic-action .m-card__icon {\n color: var(--pacific);\n}\n.m-card--breakout {\n min-width: 210px;\n text-align: center;\n}\n.m-card--breakout > a {\n padding-top: 60px;\n}\n.m-card--breakout .m-card__inner-wrapper {\n position: relative;\n z-index: 0;\n min-height: 135px;\n background: var(--gray-5);\n border: 1px solid var(--gray-20);\n border-bottom-width: 3px;\n}\n.m-card--breakout .m-card__img {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 50%;\n width: 210px;\n height: 120px;\n margin-left: -105px;\n}\n.m-card--breakout .m-card__footer {\n margin-top: 84px;\n}\n.m-card--breakout:hover .m-card__inner-wrapper {\n box-shadow: 0 2px 0 0 inset var(--gray-20), 2px 0 0 0 inset var(--gray-20), -2px 0 0 0 inset var(--gray-20);\n}\n.m-card--breakout:hover::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: 1px;\n height: 5px;\n width: 100%;\n background: var(--green);\n}\n.m-card--breakout .m-card__footer > span {\n display: inline;\n border-width: 0;\n border-bottom-width: 1px;\n border-color: var(--pacific);\n border-style: dotted;\n font-weight: 500;\n color: var(--pacific);\n text-decoration: none;\n}\n.m-card--breakout > a:visited .m-card__footer > span {\n border-color: var(--teal);\n color: var(--teal);\n}\n.m-card--breakout:hover .m-card__footer > span {\n border-style: solid;\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\n.m-card--breakout > a:focus .m-card__footer > span {\n border-color: var(--pacific);\n color: var(--pacific);\n}\n.m-card--breakout > a:active .m-card__footer > span {\n border-color: var(--navy);\n border-style: solid;\n color: var(--navy);\n}\n.m-card--breakout .m-card__footer > span {\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n}\np + .m-card--breakout .m-card__footer > span, ul + .m-card--breakout .m-card__footer > span, ol + .m-card--breakout .m-card__footer > span, dl + .m-card--breakout .m-card__footer > span, figure + .m-card--breakout .m-card__footer > span, img + .m-card--breakout .m-card__footer > span, table + .m-card--breakout .m-card__footer > span, blockquote + .m-card--breakout .m-card__footer > span, h1 + .m-card--breakout .m-card__footer > span, .h1 + .m-card--breakout .m-card__footer > span, h2 + .m-card--breakout .m-card__footer > span, .h2 + .m-card--breakout .m-card__footer > span, h4 + .m-card--breakout .m-card__footer > span, .h4 + .m-card--breakout .m-card__footer > span, h5 + .m-card--breakout .m-card__footer > span, .h5 + .m-card--breakout .m-card__footer > span, h6 + .m-card--breakout .m-card__footer > span, .h6 + .m-card--breakout .m-card__footer > span {\n margin-top: 1.3636363636em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-card-group > h2 {\n margin-bottom: 1.875rem;\n}\n.o-card-group--column-2 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n}\n.o-card-group--column-3 .o-card-group__cards {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n@media only all and (max-width: 63.8125em) {\n .o-card-group--column-3 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n }\n}\n.o-card-group__cards {\n display: grid;\n grid-column-gap: 1.25em;\n grid-row-gap: 1.25em;\n}\n@media only all and (max-width: 37.5em) {\n .o-card-group__cards {\n grid-template-columns: 100% !important;\n }\n}\n.o-card-group--bg-green {\n padding: 1.875em;\n background: var(--green-20);\n}\n\n/* stylelint-disable selector-type-no-unknown */\n_:-ms-lang(x),\n.o-card-group__cards {\n display: block;\n}\n_:-ms-lang(x) .m-card,\n.o-card-group__cards .m-card {\n display: block;\n float: left;\n margin-bottom: 10px;\n}\n\n_:-ms-lang(x) .o-card-group__cards .m-card,\n.o-card-group--column-2 .o-card-group__cards .m-card {\n width: 48%;\n margin-right: 2%;\n}\n_:-ms-lang(x) .o-card-group__cards .m-card:last-child,\n.o-card-group--column-2 .o-card-group__cards .m-card:last-child {\n margin-right: 0;\n}\n\n_:-ms-lang(x) .o-card-group__cards .m-card,\n.o-card-group--column-3 .o-card-group__cards .m-card {\n width: 32%;\n margin-right: 1%;\n}\n_:-ms-lang(x) .o-card-group__cards .m-card:last-child,\n.o-card-group--column-3 .o-card-group__cards .m-card:last-child {\n margin-right: 0;\n}\n\n_:-ms-lang(x),\n.o-card-group::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n/* stylelint-enable selector-type-no-unknown */\n/* stylelint-disable no-duplicate-selectors */\n.o-card-group {\n /* stylelint-enable no-duplicate-selectors */\n}\n.o-card-group--count-2 .m-card:nth-of-type(1), .o-card-group--count-3 .m-card:nth-of-type(1), .o-card-group--count-4 .m-card:nth-of-type(1) {\n grid-area: card1;\n}\n.o-card-group--count-2 .m-card:nth-of-type(2), .o-card-group--count-3 .m-card:nth-of-type(2), .o-card-group--count-4 .m-card:nth-of-type(2) {\n grid-area: card2;\n}\n.o-card-group--count-2 .m-card:nth-of-type(3), .o-card-group--count-3 .m-card:nth-of-type(3), .o-card-group--count-4 .m-card:nth-of-type(3) {\n grid-area: card3;\n}\n.o-card-group--count-2 .m-card:nth-of-type(4), .o-card-group--count-3 .m-card:nth-of-type(4), .o-card-group--count-4 .m-card:nth-of-type(4) {\n grid-area: card4;\n}\n.o-card-group--count-2 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"card1 card2\";\n}\n.o-card-group--count-3 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"card1 card2\" \"card1 card3\";\n}\n.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n font-size: 1.625em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n}\np + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ul + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ol + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, dl + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, figure + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, img + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, table + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, blockquote + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n margin-top: 1.7307692308em;\n}\nh1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h3 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h3 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n margin-top: 1.1538461538em;\n}\n@media only all and (max-width: 37.5em) {\n p + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ul + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ol + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, dl + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, figure + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, img + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, table + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, blockquote + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n margin-top: 1.3636363636em;\n }\n}\n@media only all and (max-width: 37.5em) {\n .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n font-size: 1.375em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n }\n p + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ul + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ol + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, dl + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, figure + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, img + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, table + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, blockquote + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h2 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h2 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n margin-top: 1.3636363636em;\n }\n}\n.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) > a {\n justify-content: center;\n}\n.o-card-group--count-4 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"card1 card2\" \"card3 card4\";\n}\n.o-card-group--flow .o-card-group__cards {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n@media only all and (min-width: 37.5625em) and (max-width: 56.25em) {\n .o-card-group--count-3 .o-card-group__cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"card1 card1\" \"card2 card3\";\n }\n}\n@media only all and (max-width: 37.5em) {\n .o-card-group--count-2 .o-card-group__cards {\n grid-template-columns: 1fr;\n grid-template-areas: \"card1\" \"card2\";\n }\n .o-card-group--count-3 .o-card-group__cards {\n grid-template-columns: 1fr;\n grid-template-areas: \"card1\" \"card2\" \"card3\";\n }\n .o-card-group--count-4 .o-card-group__cards {\n grid-template-columns: 1fr;\n grid-template-areas: \"card1\" \"card2\" \"card3\" \"card4\";\n }\n .o-card-group--flow .o-card-group__cards {\n display: block;\n }\n .o-card-group--flow .o-card-group__cards .m-card {\n width: 100%;\n margin-bottom: 1.875em;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-email-signup .m-notification {\n margin-bottom: 0.9375em;\n}\n.o-email-signup .a-text-input {\n max-width: 23.125rem;\n}\n.o-email-signup__buttons {\n display: flex;\n margin-top: 0.9375em;\n align-items: center;\n flex-wrap: wrap-reverse;\n gap: 0.9375em;\n}\n.o-email-signup .a-btn {\n text-align: inherit;\n}\n@media only all and (max-width: 37.5em) {\n .o-email-signup .a-label--heading {\n font-size: 1em;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-featured-content-module {\n min-height: 220px;\n position: relative;\n border: 1px solid var(--gray-40);\n background-color: var(--gray-5);\n}\n.o-featured-content-module__text {\n padding-top: 1.875em;\n padding-bottom: 1.875em;\n}\n.o-featured-content-module__img {\n display: block;\n}\n@media only all and (max-width: 37.5em) {\n .o-featured-content-module__text {\n padding-right: 0.9375em;\n padding-left: 0.9375em;\n }\n .o-featured-content-module__visual {\n padding-right: 0.9375em;\n padding-bottom: 0.9375em;\n padding-left: 0.9375em;\n }\n .o-featured-content-module__img {\n margin-right: auto;\n margin-left: auto;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .o-featured-content-module__text {\n padding-right: 300px;\n padding-left: 1.875em;\n }\n .o-featured-content-module__visual {\n height: 100%;\n overflow: hidden;\n position: absolute;\n top: 0;\n right: 0;\n width: 270px;\n }\n .o-featured-content-module__img {\n max-width: none;\n height: 100%;\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n }\n}\n.o-featured-content-module--left {\n /* Left modifier doesn't have a border/background. If in the future we\n have a left arranged FCM we'll want to make the border/background\n its own modifer */\n border: initial;\n background-color: initial;\n}\n.o-featured-content-module--left .o-featured-content-module__visual {\n left: 0;\n right: initial;\n}\n@media only all and (min-width: 37.5625em) {\n .o-featured-content-module--left .o-featured-content-module__text {\n padding-left: 300px;\n padding-right: 1.875em;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-hero {\n background-color: var(--gray-5);\n}\n.m-hero__wrapper {\n display: grid;\n max-width: 1200px;\n margin: 0 auto;\n padding-top: 30px;\n padding-bottom: 30px;\n}\n.m-hero__text {\n padding-right: 15px;\n padding-left: 15px;\n}\n.m-hero__heading {\n font-size: 2.125em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.4411764706em;\n}\np + .m-hero__heading, ul + .m-hero__heading, ol + .m-hero__heading, dl + .m-hero__heading, figure + .m-hero__heading, img + .m-hero__heading, table + .m-hero__heading, blockquote + .m-hero__heading {\n margin-top: 1.7647058824em;\n}\n.m-hero__subhead {\n font-size: 22px;\n line-height: 1.25;\n}\n.m-hero__image-wrapper {\n box-sizing: border-box;\n overflow: hidden;\n}\n.m-hero__image {\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n width: 100%;\n display: none;\n}\n@supports (display: grid) {\n .m-hero__image {\n display: block;\n }\n}\n.m-hero--knockout {\n background-color: var(--gray);\n color: var(--white);\n}\n.m-hero--overlay .m-hero__wrapper {\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n}\n.m-hero--jumbo, .m-hero--50-50 {\n background-color: var(--white);\n}\n.m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n margin-top: 0;\n margin-bottom: 15px;\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n@media only all and (max-width: 37.5em) {\n .m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n }\n p + .m-hero--jumbo .m-hero__subhead, ul + .m-hero--jumbo .m-hero__subhead, ol + .m-hero--jumbo .m-hero__subhead, dl + .m-hero--jumbo .m-hero__subhead, figure + .m-hero--jumbo .m-hero__subhead, img + .m-hero--jumbo .m-hero__subhead, table + .m-hero--jumbo .m-hero__subhead, blockquote + .m-hero--jumbo .m-hero__subhead, h1 + .m-hero--jumbo .m-hero__subhead, .h1 + .m-hero--jumbo .m-hero__subhead, h2 + .m-hero--jumbo .m-hero__subhead, .h2 + .m-hero--jumbo .m-hero__subhead, h4 + .m-hero--jumbo .m-hero__subhead, .h4 + .m-hero--jumbo .m-hero__subhead, h5 + .m-hero--jumbo .m-hero__subhead, .h5 + .m-hero--jumbo .m-hero__subhead, h6 + .m-hero--jumbo .m-hero__subhead, .h6 + .m-hero--jumbo .m-hero__subhead, p + .m-hero--50-50 .m-hero__subhead, ul + .m-hero--50-50 .m-hero__subhead, ol + .m-hero--50-50 .m-hero__subhead, dl + .m-hero--50-50 .m-hero__subhead, figure + .m-hero--50-50 .m-hero__subhead, img + .m-hero--50-50 .m-hero__subhead, table + .m-hero--50-50 .m-hero__subhead, blockquote + .m-hero--50-50 .m-hero__subhead, h1 + .m-hero--50-50 .m-hero__subhead, .h1 + .m-hero--50-50 .m-hero__subhead, h2 + .m-hero--50-50 .m-hero__subhead, .h2 + .m-hero--50-50 .m-hero__subhead, h4 + .m-hero--50-50 .m-hero__subhead, .h4 + .m-hero--50-50 .m-hero__subhead, h5 + .m-hero--50-50 .m-hero__subhead, .h5 + .m-hero--50-50 .m-hero__subhead, h6 + .m-hero--50-50 .m-hero__subhead, .h6 + .m-hero--50-50 .m-hero__subhead {\n margin-top: 1.3636363636em;\n }\n}\n@media only all and (min-width: 63.8125em) {\n .m-hero--jumbo .m-hero__wrapper, .m-hero--50-50 .m-hero__wrapper {\n min-height: 285px;\n }\n .m-hero--jumbo .m-hero__heading, .m-hero--50-50 .m-hero__heading {\n margin-bottom: 0.4166666667em;\n font-size: 3em;\n font-weight: normal;\n line-height: 1.25;\n }\n .m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n font-size: 1.625em;\n font-weight: 400;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n }\n p + .m-hero--jumbo .m-hero__subhead, ul + .m-hero--jumbo .m-hero__subhead, ol + .m-hero--jumbo .m-hero__subhead, dl + .m-hero--jumbo .m-hero__subhead, figure + .m-hero--jumbo .m-hero__subhead, img + .m-hero--jumbo .m-hero__subhead, table + .m-hero--jumbo .m-hero__subhead, blockquote + .m-hero--jumbo .m-hero__subhead, p + .m-hero--50-50 .m-hero__subhead, ul + .m-hero--50-50 .m-hero__subhead, ol + .m-hero--50-50 .m-hero__subhead, dl + .m-hero--50-50 .m-hero__subhead, figure + .m-hero--50-50 .m-hero__subhead, img + .m-hero--50-50 .m-hero__subhead, table + .m-hero--50-50 .m-hero__subhead, blockquote + .m-hero--50-50 .m-hero__subhead {\n margin-top: 1.7307692308em;\n }\n h1 + .m-hero--jumbo .m-hero__subhead, .h1 + .m-hero--jumbo .m-hero__subhead, h3 + .m-hero--jumbo .m-hero__subhead, .h3 + .m-hero--jumbo .m-hero__subhead, h4 + .m-hero--jumbo .m-hero__subhead, .h4 + .m-hero--jumbo .m-hero__subhead, h5 + .m-hero--jumbo .m-hero__subhead, .h5 + .m-hero--jumbo .m-hero__subhead, h6 + .m-hero--jumbo .m-hero__subhead, .h6 + .m-hero--jumbo .m-hero__subhead, h1 + .m-hero--50-50 .m-hero__subhead, .h1 + .m-hero--50-50 .m-hero__subhead, h3 + .m-hero--50-50 .m-hero__subhead, .h3 + .m-hero--50-50 .m-hero__subhead, h4 + .m-hero--50-50 .m-hero__subhead, .h4 + .m-hero--50-50 .m-hero__subhead, h5 + .m-hero--50-50 .m-hero__subhead, .h5 + .m-hero--50-50 .m-hero__subhead, h6 + .m-hero--50-50 .m-hero__subhead, .h6 + .m-hero--50-50 .m-hero__subhead {\n margin-top: 1.1538461538em;\n }\n}\n\n@media only all and (max-width: 37.5em) {\n .m-hero__image-wrapper {\n margin-top: 1.875em;\n }\n .m-hero--overlay .m-hero__wrapper {\n background-image: none !important;\n }\n .m-hero--jumbo .m-hero__wrapper {\n padding-bottom: 0;\n }\n}\n@media only all and (max-width: 56.25em) {\n .m-hero__heading {\n font-size: 1.625em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n }\n p + .m-hero__heading, ul + .m-hero__heading, ol + .m-hero__heading, dl + .m-hero__heading, figure + .m-hero__heading, img + .m-hero__heading, table + .m-hero__heading, blockquote + .m-hero__heading {\n margin-top: 1.7307692308em;\n }\n h1 + .m-hero__heading, .h1 + .m-hero__heading, h3 + .m-hero__heading, .h3 + .m-hero__heading, h4 + .m-hero__heading, .h4 + .m-hero__heading, h5 + .m-hero__heading, .h5 + .m-hero__heading, h6 + .m-hero__heading, .h6 + .m-hero__heading {\n margin-top: 1.1538461538em;\n }\n .m-hero__subhead {\n font-size: 18px;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .m-hero__wrapper {\n grid-template-columns: 7fr 5fr;\n padding-right: 15px;\n padding-left: 15px;\n min-height: 225px;\n }\n .m-hero__text {\n margin: auto;\n }\n .m-hero__image-wrapper {\n padding-right: 15px;\n padding-left: 15px;\n display: flex;\n align-items: center;\n }\n .m-hero--bleeding .m-hero__image-wrapper {\n width: 100%;\n margin-top: -2.8125em;\n margin-bottom: -2.8125em;\n }\n .m-hero--bleeding .m-hero__image {\n padding-bottom: 0 !important;\n height: 100%;\n width: 100%;\n background-size: cover;\n }\n .m-hero--overlay .m-hero__image {\n display: none;\n }\n .m-hero--jumbo .m-hero__wrapper {\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: cover;\n }\n .m-hero--jumbo .m-hero__image {\n display: none;\n }\n .m-hero--50-50 .m-hero__wrapper {\n grid-template-columns: 1fr 1fr;\n border: 1px solid var(--gray-40);\n border-top: none;\n background-position: 100% center;\n background-repeat: no-repeat;\n background-size: 50%;\n }\n .m-hero--50-50 .m-hero__image {\n display: none;\n }\n}\n@media only all and (min-width: 63.8125em) {\n .m-hero__wrapper {\n padding-top: 2.8125em;\n padding-bottom: 2.8125em;\n min-height: 195px;\n }\n .m-hero--bleeding .m-hero__image-wrapper {\n margin-top: -2.8125em;\n margin-bottom: -2.8125em;\n }\n .m-hero--50-50 .m-hero__wrapper {\n min-height: 345px;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Layout Helpers\n ========================================================================== */\n.content-l {\n position: relative;\n}\n@media only all and (min-width: 37.5625em) {\n .content-l {\n display: block;\n position: relative;\n margin-left: -15px;\n margin-right: -15px;\n }\n}\n\n@media only all and (max-width: 37.5em) {\n .content-l__col + .content-l__col {\n margin-top: 1.875em;\n }\n}\n\n@media only all and (min-width: 37.5625em) {\n .content-l__col-1 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-1-2 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 50%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-1-3 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 33.3333333333%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-2-3 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 66.6666666667%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-3-8 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 37.5%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-5-8 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 62.5%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-1-4 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 25%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content-l__col-3-4 {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 75%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n}\n.content__line {\n height: 1px;\n background: var(--gray-40);\n}\n\n.content__main dd,\n.content__main dt,\n.content__main h3,\n.content__main h4,\n.content__main h5,\n.content__main h6,\n.content__main li,\n.content__main p,\n.content__main label,\n.content__intro dd,\n.content__intro dt,\n.content__intro h3,\n.content__intro h4,\n.content__intro h5,\n.content__intro h6,\n.content__intro li,\n.content__intro p,\n.content__intro label {\n max-width: 41.875rem;\n}\n\n.content__intro,\n.content__main,\n.content__sidebar {\n padding: 1.875em 0.9375em;\n}\n@media only all and (min-width: 37.5625em) {\n .content__intro,\n .content__main,\n .content__sidebar {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n padding: 2.8125em 0.9375em;\n }\n}\n@media only all and (min-width: 56.3125em) {\n .content__intro,\n .content__main,\n .content__sidebar {\n padding: 2.8125em 0;\n }\n}\n\n@media only all and (min-width: 56.3125em) {\n .content__intro {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n}\n@media only all and (min-width: 56.3125em) {\n .content--1-3 .content__sidebar {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 25%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n padding-right: 1.875em;\n }\n .content--1-3 .content__main {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 75%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n position: relative;\n }\n .content--1-3 .content__main::after {\n content: \"\";\n border-left: 1px solid var(--gray-40);\n position: absolute;\n top: 2.8125em;\n bottom: 0;\n left: -1.875em;\n }\n .content--2-1 .content__main {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 66.6666666667%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n }\n .content--2-1 .content__main::after {\n right: -1.875em;\n }\n .content--2-1 .content__sidebar {\n /* stylelint-enable */\n display: inline-block;\n box-sizing: border-box;\n width: 33.3333333333%;\n border: solid transparent;\n border-width: 0 15px;\n margin-right: -0.25em;\n vertical-align: top;\n padding-left: 1.875em;\n }\n}\n.content--flush-bottom {\n padding-bottom: 0;\n}\n\n@media only all and (max-width: 56.25em) {\n .content--flush-top-on-small {\n padding-top: 0;\n }\n}\n\n@media only all and (max-width: 56.25em) {\n .content--flush-all-on-small {\n padding: 0;\n border: none;\n }\n}\n\n.block {\n margin-top: 3.75em;\n margin-bottom: 3.75em;\n}\n.block--border-top {\n border-top: 1px solid var(--gray-40);\n}\n.block--border-right {\n border-right: 1px solid var(--gray-40);\n}\n.block--border-bottom {\n border-bottom: 1px solid var(--gray-40);\n}\n.block--border-left {\n border-left: 1px solid var(--gray-40);\n}\n.block--border {\n border: 1px solid var(--gray-40);\n}\n.block--flush-top {\n margin-top: 0 !important;\n}\n.block--flush-top.block--border, .block--flush-top.block--border-top {\n border-top: none;\n}\n.block--flush-bottom {\n margin-bottom: 0 !important;\n}\n.block--flush-bottom.block--border, .block--flush-bottom.block--border-bottom {\n border-bottom: none;\n}\n.block--flush-sides {\n margin-right: -15px;\n margin-left: -15px;\n}\n@media only all and (max-width: 37.5em) {\n .block--flush-sides.block--border, .block--flush-sides.block--border-right, .block--flush-sides.block--border-left {\n border-right: none;\n border-left: none;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .block--flush-sides {\n margin-right: -30px;\n margin-left: -30px;\n }\n}\n.block--flush {\n margin-top: 0 !important;\n margin-right: -15px;\n margin-bottom: 0 !important;\n margin-left: -15px;\n}\n.block--flush.block--border, .block--flush.block--border-top, .block--flush.block--border-bottom {\n border-top: none;\n border-bottom: none;\n}\n@media only all and (max-width: 37.5em) {\n .block--flush.block--border, .block--flush.block--border-right, .block--flush.block--border-left {\n border-right: none;\n border-left: none;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .block--flush {\n margin-right: -30px;\n margin-left: -30px;\n }\n}\n.block--bg {\n padding: 1.875em 0.9375em;\n padding-bottom: 3.75em;\n background: var(--gray-5);\n}\n@media only all and (min-width: 37.5625em) {\n .block--bg {\n padding: 2.8125em 1.875em;\n }\n}\n.block--padded-top {\n padding-top: 1.875em;\n margin-top: 1.875em;\n}\n.block--padded-bottom {\n padding-bottom: 1.875em;\n margin-bottom: 1.875em;\n}\n.block--sub {\n margin-top: 1.875em;\n margin-bottom: 1.875em;\n}\n\n@media only all and (min-width: 56.3125em) {\n .wrapper {\n /* stylelint-enable */\n max-width: 1200px;\n padding-right: 15px;\n padding-left: 15px;\n margin: 0 auto;\n clear: both;\n }\n}\n.wrapper--match-content {\n padding-left: 15px;\n padding-right: 15px;\n}\n@media only all and (min-width: 37.5625em) {\n .wrapper--match-content {\n padding-left: 30px;\n padding-right: 30px;\n max-width: 1200px;\n }\n}", ".o-text-introduction {\n margin-top: 0;\n margin-bottom: 60px;\n}\n.o-text-introduction > * {\n margin-top: 0;\n margin-bottom: 15px;\n max-width: 41.875rem;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-well {\n box-sizing: border-box;\n padding: 1.875em 0.9375em;\n border: 1px solid var(--gray-40);\n background-color: var(--gray-5);\n}\n@media only all and (min-width: 37.5625em) {\n .o-well {\n padding-left: 1.875em;\n padding-right: 1.875em;\n }\n}", "/* ==========================================================================\n Design System\n Notifications Styling\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.o-banner {\n padding: 0.9375em 0;\n background: var(--gold-10);\n border-bottom: 1px solid var(--gray-40);\n font-size: 0.875em;\n}\n.o-banner .m-notification {\n border: none;\n padding: 0;\n}\n.o-banner .m-notification__icon {\n left: 0;\n top: 0;\n}\n.o-banner--dark {\n background: var(--teal-dark);\n border-color: var(--teal-dark);\n color: var(--white);\n}\n.o-banner--dark .m-notification {\n background: var(--teal-dark);\n}\n.o-banner--dark .m-notification .cf-icon-svg {\n fill: var(--white);\n}\n.o-banner--dark .m-notification a {\n color: var(--white);\n border-color: var(--white);\n}\n.o-banner--dark .m-notification a:visited, .o-banner--dark .m-notification a.visited {\n border-color: var(--teal-40);\n color: var(--teal-40);\n}\n.o-banner--dark .m-notification a:hover, .o-banner--dark .m-notification a.hover {\n border-color: var(--gray-15);\n color: var(--gray-15);\n}\n.o-banner--dark .m-notification a:focus, .o-banner--dark .m-notification a.focus {\n border-color: var(--white);\n color: var(--white);\n}\n.o-banner--dark .m-notification a:active, .o-banner--dark .m-notification a.active {\n border-color: var(--gray-15);\n color: var(--gray-15);\n}\n@media only all and (min-width: 37.5625em) {\n .o-banner {\n font-size: 1em;\n }\n}", "/* ==========================================================================\n Design System\n Notifications Styling\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.m-notification {\n display: none;\n position: relative;\n padding: 15px;\n background: var(--gray-5);\n border: 1px solid var(--gray-40);\n}\n.m-notification > .cf-icon-svg {\n position: absolute;\n fill: var(--gray);\n}\n.m-notification--success {\n background: var(--green-10);\n border-color: var(--green);\n}\n.m-notification--success > .cf-icon-svg {\n fill: var(--green);\n}\n.m-notification--warning {\n background: var(--gold-10);\n border-color: var(--gold);\n}\n.m-notification--warning > .cf-icon-svg {\n fill: var(--gold);\n}\n.m-notification--error {\n background: var(--red-10);\n border-color: var(--red);\n}\n.m-notification--error > .cf-icon-svg {\n fill: var(--red);\n}\n.m-notification--success a, .m-notification--warning a, .m-notification--error a {\n color: var(--pacific-mid-dark);\n border-color: var(--pacific-mid-dark);\n}\n.m-notification--success a:visited, .m-notification--success a.visited, .m-notification--warning a:visited, .m-notification--warning a.visited, .m-notification--error a:visited, .m-notification--error a.visited {\n border-color: var(--teal);\n color: var(--teal);\n}\n.m-notification--success a:hover, .m-notification--success a.hover, .m-notification--warning a:hover, .m-notification--warning a.hover, .m-notification--error a:hover, .m-notification--error a.hover {\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\n.m-notification--success a:focus, .m-notification--success a.focus, .m-notification--warning a:focus, .m-notification--warning a.focus, .m-notification--error a:focus, .m-notification--error a.focus {\n border-color: var(--pacific-mid-dark);\n color: var(--pacific-mid-dark);\n}\n.m-notification--success a:active, .m-notification--success a.active, .m-notification--warning a:active, .m-notification--warning a.active, .m-notification--error a:active, .m-notification--error a.active {\n border-color: var(--navy-dark);\n color: var(--navy-dark);\n}\n.m-notification--visible {\n display: block;\n}\n.cf-icon-svg + .m-notification__content {\n padding-left: 1.5625rem;\n}\n.m-notification__message {\n font-size: 1rem;\n line-height: 1.25;\n font-weight: 500;\n}\n@media only all and (min-width: 37.5625em) {\n .m-notification__message {\n font-size: 1.125rem;\n }\n}\n.m-notification__explanation {\n margin-top: 0.3125rem;\n margin-bottom: 0.9375rem;\n}\n.m-notification__message + .m-list {\n margin-top: 0.9375rem;\n}\n@media only all and (min-width: 37.5625em) {\n .m-notification .cf-icon-svg {\n font-size: 1.125rem;\n }\n .m-notification__explanation {\n margin-bottom: 0;\n }\n .m-notification .m-list {\n margin-top: 0.3125rem;\n }\n .m-notification .m-list__item {\n margin-bottom: 0.3125rem;\n }\n}\n\nhtml[lang=ar] .m-notification .cf-icon-svg + .m-notification__content {\n padding-left: initial;\n padding-right: 1.5625rem;\n}\nhtml[lang=ar] .m-notification .m-list {\n padding-right: 0;\n}", "/* ==========================================================================\n Design System\n Pagination Styling\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-pagination {\n position: relative;\n}\n.m-pagination__form {\n padding: 0.3125em;\n border-radius: 0.25em;\n background: var(--gray-5);\n color: var(--gray);\n text-align: center;\n}\n.m-pagination__current-page {\n width: 2.8125em;\n margin-right: 0.625em;\n margin-left: 0.625em;\n font-weight: 500;\n text-align: right;\n}\n.m-pagination__label {\n display: inline-block;\n margin-right: 0.625em;\n vertical-align: middle;\n}\n.m-pagination__btn-submit {\n margin: 0;\n vertical-align: middle;\n}\n.m-pagination__btn-prev, .m-pagination__btn-next {\n min-width: 130px;\n line-height: 22px;\n text-align: center;\n}\n.m-pagination__btn-prev.a-btn--disabled, .m-pagination__btn-next.a-btn--disabled {\n background-color: var(--gray-5);\n border-color: transparent;\n}\n.m-pagination__btn-next {\n position: absolute;\n right: 0;\n}\n@media only all and (max-width: 37.5em) {\n .m-pagination__btn-prev, .m-pagination__btn-next {\n margin-bottom: 0.9375em;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .m-pagination__btn-prev, .m-pagination__btn-next {\n height: 100%;\n }\n .m-pagination__btn-prev {\n position: absolute;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n .m-pagination__btn-next {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Table Styling\n ========================================================================== */\n.o-table__cell--right-align {\n text-align: right;\n}\n\n.o-table--scrolling {\n box-sizing: border-box;\n overflow-y: hidden;\n}\n.o-table--scrolling table {\n border: 1px solid var(--gray-40);\n}\n.o-table--scrolling table > tbody > tr:nth-child(even) > th, .o-table--scrolling table > tbody > tr:nth-child(even) > td {\n background: var(--gray-5);\n}\n\n@media only all and (min-width: 37.5625em) {\n .o-table--striped > tbody > tr:nth-child(even) > th, .o-table--striped > tbody > tr:nth-child(even) > td {\n background: var(--gray-5);\n }\n}\n@media only screen and (max-width: 600px) {\n .o-table {\n width: 100%;\n }\n .o-table--striped tr:nth-child(even) > th, .o-table--striped tr:nth-child(even) > td {\n background: var(--white);\n }\n .o-table--stack-on-small {\n border-top: 1px solid var(--gray-40);\n }\n .o-table--stack-on-small tr,\n .o-table--stack-on-small td,\n .o-table--stack-on-small [data-display-table=row],\n .o-table--stack-on-small [data-display-table=cell] {\n display: block;\n }\n .o-table--stack-on-small th,\n .o-table--stack-on-small td,\n .o-table--stack-on-small [data-display-table=cell] {\n padding-right: 0;\n padding-left: 0;\n width: 100%;\n }\n .o-table--stack-on-small > thead,\n .o-table--stack-on-small [data-display-table=thead] {\n display: none;\n }\n .o-table--stack-on-small td[data-label]::before {\n display: block;\n margin-top: 0;\n margin-bottom: 0.3125em;\n content: attr(data-label);\n line-height: 1.83333333;\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n .o-table--stack-on-small td:last-child,\n .o-table--stack-on-small [data-display-table=cell]:last-child {\n margin-bottom: 1.875em;\n }\n}", "/* ==========================================================================\n Design System\n Advanced Typography\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-date {\n color: var(--gray);\n white-space: nowrap;\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.0714285714em;\n}\np + .a-date, ul + .a-date, ol + .a-date, dl + .a-date, figure + .a-date, img + .a-date, table + .a-date, blockquote + .a-date, h1 + .a-date, .h1 + .a-date, h2 + .a-date, .h2 + .a-date, h3 + .a-date, .h3 + .a-date, h4 + .a-date, .h4 + .a-date, h6 + .a-date, .h6 + .a-date {\n margin-top: 2.1428571429em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.a-link {\n border-bottom-width: 0;\n}\n.a-link .a-link__text {\n border-bottom-width: 1px;\n border-bottom-style: inherit;\n}\n\n.a-link--jump {\n font-weight: 500;\n}\n@media only all and (max-width: 37.5em) {\n .a-link--jump {\n position: relative;\n display: flex;\n align-items: center;\n gap: 0.3125rem;\n box-sizing: border-box;\n padding-top: 0.625em;\n padding-bottom: 0.625em;\n width: 100%;\n }\n .a-link--jump .cf-icon-svg--right {\n margin-left: auto;\n }\n .a-link--jump .a-link__text {\n border-bottom-width: 0;\n flex-shrink: 10;\n }\n}\n\na.a-link--jump {\n font-weight: 500;\n}\n@media only all and (max-width: 37.5em) {\n a.a-link--jump {\n border-top-width: 1px;\n border-bottom-width: 1px;\n }\n a.a-link--jump:focus {\n outline: none;\n }\n a.a-link--jump:focus::after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n outline: 1px dotted var(--gray);\n outline-offset: 2px;\n }\n}\n\n@media only all and (max-width: 37.5em) {\n li:has(.a-link--jump) + li:has(.a-link--jump) .a-link--jump {\n position: relative;\n border-top: none;\n }\n li:has(.a-link--jump) + li:has(.a-link--jump) a.a-link--jump:hover::before,\n li:has(.a-link--jump) + li:has(.a-link--jump) a.a-link--jump:focus::before {\n position: absolute;\n top: -1px;\n content: \"\";\n display: block;\n height: 1px;\n width: 100%;\n border-top: 1px solid currentcolor;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-list--unstyled,\n.m-list--horizontal,\n.m-list--links {\n padding-left: 0;\n list-style-type: none;\n}\n.m-list--unstyled .m-list__item,\n.m-list--horizontal .m-list__item,\n.m-list--links .m-list__item {\n margin-left: 0;\n}\n\n.m-list--spaced .m-list--spaced,\n.m-list--spaced .m-list__item + .m-list__item {\n margin-top: 1.5em;\n}\n\n.m-list--horizontal .m-list__item {\n display: inline-block;\n margin-right: 0.25em;\n margin-bottom: 0;\n}\n\n@media only all and (max-width: 37.5em) {\n .m-list--links .m-list__item {\n margin-bottom: 0;\n }\n}\n\nhtml[lang=ar] .m-list {\n padding-right: 0;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-meta-header {\n display: flex;\n flex-direction: column-reverse;\n flex-wrap: wrap-reverse;\n row-gap: 0.625rem;\n column-gap: 1.3125rem;\n width: -moz-fit-content;\n width: fit-content;\n padding-bottom: 0.625rem;\n overflow: hidden;\n}\n.m-meta-header__item-group {\n display: flex;\n flex-wrap: wrap;\n column-gap: 1.3125rem;\n}\n.m-meta-header__item {\n display: grid;\n grid-template-columns: 0 auto 1fr;\n row-gap: 0.3125rem;\n text-wrap: balance;\n margin-bottom: 0;\n font-size: 1.125em;\n font-weight: 500;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\np + .m-meta-header__item, ul + .m-meta-header__item, ol + .m-meta-header__item, dl + .m-meta-header__item, figure + .m-meta-header__item, img + .m-meta-header__item, table + .m-meta-header__item, blockquote + .m-meta-header__item, h1 + .m-meta-header__item, .h1 + .m-meta-header__item, h2 + .m-meta-header__item, .h2 + .m-meta-header__item, h3 + .m-meta-header__item, .h3 + .m-meta-header__item, h5 + .m-meta-header__item, .h5 + .m-meta-header__item, h6 + .m-meta-header__item, .h6 + .m-meta-header__item {\n margin-top: 1.6666666667em;\n}\n@media only all and (max-width: 37.5em) {\n .m-meta-header__item {\n margin-bottom: 0.625em;\n font-size: 1em;\n line-height: 1.125;\n }\n}\n@media only all and (max-width: 37.5em) {\n .m-meta-header__item {\n margin-bottom: 0.3125rem;\n }\n}\n.m-meta-header__item .cf-icon-svg {\n margin-right: 0.3125rem;\n}\n.m-meta-header__item::before {\n content: \"|\";\n margin-left: -0.8125rem;\n}\n.m-meta-header__item .a-date {\n font-size: 0.875rem;\n line-height: 1.7142857143;\n margin-bottom: 0;\n}\n@media only all and (min-width: 37.5625em) {\n .m-meta-header {\n flex-direction: row;\n }\n}", "@charset \"UTF-8\";\n/* ==========================================================================\n Design System\n Advanced Typography\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-pull-quote__body {\n color: var(--black);\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n@media only all and (max-width: 37.5em) {\n .m-pull-quote__body {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n }\n}\n.m-pull-quote__citation {\n color: var(--gray);\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.0714285714em;\n}\np + .m-pull-quote__citation, ul + .m-pull-quote__citation, ol + .m-pull-quote__citation, dl + .m-pull-quote__citation, figure + .m-pull-quote__citation, img + .m-pull-quote__citation, table + .m-pull-quote__citation, blockquote + .m-pull-quote__citation, h1 + .m-pull-quote__citation, .h1 + .m-pull-quote__citation, h2 + .m-pull-quote__citation, .h2 + .m-pull-quote__citation, h3 + .m-pull-quote__citation, .h3 + .m-pull-quote__citation, h4 + .m-pull-quote__citation, .h4 + .m-pull-quote__citation, h6 + .m-pull-quote__citation, .h6 + .m-pull-quote__citation {\n margin-top: 2.1428571429em;\n}\n.m-pull-quote__citation::before {\n content: \"\u2014\";\n}", "/* ==========================================================================\n Design System\n Advanced Typography\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-slug-header {\n border-top: 1px solid var(--gray-40);\n}\n.m-slug-header__heading {\n display: inline-block;\n padding-top: 0.2857142857em;\n border-top: 5px solid var(--green);\n margin-top: -3px;\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.0714285714em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-tagline {\n font-size: 0.75rem;\n display: grid;\n grid-template-columns: 22px 1fr;\n grid-column-gap: 10px;\n}\n.a-tagline__text {\n display: inline-block;\n}\n.a-tagline .u-usa-flag {\n margin-top: 1px;\n}\n.a-tagline--large {\n font-size: 1rem;\n}\n.a-tagline--large .u-usa-flag {\n margin-top: 4px;\n}\n\n.u-usa-flag {\n display: inline-block;\n width: 24px;\n height: 13px;\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAZCAMAAABAf11LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5QTFRF////sxlC7MbQ2YyhxlNxCjFhR2WJV3GSKUt1dYumOFh/GT5rhZiwwszYsr/OlKW6Zn6c0djh8PL1iR9Ko7LE4OXrl0pttKC0pXWRtYKbSuJhRQAAANFJREFUeNrkkctuwyAUREnSuW/ApHYf//+jBVdZVcJi3aORgAXcMyLBAAJEzsVG3m8TkifyI3zfPQ6nJJLo421CArSBmkgjNEWtQE4zXJmClXuCWIlU5hdQxCqbqnE1KdIz79CVDvBwZxyKfQfmHTyzl01UZSvOWSTbhZLSWeDMufWLC/1ls3amT4qQq394EjIjApxBT+/nr8eEBNuKcB9SWMpmEXalNOylmlUZNTr4vE/4VdKhpC+leQf6y/e0wzL3RdJtkfUJyzwW+ZcdfgQYAJmJD3zerW6OAAAAAElFTkSuQmCC\");\n background-size: contain;\n background-repeat: no-repeat;\n}", "/* ==========================================================================\n Dom Behaviors\n Behaviors are functionality that can be shared between different pieces\n of markup. They are not strictly atomic, though they likely are used\n on atomic components. An example of shared behavior may be a menu that\n expands and collapses and sets the aria-expanded attribute on the HTML.\n Or an input field that can be cleared by clicking an (x) button in the\n input. These are both behaviors that may appear in different parts of\n the codebase, but could share the same functionality.\n Behaviors are added through the `data-js-hook` attribute on the HTML\n and have a prefix of `behavior_`\n (both those designators are set in modules/util/standard-type.js).\n For example, `behaviors/FlyoutMenu.js` defines the behavior of\n expanding and collapsing an expandable menu. At a minimum, three things\n need to be defined: (A) The containing scope of the menu, (B) the trigger\n to activate the menu, and (C) the content to show/hide when the trigger\n is clicked. So the markup looks something like:\n
\n
\n ========================================================================== */\n\nimport { BEHAVIOR_PREFIX, JS_HOOK, contains } from '@cfpb/cfpb-design-system';\n\n/**\n * @param {string} behaviorSelector - Behavior type used to find the element\n * within the dom.\n * @param {HTMLElement} baseElement - Containing element for the behavior element.\n * @returns {Array|NodeList} behaviorElements if it exists in the dom,\n * null otherwise.\n */\nfunction _findElements(behaviorSelector, baseElement) {\n baseElement = baseElement || document;\n let behaviorElements = [];\n\n try {\n behaviorElements = baseElement.querySelectorAll(behaviorSelector);\n } catch (error) {\n const msg = `${behaviorSelector} not found in DOM! ${error}`;\n throw new Error(msg);\n }\n\n if (\n behaviorElements.length === 0 &&\n behaviorSelector.indexOf(BEHAVIOR_PREFIX) === -1\n ) {\n behaviorElements = find(behaviorSelector, baseElement);\n }\n\n return behaviorElements;\n}\n\n/**\n * @param {( string|HTMLElement|Array|NodeList )} behaviorElement - Used to\n * query dom for elements.\n * @param {string} event - Event type to add to element.\n * @param {Function} eventHandler - Callback for event.\n * @param {HTMLElement} baseElement - Containing element\n * for the behavior element.\n * @returns {Array|NodeList} if it exists in the dom, null otherwise.\n */\nfunction attach(behaviorElement, event, eventHandler, baseElement) {\n let behaviorElements = [];\n\n if (behaviorElement instanceof NodeList === true) {\n behaviorElements = behaviorElement;\n } else if (behaviorElement instanceof Node === true) {\n behaviorElements = [behaviorElement];\n } else if (typeof behaviorElement === 'string') {\n behaviorElements = _findElements(behaviorElement, baseElement);\n }\n\n for (let i = 0, len = behaviorElements.length; i < len; i++) {\n behaviorElements[i].addEventListener(event, eventHandler, false);\n }\n\n return behaviorElements;\n}\n\n/**\n * @param {HTMLElement} element - The DOM element within which to search\n * for the behavior in the data-js-hook attribute.\n * @param {string} behaviorDataAttr - The value in the data-js-hook.\n * This is the name of the behavior.\n * E.g. `behavior_flyout-menu`, `behavior_flyout-menu_content`.\n * @returns {HTMLElement} The DOM element that has an attached behavior.\n * @throws {Error} If data-js-hook attribute value was not found on DOM element.\n */\nfunction checkBehaviorDom(element, behaviorDataAttr) {\n // Check that the behavior is found on the passed DOM node.\n let dom;\n\n if (contains(element, behaviorDataAttr)) {\n dom = element;\n return dom;\n }\n\n /* If the passed DOM node isn't null,\n query the node to see if it's in the children. */\n if (element) {\n const selector = '[' + JS_HOOK + '=' + behaviorDataAttr + ']';\n dom = element.querySelector(selector);\n }\n\n if (!dom) {\n const msg = behaviorDataAttr + ' behavior not found on passed DOM node!';\n throw new Error(msg);\n }\n\n return dom;\n}\n\n/**\n * @param {string} behaviorSelector - Behavior type used to find\n * the element within the dom.\n * @param {HTMLElement} baseElement - Containing element\n * for the behavior element.\n * @returns {NodeList} if it exists in the dom, null otherwise.\n */\nfunction find(behaviorSelector, baseElement) {\n behaviorSelector = JS_HOOK + '*=' + BEHAVIOR_PREFIX + behaviorSelector;\n behaviorSelector = '[' + behaviorSelector + ']';\n\n return _findElements(behaviorSelector, baseElement);\n}\n\n/**\n * @param {HTMLElement} behaviorElement - Element in which to remove the event.\n * @param {string} event - Event type to remove from the element.\n * @param {Function} eventHandler - Callback for event.\n */\nfunction remove(behaviorElement, event, eventHandler) {\n behaviorElement.removeEventListener(event, eventHandler);\n}\n\n// Expose public methods.\nexport { attach, checkBehaviorDom, find, remove };\n", "/* ==========================================================================\n Javascript Type Checkers\n\n Various utility functions to check Javascript types and primitives.\n\n Contains code copied from with moderate modifications:\n\n https://github.com/angular/angular.js/blob/master/src/Angular.js.\n Copyright (c) 2010-2015 Google, Inc. http://angularjs.org\n\n ========================================================================== */\n\nconst _toString = Object.prototype.toString;\n\n/**\n * @name isUndefined\n * @kind function\n * @description\n * Determines if a reference is undefined.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is undefined.\n */\nfunction isUndefined(value) {\n return typeof value === 'undefined';\n}\n\n/**\n * @name isDefined\n * @kind function\n * @description\n * Determines if a reference is defined.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is defined.\n */\nfunction isDefined(value) {\n return typeof value !== 'undefined';\n}\n\n/**\n * @name isObject\n * @kind function\n * @description\n * Determines if a reference is an `Object`.\n * Unlike `typeof` in JavaScript, `null`s are not\n * considered to be objects. Note that JavaScript arrays are objects.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is an `Object` but not `null`.\n */\nfunction isObject(value) {\n // http://jsperf.com/isobject4\n return value !== null && typeof value === 'object';\n}\n\n/**\n * @name isString\n * @kind function\n * @description\n * Determines if a reference is a `String`.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is a `String`.\n */\nfunction isString(value) {\n return _toString.call(value) === '[object String]';\n}\n\n/**\n * @name isNumber\n * @kind function\n * @description\n * Determines if a reference is a `Number`.\n *\n * This includes the \"special\" numbers `NaN`, `+Infinity` and `-Infinity`.\n *\n * If you wish to exclude these then you can use the native\n * [`isFinite'](https://developer.mozilla.org/en-US/docs/Web/JavaScript/\n * Reference/Global_Objects/isFinite)\n * method.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is a `Number`.\n */\nfunction isNumber(value) {\n return _toString.call(value) === '[object Number]';\n}\n\n/**\n * @name isDate\n * @kind function\n * @description\n * Determines if a value is a date.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is a `Date`.\n */\nfunction isDate(value) {\n return _toString.call(value) === '[object Date]';\n}\n\n/**\n * @name isArray\n * @kind function\n * @description\n * Determines if a reference is an `Array`.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is an `Array`.\n */\nconst isArray =\n Array.isArray ||\n function isArray(value) {\n return _toString.call(value) === '[object Array]';\n };\n\n/**\n * @name isFunction\n * @kind function\n * @description\n * Determines if a reference is a `Function`.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is a `Function`.\n */\nfunction isFunction(value) {\n return _toString.call(value) === '[object Function]';\n}\n\n// TODO Fix complexity issue\n\n/**\n * @name isEmpty\n * @kind function\n * @description\n * Determines if a reference is empty.\n * @param {*} value - Reference to check.\n * @returns {boolean} True if `value` is empty.\n */\nfunction isEmpty(value) {\n return (\n isUndefined(value) ||\n value === null ||\n (isString(value) && value.length <= 0) ||\n /^\\s*$/.test(value)\n );\n}\n\n// Expose public methods.\nexport {\n isUndefined,\n isDefined,\n isObject,\n isString,\n isNumber,\n isDate,\n isArray,\n isFunction,\n isEmpty,\n};\n", "/* ==========================================================================\n Media Helpers.\n Utilities for working with different screen sizes and operating systems.\n ========================================================================= */\n\n/**\n * Query the browser's user agent string to see if it's on a mobile OS.\n * @returns {boolean} True if on a mobile user agent, false otherwise.\n */\nfunction isMobileUserAgent() {\n const regex = new RegExp(\n /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i,\n );\n if (regex.test(navigator.userAgent)) {\n return true;\n }\n return false;\n}\n\n// Expose public methods.\nexport { isMobileUserAgent };\n", "import {\n BEHAVIOR_PREFIX,\n JS_HOOK,\n BaseTransition,\n EventObserver,\n checkBehaviorDom,\n} from '@cfpb/cfpb-design-system';\n\nconst BASE_CLASS = BEHAVIOR_PREFIX + 'flyout-menu';\nconst SEL_PREFIX = '[' + JS_HOOK + '=' + BASE_CLASS;\n\n/**\n * FlyoutMenu\n * @class\n * @classdesc Initializes new FlyoutMenu behavior.\n * Behaviors are functionality that can be shared between different pieces\n * of markup. They are not strictly atomic, though they likely are used\n * on atomic components.\n * As added JS behavior, this is added through HTML data-js-hook attributes.\n *\n * Structure is:\n * behavior_flyout-menu\n * behavior_flyout-menu_trigger\n * behavior_flyout-menu_content\n * behavior_flyout-menu_trigger (optional)\n *\n * The second trigger is optional and may be used for a button in the content\n * area, which may obscure the first trigger.\n * The flyout can be triggered through a click of either trigger.\n * @param {HTMLElement} element - The DOM element to attach FlyoutMenu behavior.\n * @param {boolean} autoHideContent - Whether to add `hidden` attribute to\n * content when it is collapsed.\n * @returns {FlyoutMenu} An instance.\n */\nfunction FlyoutMenu(element, autoHideContent = true) {\n // Verify that the expected dom attributes are present.\n const _dom = checkBehaviorDom(element, BASE_CLASS);\n const _triggerDoms = _findTriggers(element);\n const _contentDom = checkBehaviorDom(element, BASE_CLASS + '_content');\n\n // Flyouts appear in one of four states.\n let _state = 0;\n const COLLAPSED = 0;\n const COLLAPSING = 1;\n const EXPANDING = 2;\n const EXPANDED = 3;\n\n let _transition;\n let _expandTransitionMethod;\n let _collapseTransitionMethod;\n\n // Binded events.\n // Needed to add and remove events to transitions.\n const _collapseEndBinded = _collapseEnd.bind(this);\n const _expandEndBinded = _expandEnd.bind(this);\n\n /* If this menu appears in a data source,\n this can be used to store the source.\n Examples include the index in an Array,\n a key in an Hash, or a node in a Tree. */\n let _data;\n\n // Whether this instance's behaviors are suspended or not.\n let _suspended = true;\n\n /* Event immediately preceeding mouseover is touchstart,\n if that event's present we'll want to ignore mouseover\n to avoid a mouseover and click immediately after each other. */\n let _touchTriggered = false;\n\n /**\n * Iterate over dom tree and find FlyoutMenu triggers.\n * We need to exclude the ones that are nested FlyoutMenus, since those\n * will be managed by their own instance of this class.\n * @param {HTMLElement} element - The DOM element to search for triggers within.\n * @returns {Array} List of trigger DOM references within this FlyoutMenu.\n */\n function _findTriggers(element) {\n const triggersList = [];\n const triggers = element.querySelectorAll(`${SEL_PREFIX}_trigger]`);\n\n let trigger;\n let triggerParent;\n let isSubTrigger;\n // Iterate backwards ensuring that length is an UInt32.\n for (let i = triggers.length >>> 0; i--; ) {\n isSubTrigger = false;\n trigger = triggers[i];\n triggerParent = trigger.parentElement;\n while (triggerParent !== element) {\n if (\n triggerParent.getAttribute(JS_HOOK) &&\n triggerParent.getAttribute(JS_HOOK).split(' ').indexOf(BASE_CLASS) !==\n -1\n ) {\n isSubTrigger = true;\n triggerParent = element;\n } else {\n triggerParent = triggerParent.parentElement;\n }\n }\n\n if (!isSubTrigger) {\n triggersList.unshift(triggers[i]);\n }\n }\n\n return triggersList;\n }\n\n /**\n * @returns {FlyoutMenu} An instance.\n * @param {boolean} isExpanded - Whether the flyout menu is expanded at\n * initialization-time or collapsed.\n */\n function init(isExpanded = false) {\n _state = isExpanded ? EXPANDED : COLLAPSED;\n _triggerDoms.forEach((triggerDom) => {\n _setAriaAttr('expanded', triggerDom, isExpanded);\n\n triggerDom.addEventListener('click', _handleTriggerClicked.bind(this));\n triggerDom.addEventListener('touchstart', _handleTouchStart, {\n passive: true,\n });\n triggerDom.addEventListener('mouseover', _handleTriggerOver.bind(this));\n triggerDom.addEventListener('mouseout', _handleTriggerOut.bind(this));\n });\n\n _contentDom.setAttribute('data-open', isExpanded ? 'true' : 'false');\n if (autoHideContent && !isExpanded) _contentDom.setAttribute('hidden', '');\n\n resume();\n\n return this;\n }\n\n /**\n * Set an aria attribute on an HTML element.\n * @param {string} type - The aria attribute to set\n * (without the aria- prefix).\n * @param {HTMLElement} elem - The element to set.\n * @param {boolean} value - The value to set on `aria-expanded`,\n * casts to a string.\n * @returns {string} The cast value.\n */\n function _setAriaAttr(type, elem, value) {\n const strValue = String(value);\n elem.setAttribute('aria-' + type, strValue);\n return strValue;\n }\n\n /**\n * Event handler for when the search input trigger is touched.\n */\n function _handleTouchStart() {\n _touchTriggered = true;\n }\n\n /**\n * Event handler for when the trigger is hovered over.\n * @param {MouseEvent} event - The clicked flyout trigger event object.\n */\n function _handleTriggerOver(event) {\n if (_suspended) return;\n\n if (!_touchTriggered) {\n this.dispatchEvent('triggerover', {\n target: this,\n trigger: event.target,\n type: 'triggerover',\n });\n }\n\n _touchTriggered = false;\n }\n\n /**\n * Event handler for when the trigger is hovered out.\n * @param {MouseEvent} event - The clicked flyout trigger event object.\n */\n function _handleTriggerOut(event) {\n if (_suspended) return;\n\n this.dispatchEvent('triggerout', {\n target: this,\n trigger: event.target,\n type: 'triggerout',\n });\n }\n\n /**\n * Event handler for when the search input trigger is clicked,\n * which opens/closes the search input.\n * @param {MouseEvent} event - The clicked flyout trigger event object.\n */\n function _handleTriggerClicked(event) {\n if (_suspended) return;\n\n this.dispatchEvent('triggerclick', {\n target: this,\n trigger: event.target,\n type: 'triggerclick',\n });\n\n event.preventDefault();\n\n switch (_state) {\n case COLLAPSED:\n case COLLAPSING:\n this.expand();\n break;\n case EXPANDING:\n case EXPANDED:\n this.collapse();\n break;\n }\n }\n\n /**\n * Open the search box.\n * @returns {FlyoutMenu} An instance.\n */\n function expand() {\n _transition?.halt();\n if (_state === EXPANDING || _state === EXPANDED) return this;\n\n _state = EXPANDING;\n if (autoHideContent) _contentDom.removeAttribute('hidden');\n this.dispatchEvent('expandbegin', { target: this, type: 'expandbegin' });\n\n // Only use transitions if both expand and collapse are set.\n if (!_expandTransitionMethod || !_collapseTransitionMethod) {\n _expandEndBinded();\n return this;\n }\n\n const hasTransition = _transition?.isAnimated();\n if (hasTransition) {\n _transition.addEventListener(BaseTransition.END_EVENT, _expandEndBinded);\n }\n\n _expandTransitionMethod();\n\n if (!hasTransition) {\n _expandEndBinded();\n }\n\n return this;\n }\n\n /**\n * Close the search box.\n * If collapse is called when expand animation is underway,\n * save a deferred call to collapse, which is called when\n * expand completes.\n * @returns {FlyoutMenu} An instance.\n */\n function collapse() {\n _transition?.halt();\n if (_state === COLLAPSING || _state === COLLAPSED) return this;\n\n for (let i = 0, len = _triggerDoms.length; i < len; i++) {\n _setAriaAttr('expanded', _triggerDoms[i], false);\n }\n\n _contentDom.setAttribute('data-open', 'false');\n\n _state = COLLAPSING;\n this.dispatchEvent('collapsebegin', {\n target: this,\n type: 'collapsebegin',\n });\n\n // Only use transitions if both expand and collapse are set.\n if (!_collapseTransitionMethod || !_expandTransitionMethod) {\n _collapseEndBinded();\n return this;\n }\n\n const hasTransition = _transition?.isAnimated();\n if (hasTransition) {\n _transition.addEventListener(\n BaseTransition.END_EVENT,\n _collapseEndBinded,\n );\n }\n\n _collapseTransitionMethod();\n\n if (!hasTransition) {\n _collapseEndBinded();\n }\n\n return this;\n }\n\n /**\n * Expand animation has completed.\n * Call deferred collapse function,\n * if set (otherwise it will call a noop function).\n */\n function _expandEnd() {\n _state = EXPANDED;\n _contentDom.setAttribute('data-open', 'true');\n if (_transition) {\n _transition.removeEventListener(\n BaseTransition.END_EVENT,\n _expandEndBinded,\n );\n }\n this.dispatchEvent('expandend', { target: this, type: 'expandend' });\n\n for (let i = 0, len = _triggerDoms.length; i < len; i++) {\n _setAriaAttr('expanded', _triggerDoms[i], true);\n }\n }\n\n /**\n * Collapse animation has completed.\n */\n function _collapseEnd() {\n _state = COLLAPSED;\n\n if (autoHideContent) _contentDom.setAttribute('hidden', '');\n\n if (_transition) {\n _transition.removeEventListener(\n BaseTransition.END_EVENT,\n _collapseEndBinded,\n );\n }\n\n this.dispatchEvent('collapseend', { target: this, type: 'collapseend' });\n }\n\n /**\n * Set the transition that runs when this flyout is expanded/collapsed.\n * @param {BaseTransition} transition - A transition object.\n * @param {Function} collapseMethod - The collapse method to call on the transition.\n * @param {Function} expandMethod - The expand method to call on the transition.\n */\n function setTransition(transition, collapseMethod, expandMethod) {\n _transition = transition;\n\n if (collapseMethod && collapseMethod !== _collapseTransitionMethod) {\n _collapseTransitionMethod = collapseMethod;\n }\n\n if (expandMethod && expandMethod !== _expandTransitionMethod) {\n _expandTransitionMethod = expandMethod;\n }\n }\n\n /**\n * Clear the transitions attached to this FlyoutMenu instance.\n */\n function clearTransition() {\n if (_transition) {\n _transition.remove();\n }\n\n let UNDEFINED;\n\n _transition = UNDEFINED;\n\n _expandTransitionMethod = UNDEFINED;\n _collapseTransitionMethod = UNDEFINED;\n }\n\n /**\n * @returns {object}\n * Hash of container, content DOM references, and a list of trigger DOMs.\n */\n function getDom() {\n return {\n container: _dom,\n content: _contentDom,\n trigger: _triggerDoms,\n };\n }\n\n /**\n * Enable broadcasting of trigger events.\n * @returns {boolean} True if resumed, false otherwise.\n */\n function resume() {\n if (_suspended) _suspended = false;\n\n return !_suspended;\n }\n\n /**\n * Suspend broadcasting of trigger events.\n * @returns {boolean} True if suspended, false otherwise.\n */\n function suspend() {\n if (!_suspended) _suspended = true;\n\n return _suspended;\n }\n\n /**\n * @param {number | string | object} data - A data identifier\n * such as an Array index, Hash key, or Tree node.\n * @returns {FlyoutMenu} An instance.\n */\n function setData(data) {\n _data = data;\n\n return this;\n }\n\n // Attach public events.\n const eventObserver = new EventObserver();\n this.addEventListener = eventObserver.addEventListener;\n this.removeEventListener = eventObserver.removeEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n\n this.init = init;\n this.expand = expand;\n this.collapse = collapse;\n this.setTransition = setTransition;\n this.clearTransition = clearTransition;\n this.getData = () => _data;\n this.getTransition = () => _transition;\n this.getDom = getDom;\n this.isAnimating = () => _state === EXPANDING || _state === COLLAPSING;\n this.isExpanded = () => _state === EXPANDED;\n this.resume = resume;\n this.setData = setData;\n this.suspend = suspend;\n\n // Public static properties.\n FlyoutMenu.BASE_CLASS = BASE_CLASS;\n\n return this;\n}\n\nexport { FlyoutMenu };\n", "import { BaseTransition, EventObserver } from '@cfpb/cfpb-design-system';\n\n// Exported constants.\nconst CLASSES = {\n CSS_PROPERTY: 'opacity',\n BASE_CLASS: 'u-alpha-transition',\n ALPHA_100: 'u-alpha-100',\n ALPHA_0: 'u-alpha-0',\n};\n\n/**\n * AlphaTransition\n * @class\n * @classdesc Initializes new AlphaTransition behavior.\n * @param {HTMLElement} element - DOM element to apply opacity transition to.\n * @returns {AlphaTransition} An instance.\n */\nfunction AlphaTransition(element) {\n const eventObserver = new EventObserver();\n const _baseTransition = new BaseTransition(element, CLASSES, this);\n\n /**\n * @param {Function} initialClass - The initial state for this transition.\n * @returns {AlphaTransition} An instance.\n */\n function init(initialClass) {\n _baseTransition.init(initialClass);\n\n return this;\n }\n\n /**\n * Fade to 100% by applying a utility alpha class.\n * @returns {AlphaTransition} An instance.\n */\n function fadeIn() {\n _baseTransition.applyClass(CLASSES.ALPHA_100);\n\n return this;\n }\n\n /**\n * Fade to nothing by applying a utility alpha class.\n * @returns {AlphaTransition} An instance.\n */\n function fadeOut() {\n _baseTransition.applyClass(CLASSES.ALPHA_0);\n\n return this;\n }\n\n // Attach public events.\n this.addEventListener = eventObserver.addEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n this.removeEventListener = eventObserver.removeEventListener;\n\n this.animateOff = _baseTransition.animateOff;\n this.animateOn = _baseTransition.animateOn;\n this.halt = _baseTransition.halt;\n this.isAnimated = _baseTransition.isAnimated;\n this.remove = _baseTransition.remove;\n this.setElement = _baseTransition.setElement;\n\n this.fadeIn = fadeIn;\n this.fadeOut = fadeOut;\n this.init = init;\n\n return this;\n}\n\n// Public static properties.\nAlphaTransition.CLASSES = CLASSES;\n\nexport { AlphaTransition };\n", "import * as TransitionStyles from './transition.scss';\n\n/**\n * BaseTransition\n * @class\n * @classdesc Initializes new BaseTransition behavior.\n * This shouldn't be used directly, but instead should be\n * the base class used through composition by a specific transition.\n * @param {HTMLElement} element - DOM element to apply transition to.\n * @param {object} classes - The classes to apply to this transition.\n * @param {object} child - The child transition using this as a base.\n * @returns {BaseTransition} An instance.\n */\nfunction BaseTransition(element, classes, child) {\n const _classes = classes;\n let _dom = element;\n if (!child) throw new Error('Child transition argument must be defined!');\n const _child = child;\n\n let _lastClass;\n let _transitionEndEvent;\n let _transitionCompleteBinded;\n\n let _isAnimated = false;\n let _isAnimating = false;\n let _isFlushed = false;\n\n // Make sure required attributes are passed in.\n if (\n typeof _classes.CSS_PROPERTY === 'undefined' ||\n typeof _classes.BASE_CLASS === 'undefined'\n ) {\n throw new Error(\n 'Transitions require CSS_PROPERTY and BASE_CLASS ' +\n 'to be passed into BaseTransition.',\n );\n }\n\n /**\n * Add an event listener to the transition, or call the transition\n * complete handler immediately if the transition is not supported.\n */\n function _addEventListener() {\n /*\n If transition is supported and the animation is animated,\n listen for transition end event, otherwise call the handler directly.\n Some browsers (e.g. IE9/OperaMini) do not support transitionend event.\n If \"transition-duration: 0s\" is set, transitionEnd event will not\n fire, so we need to call the handler straight away.\n */\n if (_transitionEndEvent && _isAnimated) {\n _dom.addEventListener(_transitionEndEvent, _transitionCompleteBinded);\n _child.dispatchEvent(BaseTransition.BEGIN_EVENT, {\n target: _child,\n type: BaseTransition.BEGIN_EVENT,\n });\n\n _dom.classList.add(BaseTransition.ANIMATING_CLASS);\n _isAnimating = true;\n } else {\n _child.dispatchEvent(BaseTransition.BEGIN_EVENT, {\n target: _child,\n type: BaseTransition.BEGIN_EVENT,\n });\n _transitionCompleteBinded();\n }\n }\n\n /**\n * Remove an event listener to the transition.\n */\n function _removeEventListener() {\n _dom.removeEventListener(_transitionEndEvent, _transitionCompleteBinded);\n }\n\n /**\n * Handle the end of a transition.\n * @param {TransitionEvent} evt - Transition event object.\n * @returns {boolean} True if transition was cleaned up,\n * false if an outside transitioning property triggered this event handler.\n */\n function _transitionComplete(evt) {\n if (evt && evt.propertyName !== _classes.CSS_PROPERTY) {\n return false;\n }\n\n _removeEventListener();\n _dom.classList.remove(BaseTransition.ANIMATING_CLASS);\n _child.dispatchEvent(BaseTransition.END_EVENT, {\n target: _child,\n type: BaseTransition.END_EVENT,\n });\n _isAnimating = false;\n return true;\n }\n\n /**\n * Search for and remove initial BaseTransition classes that have\n * already been applied to this BaseTransition's target element.\n */\n function _flush() {\n let prop;\n for (prop in _classes) {\n if (\n {}.hasOwnProperty.call(_classes, prop) &&\n _classes[prop] !== _classes.BASE_CLASS &&\n _dom.classList.contains(_classes[prop])\n ) {\n _dom.classList.remove(_classes[prop]);\n }\n }\n }\n\n /**\n * Halt an in-progress animation and call the complete event immediately.\n */\n function halt() {\n if (!_isAnimating) {\n return;\n }\n _dom.style.webkitTransitionDuration = '0';\n _dom.style.mozTransitionDuration = '0';\n _dom.style.oTransitionDuration = '0';\n _dom.style.transitionDuration = '0';\n _dom.removeEventListener(_transitionEndEvent, _transitionCompleteBinded);\n _transitionCompleteBinded();\n _dom.style.webkitTransitionDuration = '';\n _dom.style.mozTransitionDuration = '';\n _dom.style.oTransitionDuration = '';\n _dom.style.transitionDuration = '';\n }\n\n /**\n * Remove all transition classes, if transition is initialized.\n */\n function remove() {\n halt();\n _flush();\n _dom.classList.remove(_classes.BASE_CLASS);\n }\n\n /**\n * Add a \"transition-duration: 0s\" utility CSS class.\n */\n function animateOn() {\n _dom.classList.remove(BaseTransition.NO_ANIMATION_CLASS);\n _isAnimated = true;\n }\n\n /**\n * Remove a \"transition-duration: 0s\" utility CSS class.\n */\n function animateOff() {\n _dom.classList.add(BaseTransition.NO_ANIMATION_CLASS);\n _isAnimated = false;\n }\n\n /**\n * @param {HTMLElement} elem - The element to check\n * for support of transition end event.\n * @returns {string} The browser-prefixed transition end event.\n */\n function _getTransitionEndEvent(elem) {\n if (!elem) {\n const msg = 'Element does not have TransitionEnd event. It may be null!';\n throw new Error(msg);\n }\n\n let transition;\n const transitions = {\n WebkitTransition: 'webkitTransitionEnd',\n MozTransition: 'transitionend',\n OTransition: 'oTransitionEnd otransitionend',\n transition: 'transitionend',\n };\n\n let transitionEvent;\n for (transitionEvent in transitions) {\n if (\n {}.hasOwnProperty.call(transitions, transitionEvent) &&\n typeof elem.style[transitionEvent] !== 'undefined'\n ) {\n transition = transitions[transitionEvent];\n break;\n }\n }\n return transition;\n }\n\n /**\n * Set the HTML element target of this transition.\n * @param {HTMLElement} targetElement - The target of the transition.\n */\n function setElement(targetElement) {\n // Clear the transition classes from the old element.\n remove();\n animateOn();\n\n _dom = targetElement;\n _dom.classList.add(_classes.BASE_CLASS);\n _transitionEndEvent = _getTransitionEndEvent(_dom);\n }\n\n /**\n * @param {Function} initialClass - The initial state for this transition.\n * @returns {BaseTransition} An instance.\n */\n function init(initialClass) {\n _isAnimated = !_dom.classList.contains(BaseTransition.NO_ANIMATION_CLASS);\n _transitionCompleteBinded = _transitionComplete.bind(this);\n setElement(_dom);\n if (!initialClass) {\n throw new Error(\n 'Transition needs to be passed an initial CSS class on initialization!',\n );\n }\n _dom.classList.add(initialClass);\n\n return this;\n }\n\n /**\n * @param {string} className - A CSS class.\n * @returns {boolean} False if the class is already applied,\n * otherwise true if the class was applied.\n */\n function applyClass(className) {\n if (!_isFlushed) {\n _flush();\n _isFlushed = true;\n }\n\n if (_dom.classList.contains(className)) {\n return false;\n }\n\n _removeEventListener();\n _dom.classList.remove(_lastClass);\n _lastClass = className;\n _addEventListener();\n _dom.classList.add(_lastClass);\n\n return true;\n }\n\n // Attach public events.\n this.animateOff = animateOff;\n this.animateOn = animateOn;\n this.applyClass = applyClass;\n this.halt = halt;\n this.init = init;\n this.isAnimated = () => _isAnimated;\n this.remove = remove;\n this.setElement = setElement;\n\n return this;\n}\n\n// Public static constants.\nBaseTransition.BEGIN_EVENT = 'transitionbegin';\nBaseTransition.END_EVENT = 'transitionend';\nBaseTransition.NO_ANIMATION_CLASS = 'u-no-animation';\nBaseTransition.ANIMATING_CLASS = 'u-is-animating';\n\nexport { BaseTransition, TransitionStyles };\n", "import { BaseTransition, EventObserver } from '@cfpb/cfpb-design-system';\n\n// Exported constants.\nconst CLASSES = {\n CSS_PROPERTY: 'max-height',\n BASE_CLASS: 'u-max-height-transition',\n MH_DEFAULT: 'u-max-height-default',\n MH_SUMMARY: 'u-max-height-summary',\n MH_ZERO: 'u-max-height-zero',\n};\n\n/**\n * MoveTransition\n * @class\n * @classdesc Initializes new MoveTransition behavior.\n * @param {HTMLElement} element - DOM element to apply transition to.\n * @returns {MaxHeightTransition} An instance.\n */\nfunction MaxHeightTransition(element) {\n const eventObserver = new EventObserver();\n const _baseTransition = new BaseTransition(element, CLASSES, this);\n let _previousHeight = 0;\n\n /**\n * Refresh the max height set on the element.\n * This may be useful if resizing the window and the content height changes.\n */\n function refresh() {\n const elmHeight = element.scrollHeight;\n const newHeight = elmHeight + 'px';\n element.style.maxHeight = newHeight;\n }\n\n /**\n * The whole page has loaded,\n * including all dependent resources such as stylesheets and images.\n */\n function _pageLoaded() {\n window.removeEventListener('load', _pageLoaded);\n refresh();\n }\n\n /**\n * @param {Function} initialClass - The initial state for this transition.\n * @returns {MaxHeightTransition} An instance.\n */\n function init(initialClass) {\n _baseTransition.init(initialClass);\n\n /*\n The scrollHeight of an element may be incorrect if the page hasn't\n fully loaded yet, so we listen for that to happen before calculating\n the element max-height.\n */\n window.addEventListener('load', _pageLoaded);\n\n /*\n The scrollHeight of an element may change on page load.\n */\n window.addEventListener('resize', () => {\n refresh();\n });\n\n return this;\n }\n\n /**\n * Reset the max-height to the default size.\n * @returns {MaxHeightTransition} An instance.\n */\n function maxHeightDefault() {\n refresh();\n _baseTransition.applyClass(CLASSES.MH_DEFAULT);\n\n if (!_previousHeight || element.scrollHeight > _previousHeight) {\n _previousHeight = element.scrollHeight;\n }\n\n return this;\n }\n\n /**\n * Collapses the max-height to just a summary height.\n * @returns {MaxHeightTransition} An instance.\n */\n function maxHeightSummary() {\n _baseTransition.applyClass(CLASSES.MH_SUMMARY);\n\n _previousHeight = element.scrollHeight;\n\n return this;\n }\n\n /**\n * Collapses thte max-height completely.\n * @returns {MaxHeightTransition} An instance.\n */\n function maxHeightZero() {\n _baseTransition.applyClass(CLASSES.MH_ZERO);\n\n _previousHeight = element.scrollHeight;\n\n return this;\n }\n\n /**\n * Remove style attribute.\n * Remove all transition classes, if transition is initialized.\n * @returns {boolean}\n * True, if the element's CSS classes were touched, false otherwise.\n */\n function remove() {\n element.style.maxHeight = '';\n return _baseTransition.remove();\n }\n\n // Attach public events.\n this.addEventListener = eventObserver.addEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n this.removeEventListener = eventObserver.removeEventListener;\n\n this.animateOff = _baseTransition.animateOff;\n this.animateOn = _baseTransition.animateOn;\n this.halt = _baseTransition.halt;\n this.isAnimated = _baseTransition.isAnimated;\n this.setElement = _baseTransition.setElement;\n this.refresh = refresh;\n this.remove = remove;\n\n this.init = init;\n this.maxHeightDefault = maxHeightDefault;\n this.maxHeightSummary = maxHeightSummary;\n this.maxHeightZero = maxHeightZero;\n\n return this;\n}\n\n// Public static properties.\nMaxHeightTransition.CLASSES = CLASSES;\n\nexport { MaxHeightTransition };\n", "import { BaseTransition, EventObserver } from '@cfpb/cfpb-design-system';\n\n// Exported constants.\nconst CLASSES = {\n CSS_PROPERTY: 'transform',\n BASE_CLASS: 'u-move-transition',\n MOVE_TO_ORIGIN: 'u-move-to-origin',\n MOVE_LEFT: 'u-move-left',\n MOVE_LEFT_2X: 'u-move-left-2x',\n MOVE_LEFT_3X: 'u-move-left-3x',\n MOVE_RIGHT: 'u-move-right',\n MOVE_UP: 'u-move-up',\n};\n\n/**\n * MoveTransition\n * @class\n * @classdesc Initializes new MoveTransition behavior.\n * @param {HTMLElement} element - DOM element to apply move transition to.\n * @returns {MoveTransition} An instance.\n */\nfunction MoveTransition(element) {\n const eventObserver = new EventObserver();\n const _baseTransition = new BaseTransition(element, CLASSES, this);\n\n /**\n * @param {Function} initialClass - The initial state for this transition.\n * @returns {MoveTransition} An instance.\n */\n function init(initialClass) {\n _baseTransition.init(initialClass);\n\n return this;\n }\n\n /**\n * Move to the element's original coordinates.\n * @returns {MoveTransition} An instance.\n */\n function moveToOrigin() {\n _baseTransition.applyClass(CLASSES.MOVE_TO_ORIGIN);\n\n return this;\n }\n\n /**\n * Move to the left by applying a utility move class.\n * @param {number} count - How many times to move left\n * as a multiplication of the element's width.\n * @returns {MoveTransition} An instance.\n */\n function _moveLeft(count) {\n count = count || 1;\n const moveClasses = [\n CLASSES.MOVE_LEFT,\n CLASSES.MOVE_LEFT_2X,\n CLASSES.MOVE_LEFT_3X,\n ];\n\n _baseTransition.applyClass(moveClasses[count - 1]);\n\n return this;\n }\n\n /**\n * Move to the right by applying a utility move class.\n * @returns {MoveTransition} An instance.\n */\n function moveRight() {\n _baseTransition.applyClass(CLASSES.MOVE_RIGHT);\n\n return this;\n }\n\n /**\n * Move up by applying a utility move class.\n * @returns {MoveTransition} An instance.\n */\n function moveUp() {\n _baseTransition.applyClass(CLASSES.MOVE_UP);\n\n return this;\n }\n\n // Attach public events.\n this.addEventListener = eventObserver.addEventListener;\n this.dispatchEvent = eventObserver.dispatchEvent;\n this.removeEventListener = eventObserver.removeEventListener;\n\n this.animateOff = _baseTransition.animateOff;\n this.animateOn = _baseTransition.animateOn;\n this.halt = _baseTransition.halt;\n this.isAnimated = _baseTransition.isAnimated;\n this.setElement = _baseTransition.setElement;\n this.remove = _baseTransition.remove;\n\n this.init = init;\n this.moveLeft = () => _moveLeft(1);\n this.moveLeft2 = () => _moveLeft(2);\n this.moveLeft3 = () => _moveLeft(3);\n this.moveRight = moveRight;\n this.moveToOrigin = moveToOrigin;\n this.moveUp = moveUp;\n\n return this;\n}\n\n// Public static properties.\nMoveTransition.CLASSES = CLASSES;\n\nexport { MoveTransition };\n"], + "mappings": "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", "names": ["utilities_exports", "__export", "utilities_default", "varsBreakpoints", "_getBodyBaseFontSize", "fontSize", "_inBreakpointRange", "breakpointRange", "width", "breakpointRangeMin", "breakpointRangeMax", "min", "max", "getBreakpointState", "breakpointState", "rangeKey", "varsBreakpoints", "MOBILE", "TABLET", "DESKTOP", "viewportIsIn", "breakpointGroup", "response", "currentBreakpoint", "JS_HOOK", "BEHAVIOR_PREFIX", "STATE_PREFIX", "EventObserver", "_events", "addEventListener", "event", "callback", "removeEventListener", "index", "dispatchEvent", "options", "evts", "i", "len", "contains", "element", "value", "values", "JS_HOOK", "add", "msg", "INIT_FLAG", "STATE_PREFIX", "_verifyElementExists", "element", "baseClass", "msg", "_verifyClassExists", "dom", "checkDom", "setInitFlag", "contains", "add", "instantiateAll", "selector", "Constructor", "scope", "config", "elements", "insts", "inst", "i", "len", "normalize_exports", "__export", "normalize_default", "base_exports", "__export", "base_default", "button_exports", "__export", "button_default", "button_group_exports", "__export", "button_group_default", "button_link_exports", "__export", "button_link_default", "button_with_icon_exports", "__export", "button_with_icon_default", "BASE_CLASS", "Expandable", "element", "_dom", "checkDom", "_targetDom", "_contentDom", "_labelDom", "_transition", "_flyout", "init", "setInitFlag", "isExpanded", "add", "initialClass", "MaxHeightTransition", "FlyoutMenu", "getLabelText", "eventObserver", "EventObserver", "scope", "instantiateAll", "BASE_CLASS", "ExpandableGroup", "element", "_dom", "checkDom", "_isAccordion", "_expandables", "_lastExpanded", "_handleExpandBegin", "evt", "target", "init", "expandables", "setInitFlag", "expandable", "scope", "expandableGroupDom", "instantiateAll", "Expandable", "BASE_CLASS", "Summary", "element", "_dom", "checkDom", "_hasMobileModifier", "_contentDom", "_btnDom", "_transition", "_flyout", "_suspended", "init", "setInitFlag", "_pageLoadHandler", "_shouldSuspend", "add", "FlyoutMenu", "MaxHeightTransition", "_triggerClickHandler", "_resizeHandler", "_focusInHandler", "_contentClicked", "evt", "_suspend", "_resume", "viewportIsIn", "MOBILE", "_expandEndHandler", "_hideButton", "_showButton", "eventObserver", "EventObserver", "scope", "instantiateAll", "BASE_CLASS", "SummaryMinimal", "element", "_dom", "checkDom", "_contentDom", "_btnDom", "_transition", "_flyout", "init", "setInitFlag", "add", "_pageLoadHandler", "FlyoutMenu", "MaxHeightTransition", "_focusInHandler", "_contentClicked", "evt", "eventObserver", "EventObserver", "scope", "instantiateAll", "form_exports", "__export", "form_default", "form_alert_exports", "__export", "form_alert_default", "form_field_exports", "__export", "form_field_default", "label_exports", "__export", "label_default", "range_exports", "__export", "range_default", "search_input_exports", "__export", "search_input_default", "select_exports", "__export", "select_default", "tag_exports", "__export", "tag_default", "text_input_exports", "__export", "text_input_default", "UNDEFINED", "stringEscape", "str", "stringMatch", "x", "y", "MultiselectModel", "options", "name", "config", "_options", "_name", "_max", "_optionsData", "_selectedIndices", "_filterIndices", "_lastFilterIndices", "_index", "_getOptionId", "item", "isAtMaxSelections", "_formatOptions", "list", "cleaned", "isChecked", "i", "len", "init", "toggleOption", "index", "currIndex", "_searchAggregator", "aggregate", "value", "filterIndices", "query", "acc", "getOption", "setIndex", "filterCount", "count", "getIndex", "UNDEFINED", "multiselect_model_default", "create", "tag", "parentNode", "options", "elem", "key", "val", "error_default", "closeIcon", "error_default", "BASE_CLASS", "CHECKBOX_INPUT_CLASS", "TEXT_INPUT_CLASS", "DIR_PREV", "DIR_NEXT", "KEY_RETURN", "KEY_SPACE", "KEY_ESCAPE", "KEY_UP", "KEY_DOWN", "KEY_TAB", "DEFAULT_CONFIG", "Multiselect", "element", "_dom", "checkDom", "_isBlurSkipped", "_name", "_placeholder", "_model", "_options", "_config", "_containerDom", "_selectionsDom", "_headerDom", "_searchDom", "_fieldsetDom", "_optionsDom", "_optionItemDoms", "_instance", "_filterMatches", "filteredIndices", "i", "len", "j", "_resetFilter", "_filterNoMatches", "_filterList", "filterIndices", "_evaluate", "value", "matchedIndices", "expand", "collapse", "_highlight", "direction", "index", "filteredIndex", "input", "_resetSearch", "_selectionClickHandler", "event", "target", "_selectionKeyDownHandler", "label", "_getOptionId", "option", "_createSelectedItem", "selectionsDom", "optionId", "selectionsItemDom", "create", "selectionsItemLabelDom", "_updateSelections", "optionIndex", "dataOptionSel", "_selectionsItemDom", "_changeHandler", "_bindEvents", "key", "checked", "evt", "inputs", "labelButtons", "_populateMarkup", "optionsClasses", "isChecked", "optionsItemDom", "init", "multiselectConfig", "setInitFlag", "isMobileUserAgent", "__spreadValues", "multiselect_model_default", "newDom", "getModel", "eventObserver", "EventObserver", "config", "instantiateAll", "icon_exports", "__export", "icon_default", "card_exports", "__export", "card_default", "card_group_exports", "__export", "card_group_default", "email_signup_exports", "__export", "email_signup_default", "featured_content_module_exports", "__export", "featured_content_module_default", "hero_exports", "__export", "hero_default", "layout_exports", "__export", "layout_default", "text_introduction_exports", "__export", "text_introduction_default", "well_exports", "__export", "well_default", "banner_exports", "__export", "banner_default", "notification_exports", "__export", "notification_default", "pagination_exports", "__export", "pagination_default", "table_exports", "__export", "table_default", "date_exports", "__export", "date_default", "link_exports", "__export", "link_default", "list_exports", "__export", "list_default", "meta_header_exports", "__export", "meta_header_default", "pull_quote_exports", "__export", "pull_quote_default", "slug_header_exports", "__export", "slug_header_default", "tagline_exports", "__export", "tagline_default", "_findElements", "behaviorSelector", "baseElement", "behaviorElements", "error", "msg", "BEHAVIOR_PREFIX", "find", "attach", "behaviorElement", "event", "eventHandler", "i", "len", "checkBehaviorDom", "element", "behaviorDataAttr", "dom", "contains", "selector", "JS_HOOK", "remove", "_toString", "isUndefined", "value", "isDefined", "isObject", "isString", "isNumber", "isDate", "isArray", "isFunction", "isEmpty", "isMobileUserAgent", "BASE_CLASS", "BEHAVIOR_PREFIX", "SEL_PREFIX", "JS_HOOK", "FlyoutMenu", "element", "autoHideContent", "_dom", "checkBehaviorDom", "_triggerDoms", "_findTriggers", "_contentDom", "_state", "COLLAPSED", "COLLAPSING", "EXPANDING", "EXPANDED", "_transition", "_expandTransitionMethod", "_collapseTransitionMethod", "_collapseEndBinded", "_collapseEnd", "_expandEndBinded", "_expandEnd", "_data", "_suspended", "_touchTriggered", "triggersList", "triggers", "trigger", "triggerParent", "isSubTrigger", "i", "init", "isExpanded", "triggerDom", "_setAriaAttr", "_handleTriggerClicked", "_handleTouchStart", "_handleTriggerOver", "_handleTriggerOut", "resume", "type", "elem", "value", "strValue", "event", "expand", "hasTransition", "BaseTransition", "collapse", "len", "setTransition", "transition", "collapseMethod", "expandMethod", "clearTransition", "UNDEFINED", "getDom", "suspend", "setData", "data", "eventObserver", "EventObserver", "CLASSES", "AlphaTransition", "element", "eventObserver", "EventObserver", "_baseTransition", "BaseTransition", "init", "initialClass", "fadeIn", "fadeOut", "BaseTransition", "element", "classes", "child", "_classes", "_dom", "_child", "_lastClass", "_transitionEndEvent", "_transitionCompleteBinded", "_isAnimated", "_isAnimating", "_isFlushed", "_addEventListener", "_removeEventListener", "_transitionComplete", "evt", "_flush", "prop", "halt", "remove", "animateOn", "animateOff", "_getTransitionEndEvent", "elem", "msg", "transition", "transitions", "transitionEvent", "setElement", "targetElement", "init", "initialClass", "applyClass", "className", "CLASSES", "MaxHeightTransition", "element", "eventObserver", "EventObserver", "_baseTransition", "BaseTransition", "_previousHeight", "refresh", "newHeight", "_pageLoaded", "init", "initialClass", "maxHeightDefault", "maxHeightSummary", "maxHeightZero", "remove", "CLASSES", "MoveTransition", "element", "eventObserver", "EventObserver", "_baseTransition", "BaseTransition", "init", "initialClass", "moveToOrigin", "_moveLeft", "count", "moveClasses", "moveRight", "moveUp"] } diff --git a/packages/cfpb-design-system/src/components/cfpb-expandables/summary-minimal.js b/packages/cfpb-design-system/src/components/cfpb-expandables/summary-minimal.js index ed2edcf1df..ecd50e6150 100644 --- a/packages/cfpb-design-system/src/components/cfpb-expandables/summary-minimal.js +++ b/packages/cfpb-design-system/src/components/cfpb-expandables/summary-minimal.js @@ -1,4 +1,3 @@ -/* eslint-disable no-use-before-define */ import { add as addDataHook, checkDom, diff --git a/packages/cfpb-design-system/src/components/cfpb-expandables/summary.js b/packages/cfpb-design-system/src/components/cfpb-expandables/summary.js index e5052df3e7..e1ce962bf3 100644 --- a/packages/cfpb-design-system/src/components/cfpb-expandables/summary.js +++ b/packages/cfpb-design-system/src/components/cfpb-expandables/summary.js @@ -1,4 +1,3 @@ -/* eslint-disable no-use-before-define */ import { add as addDataHook, checkDom, diff --git a/packages/cfpb-design-system/src/utilities/behavior/behavior.js b/packages/cfpb-design-system/src/utilities/behavior/behavior.js index 4bd1703fea..37cdbfbe58 100644 --- a/packages/cfpb-design-system/src/utilities/behavior/behavior.js +++ b/packages/cfpb-design-system/src/utilities/behavior/behavior.js @@ -45,7 +45,6 @@ function _findElements(behaviorSelector, baseElement) { behaviorElements.length === 0 && behaviorSelector.indexOf(BEHAVIOR_PREFIX) === -1 ) { - // eslint-disable-next-line no-use-before-define behaviorElements = find(behaviorSelector, baseElement); } diff --git a/packages/cfpb-design-system/src/utilities/behavior/flyout-menu.js b/packages/cfpb-design-system/src/utilities/behavior/flyout-menu.js index 59c727a85c..c963da0090 100644 --- a/packages/cfpb-design-system/src/utilities/behavior/flyout-menu.js +++ b/packages/cfpb-design-system/src/utilities/behavior/flyout-menu.js @@ -1,4 +1,3 @@ -/* eslint-disable no-use-before-define */ import { BEHAVIOR_PREFIX, JS_HOOK, diff --git a/packages/cfpb-design-system/src/utilities/breakpoint-state.js b/packages/cfpb-design-system/src/utilities/breakpoint-state.js index e3178c96aa..86a4ae45a2 100644 --- a/packages/cfpb-design-system/src/utilities/breakpoint-state.js +++ b/packages/cfpb-design-system/src/utilities/breakpoint-state.js @@ -53,7 +53,7 @@ function getBreakpointState(width) { width = width || window.innerWidth; let rangeKey; - // eslint-disable-next-line guard-for-in + for (rangeKey in varsBreakpoints) { breakpointState[rangeKey] = _inBreakpointRange( varsBreakpoints[rangeKey], diff --git a/packages/cfpb-design-system/src/utilities/type-checkers.js b/packages/cfpb-design-system/src/utilities/type-checkers.js index 5b02e60a7f..c047e509bb 100644 --- a/packages/cfpb-design-system/src/utilities/type-checkers.js +++ b/packages/cfpb-design-system/src/utilities/type-checkers.js @@ -121,7 +121,7 @@ function isFunction(value) { } // TODO Fix complexity issue -/* eslint-disable complexity, no-mixed-operators */ + /** * @name isEmpty * @kind function @@ -138,7 +138,6 @@ function isEmpty(value) { /^\s*$/.test(value) ); } -/* eslint-enable complexity, no-mixed-operators */ // Expose public methods. export { diff --git a/scripts/lint.sh b/scripts/lint.sh index 302b6448d2..abbd7a896e 100755 --- a/scripts/lint.sh +++ b/scripts/lint.sh @@ -4,7 +4,7 @@ yarn prettier "./**/*.{js,jsx,ts,tsx,md,css,less}" --write ## Run JS linting. See ignored path in .eslintignore. -yarn eslint ./{.,test,docs,packages} --fix +yarn eslint "./{.,test,docs,packages}/**/*.js" --fix ## Run CSS linting. See ignored path in .stylelintignore. yarn stylelint "{docs,packages}/**/*.scss" --fix diff --git a/scripts/svgo-plugin-add-classes-to-svg-element.cjs b/scripts/svgo-plugin-add-classes-to-svg-element.cjs index cf9fecf41f..7adf526f7d 100755 --- a/scripts/svgo-plugin-add-classes-to-svg-element.cjs +++ b/scripts/svgo-plugin-add-classes-to-svg-element.cjs @@ -5,7 +5,7 @@ const path = require('path'); exports.name = 'addClassesToSVGElement'; exports.description = 'adds classnames to an outer element'; -var ENOCLS = `Error in plugin "addClassesToSVGElement": absent parameters. +const ENOCLS = `Error in plugin "addClassesToSVGElement": absent parameters. It should have a list of classes in "classNames" or one "className". Config example: plugins: [ @@ -42,34 +42,34 @@ plugins: [ * Add classnames to an outer element. Example config: * * plugins: [ - * { - * name: "addClassesToSVGElement", - * params: { - * className: "mySvg" - * } - * } + * { + * name: "addClassesToSVGElement", + * params: { + * className: "mySvg" + * } + * } * ] * * plugins: [ - * { - * name: "addClassesToSVGElement", - * params: { - * classNames: ["mySvg", "size-big"] - * } - * } + * { + * name: "addClassesToSVGElement", + * params: { + * classNames: ["mySvg", "size-big"] + * } + * } * ] * * Use the suffixPattern parameter to add an arbitrary suffix to * the class names. * * plugins: [ - * { - * name: "addClassesToSVGElement", - * params: { - * classNames: ["mySvg"], - * suffixPattern: "__$FILENAME" - * } - * } + * { + * name: "addClassesToSVGElement", + * params: { + * classNames: ["mySvg"], + * suffixPattern: "__$FILENAME" + * } + * } * ] * * Use the boolean doesPreserveClasses parameter to preserve any @@ -77,17 +77,15 @@ plugins: [ * classes will be removed. * * plugins: [ - * { - * name: "addClassesToSVGElement", - * params: { - * classNames: ["mySvg"], - * doesPreserveClasses: true - * } - * } + * { + * name: "addClassesToSVGElement", + * params: { + * classNames: ["mySvg"], + * doesPreserveClasses: true + * } + * } * ] - * * @author April Arcus, Anselm Bradford - * * @type {import('./plugins-types').Plugin<'addClassesToSVGElement'>} */ exports.fn = (root, params, info) => { @@ -114,7 +112,7 @@ exports.fn = (root, params, info) => { let suffixPattern = params.suffixPattern; const filename = path.basename(info.path, '.svg'); suffixPattern = suffixPattern.replace('$FILENAME', filename); - for (var i = 0, len = classNames.length; i < len; i++) { + for (let i = 0, len = classNames.length; i < len; i++) { classNames.push(classNames[i] + suffixPattern); } } diff --git a/test/cypress/e2e/docs/decap-cms.cy.js b/test/cypress/e2e/docs/decap-cms.cy.js index 24f27628e8..f39157df80 100644 --- a/test/cypress/e2e/docs/decap-cms.cy.js +++ b/test/cypress/e2e/docs/decap-cms.cy.js @@ -1,6 +1,3 @@ -/* eslint-disable handle-callback-err */ -/* eslint-disable no-undef */ - const getIframeBody = () => { // Get the iframe > document > body // and retry until the body element is not empty diff --git a/yarn.lock b/yarn.lock index 0f393efbd4..64669ed688 100644 --- a/yarn.lock +++ b/yarn.lock @@ -362,7 +362,7 @@ __metadata: languageName: node linkType: hard -"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.12.0, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.15.4, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.8.7, @babel/runtime@npm:^7.9.2": +"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.12.0, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.15.4, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.8.7, @babel/runtime@npm:^7.9.2": version: 7.25.9 resolution: "@babel/runtime@npm:7.25.9" dependencies: @@ -740,14 +740,14 @@ __metadata: languageName: node linkType: hard -"@es-joy/jsdoccomment@npm:~0.42.0": - version: 0.42.0 - resolution: "@es-joy/jsdoccomment@npm:0.42.0" +"@es-joy/jsdoccomment@npm:~0.49.0": + version: 0.49.0 + resolution: "@es-joy/jsdoccomment@npm:0.49.0" dependencies: comment-parser: "npm:1.4.1" - esquery: "npm:^1.5.0" - jsdoc-type-pratt-parser: "npm:~4.0.0" - checksum: 10c0/a8122762d2df3c6501a9c459e2822315a23c0078c4aeb0b40fb3c84b99e21a78e85e67f962d6b5dde5eb751792a1c67c6a170b619573db7151098a19950abe35 + esquery: "npm:^1.6.0" + jsdoc-type-pratt-parser: "npm:~4.1.0" + checksum: 10c0/16717507d557d37e7b59456fedeefbe0a3bc93aa2d9c043d5db91e24e076509b6fcb10ee6fd1dafcb0c5bbe50ae329b45de5b83541cb5994a98c9e862a45641e languageName: node linkType: hard @@ -930,34 +930,68 @@ __metadata: languageName: node linkType: hard -"@eslint-community/regexpp@npm:^4.6.1": - version: 4.11.1 - resolution: "@eslint-community/regexpp@npm:4.11.1" - checksum: 10c0/fbcc1cb65ef5ed5b92faa8dc542e035269065e7ebcc0b39c81a4fe98ad35cfff20b3c8df048641de15a7757e07d69f85e2579c1a5055f993413ba18c055654f8 +"@eslint-community/regexpp@npm:^4.11.0": + version: 4.12.1 + resolution: "@eslint-community/regexpp@npm:4.12.1" + checksum: 10c0/a03d98c246bcb9109aec2c08e4d10c8d010256538dcb3f56610191607214523d4fb1b00aa81df830b6dffb74c5fa0be03642513a289c567949d3e550ca11cdf6 languageName: node linkType: hard -"@eslint/eslintrc@npm:^2.1.4": - version: 2.1.4 - resolution: "@eslint/eslintrc@npm:2.1.4" +"@eslint/config-array@npm:^0.18.0": + version: 0.18.0 + resolution: "@eslint/config-array@npm:0.18.0" + dependencies: + "@eslint/object-schema": "npm:^2.1.4" + debug: "npm:^4.3.1" + minimatch: "npm:^3.1.2" + checksum: 10c0/0234aeb3e6b052ad2402a647d0b4f8a6aa71524bafe1adad0b8db1dfe94d7f5f26d67c80f79bb37ac61361a1d4b14bb8fb475efe501de37263cf55eabb79868f + languageName: node + linkType: hard + +"@eslint/core@npm:^0.7.0": + version: 0.7.0 + resolution: "@eslint/core@npm:0.7.0" + checksum: 10c0/3cdee8bc6cbb96ac6103d3ead42e59830019435839583c9eb352b94ed558bd78e7ffad5286dc710df21ec1e7bd8f52aa6574c62457a4dd0f01f3736fa4a7d87a + languageName: node + linkType: hard + +"@eslint/eslintrc@npm:^3.1.0": + version: 3.1.0 + resolution: "@eslint/eslintrc@npm:3.1.0" dependencies: ajv: "npm:^6.12.4" debug: "npm:^4.3.2" - espree: "npm:^9.6.0" - globals: "npm:^13.19.0" + espree: "npm:^10.0.1" + globals: "npm:^14.0.0" ignore: "npm:^5.2.0" import-fresh: "npm:^3.2.1" js-yaml: "npm:^4.1.0" minimatch: "npm:^3.1.2" strip-json-comments: "npm:^3.1.1" - checksum: 10c0/32f67052b81768ae876c84569ffd562491ec5a5091b0c1e1ca1e0f3c24fb42f804952fdd0a137873bc64303ba368a71ba079a6f691cee25beee9722d94cc8573 + checksum: 10c0/5b7332ed781edcfc98caa8dedbbb843abfb9bda2e86538529c843473f580e40c69eb894410eddc6702f487e9ee8f8cfa8df83213d43a8fdb549f23ce06699167 + languageName: node + linkType: hard + +"@eslint/js@npm:9.13.0": + version: 9.13.0 + resolution: "@eslint/js@npm:9.13.0" + checksum: 10c0/672257bffe17777b8a98bd80438702904cc7a0b98b9c2e426a8a10929198b3553edf8a3fc20feed4133c02e7c8f7331a0ef1b23e5dab8e4469f7f1791beff1e0 languageName: node linkType: hard -"@eslint/js@npm:8.57.0": - version: 8.57.0 - resolution: "@eslint/js@npm:8.57.0" - checksum: 10c0/9a518bb8625ba3350613903a6d8c622352ab0c6557a59fe6ff6178bf882bf57123f9d92aa826ee8ac3ee74b9c6203fe630e9ee00efb03d753962dcf65ee4bd94 +"@eslint/object-schema@npm:^2.1.4": + version: 2.1.4 + resolution: "@eslint/object-schema@npm:2.1.4" + checksum: 10c0/e9885532ea70e483fb007bf1275968b05bb15ebaa506d98560c41a41220d33d342e19023d5f2939fed6eb59676c1bda5c847c284b4b55fce521d282004da4dda + languageName: node + linkType: hard + +"@eslint/plugin-kit@npm:^0.2.0": + version: 0.2.2 + resolution: "@eslint/plugin-kit@npm:0.2.2" + dependencies: + levn: "npm:^0.4.1" + checksum: 10c0/ec533ccc99f2ab003d6f64495cff853730fb7d8bc0eaf031ffccc68de7c34c74a2eda50dfa759cacfb409f014c98d306714c995348d5383c9d3140f9f80a5895 languageName: node linkType: hard @@ -1011,14 +1045,20 @@ __metadata: languageName: node linkType: hard -"@humanwhocodes/config-array@npm:^0.11.14": - version: 0.11.14 - resolution: "@humanwhocodes/config-array@npm:0.11.14" +"@humanfs/core@npm:^0.19.1": + version: 0.19.1 + resolution: "@humanfs/core@npm:0.19.1" + checksum: 10c0/aa4e0152171c07879b458d0e8a704b8c3a89a8c0541726c6b65b81e84fd8b7564b5d6c633feadc6598307d34564bd53294b533491424e8e313d7ab6c7bc5dc67 + languageName: node + linkType: hard + +"@humanfs/node@npm:^0.16.5": + version: 0.16.6 + resolution: "@humanfs/node@npm:0.16.6" dependencies: - "@humanwhocodes/object-schema": "npm:^2.0.2" - debug: "npm:^4.3.1" - minimatch: "npm:^3.0.5" - checksum: 10c0/66f725b4ee5fdd8322c737cb5013e19fac72d4d69c8bf4b7feb192fcb83442b035b92186f8e9497c220e58b2d51a080f28a73f7899bc1ab288c3be172c467541 + "@humanfs/core": "npm:^0.19.1" + "@humanwhocodes/retry": "npm:^0.3.0" + checksum: 10c0/8356359c9f60108ec204cbd249ecd0356667359b2524886b357617c4a7c3b6aace0fd5a369f63747b926a762a88f8a25bc066fa1778508d110195ce7686243e1 languageName: node linkType: hard @@ -1029,10 +1069,10 @@ __metadata: languageName: node linkType: hard -"@humanwhocodes/object-schema@npm:^2.0.2": - version: 2.0.3 - resolution: "@humanwhocodes/object-schema@npm:2.0.3" - checksum: 10c0/80520eabbfc2d32fe195a93557cef50dfe8c8905de447f022675aaf66abc33ae54098f5ea78548d925aa671cd4ab7c7daa5ad704fe42358c9b5e7db60f80696c +"@humanwhocodes/retry@npm:^0.3.0, @humanwhocodes/retry@npm:^0.3.1": + version: 0.3.1 + resolution: "@humanwhocodes/retry@npm:0.3.1" + checksum: 10c0/f0da1282dfb45e8120480b9e2e275e2ac9bbe1cf016d046fdad8e27cc1285c45bb9e711681237944445157b430093412b4446c1ab3fc4bb037861b5904101d3b languageName: node linkType: hard @@ -1469,7 +1509,7 @@ __metadata: languageName: node linkType: hard -"@nodelib/fs.walk@npm:^1.2.3, @nodelib/fs.walk@npm:^1.2.8": +"@nodelib/fs.walk@npm:^1.2.3": version: 1.2.8 resolution: "@nodelib/fs.walk@npm:1.2.8" dependencies: @@ -1781,6 +1821,13 @@ __metadata: languageName: node linkType: hard +"@pkgr/core@npm:^0.1.0": + version: 0.1.1 + resolution: "@pkgr/core@npm:0.1.1" + checksum: 10c0/3f7536bc7f57320ab2cf96f8973664bef624710c403357429fbf680a5c3b4843c1dbd389bb43daa6b1f6f1f007bb082f5abcb76bb2b5dc9f421647743b71d3d8 + languageName: node + linkType: hard + "@pnpm/config.env-replace@npm:^1.1.0": version: 1.1.0 resolution: "@pnpm/config.env-replace@npm:1.1.0" @@ -1867,6 +1914,13 @@ __metadata: languageName: node linkType: hard +"@rtsao/scc@npm:^1.1.0": + version: 1.1.0 + resolution: "@rtsao/scc@npm:1.1.0" + checksum: 10c0/b5bcfb0d87f7d1c1c7c0f7693f53b07866ed9fec4c34a97a8c948fb9a7c0082e416ce4d3b60beb4f5e167cbe04cdeefbf6771320f3ede059b9ce91188c409a5b + languageName: node + linkType: hard + "@sentry/core@npm:6.19.7": version: 6.19.7 resolution: "@sentry/core@npm:6.19.7" @@ -2036,6 +2090,13 @@ __metadata: languageName: node linkType: hard +"@types/estree@npm:^1.0.6": + version: 1.0.6 + resolution: "@types/estree@npm:1.0.6" + checksum: 10c0/cdfd751f6f9065442cd40957c07fd80361c962869aa853c1c2fd03e101af8b9389d8ff4955a43a6fcfa223dd387a089937f95be0f3eec21ca527039fd2d9859a + languageName: node + linkType: hard + "@types/graceful-fs@npm:^4.1.3": version: 4.1.9 resolution: "@types/graceful-fs@npm:4.1.9" @@ -2107,6 +2168,13 @@ __metadata: languageName: node linkType: hard +"@types/json-schema@npm:^7.0.15": + version: 7.0.15 + resolution: "@types/json-schema@npm:7.0.15" + checksum: 10c0/a996a745e6c5d60292f36731dd41341339d4eeed8180bb09226e5c8d23759067692b1d88e5d91d72ee83dfc00d3aca8e7bd43ea120516c17922cbcb7c3e252db + languageName: node + linkType: hard + "@types/json5@npm:^0.0.29": version: 0.0.29 resolution: "@types/json5@npm:0.0.29" @@ -2242,13 +2310,6 @@ __metadata: languageName: node linkType: hard -"@ungap/structured-clone@npm:^1.2.0": - version: 1.2.0 - resolution: "@ungap/structured-clone@npm:1.2.0" - checksum: 10c0/8209c937cb39119f44eb63cf90c0b73e7c754209a6411c707be08e50e29ee81356dca1a848a405c8bdeebfe2f5e4f831ad310ae1689eeef65e7445c090c6657d - languageName: node - linkType: hard - "@wry/context@npm:^0.4.0": version: 0.4.4 resolution: "@wry/context@npm:0.4.4" @@ -2320,7 +2381,7 @@ __metadata: languageName: node linkType: hard -"acorn@npm:^8.1.0, acorn@npm:^8.11.0, acorn@npm:^8.8.1, acorn@npm:^8.9.0": +"acorn@npm:^8.1.0, acorn@npm:^8.11.0, acorn@npm:^8.8.1": version: 8.13.0 resolution: "acorn@npm:8.13.0" bin: @@ -2329,6 +2390,15 @@ __metadata: languageName: node linkType: hard +"acorn@npm:^8.14.0": + version: 8.14.0 + resolution: "acorn@npm:8.14.0" + bin: + acorn: bin/acorn + checksum: 10c0/6d4ee461a7734b2f48836ee0fbb752903606e576cc100eb49340295129ca0b452f3ba91ddd4424a1d4406a98adfb2ebb6bd0ff4c49d7a0930c10e462719bbfd7 + languageName: node + linkType: hard + "agent-base@npm:6": version: 6.0.2 resolution: "agent-base@npm:6.0.2" @@ -2661,7 +2731,7 @@ __metadata: languageName: node linkType: hard -"aria-query@npm:^5.3.0": +"aria-query@npm:^5.3.2": version: 5.3.2 resolution: "aria-query@npm:5.3.2" checksum: 10c0/003c7e3e2cff5540bf7a7893775fc614de82b0c5dde8ae823d47b7a28a9d4da1f7ed85f340bdb93d5649caa927755f0e31ecc7ab63edfdfc00c8ef07e505e03e @@ -2685,7 +2755,7 @@ __metadata: languageName: node linkType: hard -"array-includes@npm:^3.1.6, array-includes@npm:^3.1.7": +"array-includes@npm:^3.1.6, array-includes@npm:^3.1.8": version: 3.1.8 resolution: "array-includes@npm:3.1.8" dependencies: @@ -2713,7 +2783,7 @@ __metadata: languageName: node linkType: hard -"array.prototype.findlast@npm:^1.2.4": +"array.prototype.findlast@npm:^1.2.5": version: 1.2.5 resolution: "array.prototype.findlast@npm:1.2.5" dependencies: @@ -2727,7 +2797,7 @@ __metadata: languageName: node linkType: hard -"array.prototype.findlastindex@npm:^1.2.3": +"array.prototype.findlastindex@npm:^1.2.5": version: 1.2.5 resolution: "array.prototype.findlastindex@npm:1.2.5" dependencies: @@ -2765,19 +2835,7 @@ __metadata: languageName: node linkType: hard -"array.prototype.toreversed@npm:^1.1.2": - version: 1.1.2 - resolution: "array.prototype.toreversed@npm:1.1.2" - dependencies: - call-bind: "npm:^1.0.2" - define-properties: "npm:^1.2.0" - es-abstract: "npm:^1.22.1" - es-shim-unscopables: "npm:^1.0.0" - checksum: 10c0/2b7627ea85eae1e80ecce665a500cc0f3355ac83ee4a1a727562c7c2a1d5f1c0b4dd7b65c468ec6867207e452ba01256910a2c0b41486bfdd11acf875a7a3435 - languageName: node - linkType: hard - -"array.prototype.tosorted@npm:^1.1.3": +"array.prototype.tosorted@npm:^1.1.4": version: 1.1.4 resolution: "array.prototype.tosorted@npm:1.1.4" dependencies: @@ -2951,24 +3009,17 @@ __metadata: languageName: node linkType: hard -"axe-core@npm:=4.7.0": - version: 4.7.0 - resolution: "axe-core@npm:4.7.0" - checksum: 10c0/89ac5712b5932ac7d23398b4cb5ba081c394a086e343acc68ba49c83472706e18e0799804e8388c779dcdacc465377deb29f2714241d3fbb389cf3a6b275c9ba - languageName: node - linkType: hard - -"axe-core@npm:^4.9.1": +"axe-core@npm:^4.10.0, axe-core@npm:^4.9.1": version: 4.10.2 resolution: "axe-core@npm:4.10.2" checksum: 10c0/0e20169077de96946a547fce0df39d9aeebe0077f9d3eeff4896518b96fde857f80b98f0d4279274a7178791744dd5a54bb4f322de45b4f561ffa2586ff9a09d languageName: node linkType: hard -"axobject-query@npm:^3.2.1": - version: 3.2.4 - resolution: "axobject-query@npm:3.2.4" - checksum: 10c0/3848c9119273d4c8d8c8283154ee8de1c7ce85fc07990f98bbb3a188628bf58261ca3aa59ec982485dc975ab66ea0ead317db7b5cceea84c019f0943de78257f +"axobject-query@npm:^4.1.0": + version: 4.1.0 + resolution: "axobject-query@npm:4.1.0" + checksum: 10c0/c470e4f95008f232eadd755b018cb55f16c03ccf39c027b941cd8820ac6b68707ce5d7368a46756db4256fbc91bb4ead368f84f7fb034b2b7932f082f6dc0775 languageName: node linkType: hard @@ -3315,13 +3366,6 @@ __metadata: languageName: node linkType: hard -"builtin-modules@npm:^3.3.0": - version: 3.3.0 - resolution: "builtin-modules@npm:3.3.0" - checksum: 10c0/2cb3448b4f7306dc853632a4fcddc95e8d4e4b9868c139400027b71938fc6806d4ff44007deffb362ac85724bd40c2c6452fb6a0aa4531650eeddb98d8e5ee8a - languageName: node - linkType: hard - "bundle-name@npm:^4.1.0": version: 4.1.0 resolution: "bundle-name@npm:4.1.0" @@ -3450,14 +3494,15 @@ __metadata: decap-cms-app: "npm:3.3.3" esbuild: "npm:0.24.0" esbuild-plugin-liquid: "npm:0.2.0" - eslint: "npm:8.57.0" + eslint: "npm:9.13.0" eslint-config-prettier: "npm:9.1.0" - eslint-plugin-cypress: "npm:3.2.0" - eslint-plugin-import: "npm:2.29.1" - eslint-plugin-jsdoc: "npm:48.2.3" - eslint-plugin-jsx-a11y: "npm:6.8.0" - eslint-plugin-react: "npm:7.34.1" + eslint-plugin-cypress: "npm:4.1.0" + eslint-plugin-import: "npm:2.31.0" + eslint-plugin-jsdoc: "npm:50.4.3" + eslint-plugin-jsx-a11y: "npm:6.10.2" + eslint-plugin-react: "npm:7.37.2" glob: "npm:11.0.0" + globals: "npm:15.11.0" html-entities: "npm:2.5.2" http-server: "npm:14.1.1" jest: "npm:29.7.0" @@ -5154,7 +5199,7 @@ __metadata: languageName: node linkType: hard -"define-properties@npm:^1.2.0, define-properties@npm:^1.2.1": +"define-properties@npm:^1.1.3, define-properties@npm:^1.2.0, define-properties@npm:^1.2.1": version: 1.2.1 resolution: "define-properties@npm:1.2.1" dependencies: @@ -5288,15 +5333,6 @@ __metadata: languageName: node linkType: hard -"doctrine@npm:^3.0.0": - version: 3.0.0 - resolution: "doctrine@npm:3.0.0" - dependencies: - esutils: "npm:^2.0.2" - checksum: 10c0/c96bdccabe9d62ab6fea9399fdff04a66e6563c1d6fb3a3a063e8d53c3bb136ba63e84250bbf63d00086a769ad53aef92d2bd483f03f837fc97b71cbee6b2520 - languageName: node - linkType: hard - "dom-helpers@npm:^3.2.0": version: 3.4.0 resolution: "dom-helpers@npm:3.4.0" @@ -5519,7 +5555,7 @@ __metadata: languageName: node linkType: hard -"es-abstract@npm:^1.22.1, es-abstract@npm:^1.22.3, es-abstract@npm:^1.23.0, es-abstract@npm:^1.23.1, es-abstract@npm:^1.23.2, es-abstract@npm:^1.23.3": +"es-abstract@npm:^1.17.5, es-abstract@npm:^1.22.1, es-abstract@npm:^1.22.3, es-abstract@npm:^1.23.0, es-abstract@npm:^1.23.1, es-abstract@npm:^1.23.2, es-abstract@npm:^1.23.3": version: 1.23.3 resolution: "es-abstract@npm:1.23.3" dependencies: @@ -5589,7 +5625,7 @@ __metadata: languageName: node linkType: hard -"es-iterator-helpers@npm:^1.0.15, es-iterator-helpers@npm:^1.0.17": +"es-iterator-helpers@npm:^1.1.0": version: 1.1.0 resolution: "es-iterator-helpers@npm:1.1.0" dependencies: @@ -5611,6 +5647,13 @@ __metadata: languageName: node linkType: hard +"es-module-lexer@npm:^1.5.3": + version: 1.5.4 + resolution: "es-module-lexer@npm:1.5.4" + checksum: 10c0/300a469488c2f22081df1e4c8398c78db92358496e639b0df7f89ac6455462aaf5d8893939087c1a1cbcbf20eed4610c70e0bcb8f3e4b0d80a5d2611c539408c + languageName: node + linkType: hard + "es-object-atoms@npm:^1.0.0": version: 1.0.0 resolution: "es-object-atoms@npm:1.0.0" @@ -5832,7 +5875,7 @@ __metadata: languageName: node linkType: hard -"eslint-module-utils@npm:^2.8.0": +"eslint-module-utils@npm:^2.12.0": version: 2.12.0 resolution: "eslint-module-utils@npm:2.12.0" dependencies: @@ -5844,190 +5887,202 @@ __metadata: languageName: node linkType: hard -"eslint-plugin-cypress@npm:3.2.0": - version: 3.2.0 - resolution: "eslint-plugin-cypress@npm:3.2.0" +"eslint-plugin-cypress@npm:4.1.0": + version: 4.1.0 + resolution: "eslint-plugin-cypress@npm:4.1.0" dependencies: - globals: "npm:^13.20.0" + globals: "npm:^15.11.0" peerDependencies: - eslint: ">=7" - checksum: 10c0/c422a5c3a45e5a968bbfb0265cc377f99dd4835325b2ef1519674eb4dae855b81c1d6db7117603f5ff6e9c63ca72138c444810c7404e492926de2f32e596c780 + eslint: ">=9" + checksum: 10c0/991d3cc48ed139a52bec4e48e3be2b97274c63f0dd1d14f5b2a1a86315c9adf8a85c91837d64a83b177f07b8c410634d6db44f2555b97aeb96549f4dfac04b10 languageName: node linkType: hard -"eslint-plugin-import@npm:2.29.1": - version: 2.29.1 - resolution: "eslint-plugin-import@npm:2.29.1" +"eslint-plugin-import@npm:2.31.0": + version: 2.31.0 + resolution: "eslint-plugin-import@npm:2.31.0" dependencies: - array-includes: "npm:^3.1.7" - array.prototype.findlastindex: "npm:^1.2.3" + "@rtsao/scc": "npm:^1.1.0" + array-includes: "npm:^3.1.8" + array.prototype.findlastindex: "npm:^1.2.5" array.prototype.flat: "npm:^1.3.2" array.prototype.flatmap: "npm:^1.3.2" debug: "npm:^3.2.7" doctrine: "npm:^2.1.0" eslint-import-resolver-node: "npm:^0.3.9" - eslint-module-utils: "npm:^2.8.0" - hasown: "npm:^2.0.0" - is-core-module: "npm:^2.13.1" + eslint-module-utils: "npm:^2.12.0" + hasown: "npm:^2.0.2" + is-core-module: "npm:^2.15.1" is-glob: "npm:^4.0.3" minimatch: "npm:^3.1.2" - object.fromentries: "npm:^2.0.7" - object.groupby: "npm:^1.0.1" - object.values: "npm:^1.1.7" + object.fromentries: "npm:^2.0.8" + object.groupby: "npm:^1.0.3" + object.values: "npm:^1.2.0" semver: "npm:^6.3.1" + string.prototype.trimend: "npm:^1.0.8" tsconfig-paths: "npm:^3.15.0" peerDependencies: - eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 - checksum: 10c0/5f35dfbf4e8e67f741f396987de9504ad125c49f4144508a93282b4ea0127e052bde65ab6def1f31b6ace6d5d430be698333f75bdd7dca3bc14226c92a083196 + eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9 + checksum: 10c0/e21d116ddd1900e091ad120b3eb68c5dd5437fe2c930f1211781cd38b246f090a6b74d5f3800b8255a0ed29782591521ad44eb21c5534960a8f1fb4040fd913a languageName: node linkType: hard -"eslint-plugin-jsdoc@npm:48.2.3": - version: 48.2.3 - resolution: "eslint-plugin-jsdoc@npm:48.2.3" +"eslint-plugin-jsdoc@npm:50.4.3": + version: 50.4.3 + resolution: "eslint-plugin-jsdoc@npm:50.4.3" dependencies: - "@es-joy/jsdoccomment": "npm:~0.42.0" + "@es-joy/jsdoccomment": "npm:~0.49.0" are-docs-informative: "npm:^0.0.2" comment-parser: "npm:1.4.1" - debug: "npm:^4.3.4" + debug: "npm:^4.3.6" escape-string-regexp: "npm:^4.0.0" - esquery: "npm:^1.5.0" - is-builtin-module: "npm:^3.2.1" - semver: "npm:^7.6.0" + espree: "npm:^10.1.0" + esquery: "npm:^1.6.0" + parse-imports: "npm:^2.1.1" + semver: "npm:^7.6.3" spdx-expression-parse: "npm:^4.0.0" + synckit: "npm:^0.9.1" peerDependencies: eslint: ^7.0.0 || ^8.0.0 || ^9.0.0 - checksum: 10c0/e755923d96118890c6fd28b1c2298e1fe67ccbce08060ffc091b29ced59d0058ad8820323c56eef6f85c2954c783fc4076e78c0e5bc64838ae099b4e62ea702e + checksum: 10c0/96067f8fc3553371e9afdc6d03c166228bfd3cb004fcd70c4357d49185732f384351e20f44c21b0a13ea318c8aabbd584b627804f62a2a80376507646708a786 languageName: node linkType: hard -"eslint-plugin-jsx-a11y@npm:6.8.0": - version: 6.8.0 - resolution: "eslint-plugin-jsx-a11y@npm:6.8.0" +"eslint-plugin-jsx-a11y@npm:6.10.2": + version: 6.10.2 + resolution: "eslint-plugin-jsx-a11y@npm:6.10.2" dependencies: - "@babel/runtime": "npm:^7.23.2" - aria-query: "npm:^5.3.0" - array-includes: "npm:^3.1.7" + aria-query: "npm:^5.3.2" + array-includes: "npm:^3.1.8" array.prototype.flatmap: "npm:^1.3.2" ast-types-flow: "npm:^0.0.8" - axe-core: "npm:=4.7.0" - axobject-query: "npm:^3.2.1" + axe-core: "npm:^4.10.0" + axobject-query: "npm:^4.1.0" damerau-levenshtein: "npm:^1.0.8" emoji-regex: "npm:^9.2.2" - es-iterator-helpers: "npm:^1.0.15" - hasown: "npm:^2.0.0" + hasown: "npm:^2.0.2" jsx-ast-utils: "npm:^3.3.5" language-tags: "npm:^1.0.9" minimatch: "npm:^3.1.2" - object.entries: "npm:^1.1.7" - object.fromentries: "npm:^2.0.7" + object.fromentries: "npm:^2.0.8" + safe-regex-test: "npm:^1.0.3" + string.prototype.includes: "npm:^2.0.1" peerDependencies: - eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 - checksum: 10c0/199b883e526e6f9d7c54cb3f094abc54f11a1ec816db5fb6cae3b938eb0e503acc10ccba91ca7451633a9d0b9abc0ea03601844a8aba5fe88c5e8897c9ac8f49 + eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9 + checksum: 10c0/d93354e03b0cf66f018d5c50964e074dffe4ddf1f9b535fa020d19c4ae45f89c1a16e9391ca61ac3b19f7042c751ac0d361a056a65cbd1de24718a53ff8daa6e languageName: node linkType: hard -"eslint-plugin-react@npm:7.34.1": - version: 7.34.1 - resolution: "eslint-plugin-react@npm:7.34.1" +"eslint-plugin-react@npm:7.37.2": + version: 7.37.2 + resolution: "eslint-plugin-react@npm:7.37.2" dependencies: - array-includes: "npm:^3.1.7" - array.prototype.findlast: "npm:^1.2.4" + array-includes: "npm:^3.1.8" + array.prototype.findlast: "npm:^1.2.5" array.prototype.flatmap: "npm:^1.3.2" - array.prototype.toreversed: "npm:^1.1.2" - array.prototype.tosorted: "npm:^1.1.3" + array.prototype.tosorted: "npm:^1.1.4" doctrine: "npm:^2.1.0" - es-iterator-helpers: "npm:^1.0.17" + es-iterator-helpers: "npm:^1.1.0" estraverse: "npm:^5.3.0" + hasown: "npm:^2.0.2" jsx-ast-utils: "npm:^2.4.1 || ^3.0.0" minimatch: "npm:^3.1.2" - object.entries: "npm:^1.1.7" - object.fromentries: "npm:^2.0.7" - object.hasown: "npm:^1.1.3" - object.values: "npm:^1.1.7" + object.entries: "npm:^1.1.8" + object.fromentries: "npm:^2.0.8" + object.values: "npm:^1.2.0" prop-types: "npm:^15.8.1" resolve: "npm:^2.0.0-next.5" semver: "npm:^6.3.1" - string.prototype.matchall: "npm:^4.0.10" + string.prototype.matchall: "npm:^4.0.11" + string.prototype.repeat: "npm:^1.0.0" peerDependencies: - eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 - checksum: 10c0/7c61b1314d37a4ac2f2474f9571f801f1a1a5d81dcd4abbb5d07145406518722fb792367267757ee116bde254be9753242d6b93c9619110398b3fe1746e4848c + eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7 + checksum: 10c0/01c498f263c201698bf653973760f86a07fa0cdec56c044f3eaa5ddaae71c64326015dfa5fde76ca8c5386ffe789fc79932624b614e13b6a1ad789fee3f7c491 languageName: node linkType: hard -"eslint-scope@npm:^7.2.2": - version: 7.2.2 - resolution: "eslint-scope@npm:7.2.2" +"eslint-scope@npm:^8.1.0": + version: 8.2.0 + resolution: "eslint-scope@npm:8.2.0" dependencies: esrecurse: "npm:^4.3.0" estraverse: "npm:^5.2.0" - checksum: 10c0/613c267aea34b5a6d6c00514e8545ef1f1433108097e857225fed40d397dd6b1809dffd11c2fde23b37ca53d7bf935fe04d2a18e6fc932b31837b6ad67e1c116 + checksum: 10c0/8d2d58e2136d548ac7e0099b1a90d9fab56f990d86eb518de1247a7066d38c908be2f3df477a79cf60d70b30ba18735d6c6e70e9914dca2ee515a729975d70d6 languageName: node linkType: hard -"eslint-visitor-keys@npm:^3.3.0, eslint-visitor-keys@npm:^3.4.1, eslint-visitor-keys@npm:^3.4.3": +"eslint-visitor-keys@npm:^3.3.0": version: 3.4.3 resolution: "eslint-visitor-keys@npm:3.4.3" checksum: 10c0/92708e882c0a5ffd88c23c0b404ac1628cf20104a108c745f240a13c332a11aac54f49a22d5762efbffc18ecbc9a580d1b7ad034bf5f3cc3307e5cbff2ec9820 languageName: node linkType: hard -"eslint@npm:8.57.0": - version: 8.57.0 - resolution: "eslint@npm:8.57.0" +"eslint-visitor-keys@npm:^4.1.0, eslint-visitor-keys@npm:^4.2.0": + version: 4.2.0 + resolution: "eslint-visitor-keys@npm:4.2.0" + checksum: 10c0/2ed81c663b147ca6f578312919483eb040295bbab759e5a371953456c636c5b49a559883e2677112453728d66293c0a4c90ab11cab3428cf02a0236d2e738269 + languageName: node + linkType: hard + +"eslint@npm:9.13.0": + version: 9.13.0 + resolution: "eslint@npm:9.13.0" dependencies: "@eslint-community/eslint-utils": "npm:^4.2.0" - "@eslint-community/regexpp": "npm:^4.6.1" - "@eslint/eslintrc": "npm:^2.1.4" - "@eslint/js": "npm:8.57.0" - "@humanwhocodes/config-array": "npm:^0.11.14" + "@eslint-community/regexpp": "npm:^4.11.0" + "@eslint/config-array": "npm:^0.18.0" + "@eslint/core": "npm:^0.7.0" + "@eslint/eslintrc": "npm:^3.1.0" + "@eslint/js": "npm:9.13.0" + "@eslint/plugin-kit": "npm:^0.2.0" + "@humanfs/node": "npm:^0.16.5" "@humanwhocodes/module-importer": "npm:^1.0.1" - "@nodelib/fs.walk": "npm:^1.2.8" - "@ungap/structured-clone": "npm:^1.2.0" + "@humanwhocodes/retry": "npm:^0.3.1" + "@types/estree": "npm:^1.0.6" + "@types/json-schema": "npm:^7.0.15" ajv: "npm:^6.12.4" chalk: "npm:^4.0.0" cross-spawn: "npm:^7.0.2" debug: "npm:^4.3.2" - doctrine: "npm:^3.0.0" escape-string-regexp: "npm:^4.0.0" - eslint-scope: "npm:^7.2.2" - eslint-visitor-keys: "npm:^3.4.3" - espree: "npm:^9.6.1" - esquery: "npm:^1.4.2" + eslint-scope: "npm:^8.1.0" + eslint-visitor-keys: "npm:^4.1.0" + espree: "npm:^10.2.0" + esquery: "npm:^1.5.0" esutils: "npm:^2.0.2" fast-deep-equal: "npm:^3.1.3" - file-entry-cache: "npm:^6.0.1" + file-entry-cache: "npm:^8.0.0" find-up: "npm:^5.0.0" glob-parent: "npm:^6.0.2" - globals: "npm:^13.19.0" - graphemer: "npm:^1.4.0" ignore: "npm:^5.2.0" imurmurhash: "npm:^0.1.4" is-glob: "npm:^4.0.0" - is-path-inside: "npm:^3.0.3" - js-yaml: "npm:^4.1.0" json-stable-stringify-without-jsonify: "npm:^1.0.1" - levn: "npm:^0.4.1" lodash.merge: "npm:^4.6.2" minimatch: "npm:^3.1.2" natural-compare: "npm:^1.4.0" optionator: "npm:^0.9.3" - strip-ansi: "npm:^6.0.1" text-table: "npm:^0.2.0" + peerDependencies: + jiti: "*" + peerDependenciesMeta: + jiti: + optional: true bin: eslint: bin/eslint.js - checksum: 10c0/00bb96fd2471039a312435a6776fe1fd557c056755eaa2b96093ef3a8508c92c8775d5f754768be6b1dddd09fdd3379ddb231eeb9b6c579ee17ea7d68000a529 + checksum: 10c0/d3577444152182a9d8ea8c6a6acb073d3a2773ad73a6b646f432746583ec4bfcd6a44fcc2e37d05d276984e583c46c2d289b3b981ca8f8b4052756a152341d19 languageName: node linkType: hard -"espree@npm:^9.6.0, espree@npm:^9.6.1": - version: 9.6.1 - resolution: "espree@npm:9.6.1" +"espree@npm:^10.0.1, espree@npm:^10.1.0, espree@npm:^10.2.0": + version: 10.3.0 + resolution: "espree@npm:10.3.0" dependencies: - acorn: "npm:^8.9.0" + acorn: "npm:^8.14.0" acorn-jsx: "npm:^5.3.2" - eslint-visitor-keys: "npm:^3.4.1" - checksum: 10c0/1a2e9b4699b715347f62330bcc76aee224390c28bb02b31a3752e9d07549c473f5f986720483c6469cf3cfb3c9d05df612ffc69eb1ee94b54b739e67de9bb460 + eslint-visitor-keys: "npm:^4.2.0" + checksum: 10c0/272beeaca70d0a1a047d61baff64db04664a33d7cfb5d144f84bc8a5c6194c6c8ebe9cc594093ca53add88baa23e59b01e69e8a0160ab32eac570482e165c462 languageName: node linkType: hard @@ -6041,7 +6096,7 @@ __metadata: languageName: node linkType: hard -"esquery@npm:^1.4.2, esquery@npm:^1.5.0": +"esquery@npm:^1.5.0, esquery@npm:^1.6.0": version: 1.6.0 resolution: "esquery@npm:1.6.0" dependencies: @@ -6385,12 +6440,12 @@ __metadata: languageName: node linkType: hard -"file-entry-cache@npm:^6.0.1": - version: 6.0.1 - resolution: "file-entry-cache@npm:6.0.1" +"file-entry-cache@npm:^8.0.0": + version: 8.0.0 + resolution: "file-entry-cache@npm:8.0.0" dependencies: - flat-cache: "npm:^3.0.4" - checksum: 10c0/58473e8a82794d01b38e5e435f6feaf648e3f36fdb3a56e98f417f4efae71ad1c0d4ebd8a9a7c50c3ad085820a93fc7494ad721e0e4ebc1da3573f4e1c3c7cdd + flat-cache: "npm:^4.0.0" + checksum: 10c0/9e2b5938b1cd9b6d7e3612bdc533afd4ac17b2fc646569e9a8abbf2eb48e5eb8e316bc38815a3ef6a1b456f4107f0d0f055a614ca613e75db6bf9ff4d72c1638 languageName: node linkType: hard @@ -6454,14 +6509,13 @@ __metadata: languageName: node linkType: hard -"flat-cache@npm:^3.0.4": - version: 3.2.0 - resolution: "flat-cache@npm:3.2.0" +"flat-cache@npm:^4.0.0": + version: 4.0.1 + resolution: "flat-cache@npm:4.0.1" dependencies: flatted: "npm:^3.2.9" - keyv: "npm:^4.5.3" - rimraf: "npm:^3.0.2" - checksum: 10c0/b76f611bd5f5d68f7ae632e3ae503e678d205cf97a17c6ab5b12f6ca61188b5f1f7464503efae6dc18683ed8f0b41460beb48ac4b9ac63fe6201296a91ba2f75 + keyv: "npm:^4.5.4" + checksum: 10c0/2c59d93e9faa2523e4fda6b4ada749bed432cfa28c8e251f33b25795e426a1c6dbada777afb1f74fcfff33934fdbdea921ee738fcc33e71adc9d6eca984a1cfc languageName: node linkType: hard @@ -6898,6 +6952,13 @@ __metadata: languageName: node linkType: hard +"globals@npm:15.11.0, globals@npm:^15.11.0": + version: 15.11.0 + resolution: "globals@npm:15.11.0" + checksum: 10c0/861e39bb6bd9bd1b9f355c25c962e5eb4b3f0e1567cf60fa6c06e8c502b0ec8706b1cce055d69d84d0b7b8e028bec5418cf629a54e7047e116538d1c1c1a375c + languageName: node + linkType: hard + "globals@npm:^11.1.0": version: 11.12.0 resolution: "globals@npm:11.12.0" @@ -6905,12 +6966,10 @@ __metadata: languageName: node linkType: hard -"globals@npm:^13.19.0, globals@npm:^13.20.0": - version: 13.24.0 - resolution: "globals@npm:13.24.0" - dependencies: - type-fest: "npm:^0.20.2" - checksum: 10c0/d3c11aeea898eb83d5ec7a99508600fbe8f83d2cf00cbb77f873dbf2bcb39428eff1b538e4915c993d8a3b3473fa71eeebfe22c9bb3a3003d1e26b1f2c8a42cd +"globals@npm:^14.0.0": + version: 14.0.0 + resolution: "globals@npm:14.0.0" + checksum: 10c0/b96ff42620c9231ad468d4c58ff42afee7777ee1c963013ff8aabe095a451d0ceeb8dcd8ef4cbd64d2538cef45f787a78ba3a9574f4a634438963e334471302d languageName: node linkType: hard @@ -6991,13 +7050,6 @@ __metadata: languageName: node linkType: hard -"graphemer@npm:^1.4.0": - version: 1.4.0 - resolution: "graphemer@npm:1.4.0" - checksum: 10c0/e951259d8cd2e0d196c72ec711add7115d42eb9a8146c8eeda5b8d3ac91e5dd816b9cd68920726d9fd4490368e7ed86e9c423f40db87e2d8dfafa00fa17c3a31 - languageName: node - linkType: hard - "graphql-tag@npm:^2.10.1": version: 2.12.6 resolution: "graphql-tag@npm:2.12.6" @@ -7768,15 +7820,6 @@ __metadata: languageName: node linkType: hard -"is-builtin-module@npm:^3.2.1": - version: 3.2.1 - resolution: "is-builtin-module@npm:3.2.1" - dependencies: - builtin-modules: "npm:^3.3.0" - checksum: 10c0/5a66937a03f3b18803381518f0ef679752ac18cdb7dd53b5e23ee8df8d440558737bd8dcc04d2aae555909d2ecb4a81b5c0d334d119402584b61e6a003e31af1 - languageName: node - linkType: hard - "is-callable@npm:^1.1.3, is-callable@npm:^1.1.4, is-callable@npm:^1.2.7": version: 1.2.7 resolution: "is-callable@npm:1.2.7" @@ -7795,7 +7838,7 @@ __metadata: languageName: node linkType: hard -"is-core-module@npm:^2.13.0, is-core-module@npm:^2.13.1": +"is-core-module@npm:^2.13.0, is-core-module@npm:^2.15.1": version: 2.15.1 resolution: "is-core-module@npm:2.15.1" dependencies: @@ -8035,7 +8078,7 @@ __metadata: languageName: node linkType: hard -"is-path-inside@npm:^3.0.2, is-path-inside@npm:^3.0.3": +"is-path-inside@npm:^3.0.2": version: 3.0.3 resolution: "is-path-inside@npm:3.0.3" checksum: 10c0/cf7d4ac35fb96bab6a1d2c3598fe5ebb29aafb52c0aaa482b5a3ed9d8ba3edc11631e3ec2637660c44b3ce0e61a08d54946e8af30dec0b60a7c27296c68ffd05 @@ -8936,10 +8979,10 @@ __metadata: languageName: node linkType: hard -"jsdoc-type-pratt-parser@npm:~4.0.0": - version: 4.0.0 - resolution: "jsdoc-type-pratt-parser@npm:4.0.0" - checksum: 10c0/b23ef7bbbe2f56d72630d1c5a233dc9fecaff399063d373c57bef136908c1b05e723dac107177303c03ccf8d75aa51507510b282aa567600477479c5ea0c36d1 +"jsdoc-type-pratt-parser@npm:~4.1.0": + version: 4.1.0 + resolution: "jsdoc-type-pratt-parser@npm:4.1.0" + checksum: 10c0/7700372d2e733a32f7ea0a1df9cec6752321a5345c11a91b2ab478a031a426e934f16d5c1f15c8566c7b2c10af9f27892a29c2c789039f595470e929a4aa60ea languageName: node linkType: hard @@ -9111,7 +9154,7 @@ __metadata: languageName: node linkType: hard -"keyv@npm:^4.5.3, keyv@npm:^4.5.4": +"keyv@npm:^4.5.4": version: 4.5.4 resolution: "keyv@npm:4.5.4" dependencies: @@ -10163,7 +10206,7 @@ __metadata: languageName: node linkType: hard -"minimatch@npm:^3.0.4, minimatch@npm:^3.0.5, minimatch@npm:^3.1.1, minimatch@npm:^3.1.2": +"minimatch@npm:^3.0.4, minimatch@npm:^3.1.1, minimatch@npm:^3.1.2": version: 3.1.2 resolution: "minimatch@npm:3.1.2" dependencies: @@ -10547,7 +10590,7 @@ __metadata: languageName: node linkType: hard -"object.entries@npm:^1.1.7, object.entries@npm:^1.1.8": +"object.entries@npm:^1.1.8": version: 1.1.8 resolution: "object.entries@npm:1.1.8" dependencies: @@ -10558,7 +10601,7 @@ __metadata: languageName: node linkType: hard -"object.fromentries@npm:^2.0.7": +"object.fromentries@npm:^2.0.8": version: 2.0.8 resolution: "object.fromentries@npm:2.0.8" dependencies: @@ -10570,7 +10613,7 @@ __metadata: languageName: node linkType: hard -"object.groupby@npm:^1.0.1": +"object.groupby@npm:^1.0.3": version: 1.0.3 resolution: "object.groupby@npm:1.0.3" dependencies: @@ -10581,18 +10624,7 @@ __metadata: languageName: node linkType: hard -"object.hasown@npm:^1.1.3": - version: 1.1.4 - resolution: "object.hasown@npm:1.1.4" - dependencies: - define-properties: "npm:^1.2.1" - es-abstract: "npm:^1.23.2" - es-object-atoms: "npm:^1.0.0" - checksum: 10c0/f23187b08d874ef1aea060118c8259eb7f99f93c15a50771d710569534119062b90e087b92952b2d0fb1bb8914d61fb0b43c57fb06f622aaad538fe6868ab987 - languageName: node - linkType: hard - -"object.values@npm:^1.1.6, object.values@npm:^1.1.7": +"object.values@npm:^1.1.6, object.values@npm:^1.2.0": version: 1.2.0 resolution: "object.values@npm:1.2.0" dependencies: @@ -10973,6 +11005,16 @@ __metadata: languageName: node linkType: hard +"parse-imports@npm:^2.1.1": + version: 2.2.1 + resolution: "parse-imports@npm:2.2.1" + dependencies: + es-module-lexer: "npm:^1.5.3" + slashes: "npm:^3.0.12" + checksum: 10c0/bc541ce4ef2ff77d53247de39a956e0ee7a1a4b9b175c3e0f898222fe7994595f011491154db4ed408cbaf5049ede9d0b6624125565be208e973a54420cbe069 + languageName: node + linkType: hard + "parse-json@npm:^5.0.0, parse-json@npm:^5.2.0": version: 5.2.0 resolution: "parse-json@npm:5.2.0" @@ -12917,6 +12959,13 @@ __metadata: languageName: node linkType: hard +"slashes@npm:^3.0.12": + version: 3.0.12 + resolution: "slashes@npm:3.0.12" + checksum: 10c0/71ca2a1fcd1ab6814b0fdb8cf9c33a3d54321deec2aa8d173510f0086880201446021a9b9e6a18561f7c472b69a2145977c6a8fb9c53a8ff7be31778f203d175 + languageName: node + linkType: hard + "slate-base64-serializer@npm:^0.2.107": version: 0.2.115 resolution: "slate-base64-serializer@npm:0.2.115" @@ -13294,7 +13343,18 @@ __metadata: languageName: node linkType: hard -"string.prototype.matchall@npm:^4.0.10": +"string.prototype.includes@npm:^2.0.1": + version: 2.0.1 + resolution: "string.prototype.includes@npm:2.0.1" + dependencies: + call-bind: "npm:^1.0.7" + define-properties: "npm:^1.2.1" + es-abstract: "npm:^1.23.3" + checksum: 10c0/25ce9c9b49128352a2618fbe8758b46f945817a58a4420f4799419e40a8d28f116e176c7590d767d5327a61e75c8f32c86171063f48e389b9fdd325f1bd04ee5 + languageName: node + linkType: hard + +"string.prototype.matchall@npm:^4.0.11": version: 4.0.11 resolution: "string.prototype.matchall@npm:4.0.11" dependencies: @@ -13314,6 +13374,16 @@ __metadata: languageName: node linkType: hard +"string.prototype.repeat@npm:^1.0.0": + version: 1.0.0 + resolution: "string.prototype.repeat@npm:1.0.0" + dependencies: + define-properties: "npm:^1.1.3" + es-abstract: "npm:^1.17.5" + checksum: 10c0/94c7978566cffa1327d470fd924366438af9b04b497c43a9805e476e2e908aa37a1fd34cc0911156c17556dab62159d12c7b92b3cc304c3e1281fe4c8e668f40 + languageName: node + linkType: hard + "string.prototype.trim@npm:^1.2.9": version: 1.2.9 resolution: "string.prototype.trim@npm:1.2.9" @@ -13689,6 +13759,16 @@ __metadata: languageName: node linkType: hard +"synckit@npm:^0.9.1": + version: 0.9.2 + resolution: "synckit@npm:0.9.2" + dependencies: + "@pkgr/core": "npm:^0.1.0" + tslib: "npm:^2.6.2" + checksum: 10c0/e0c262817444e5b872708adb6f5ad37951ba33f6b2d1d4477d45db1f57573a784618ceed5e6614e0225db330632b1f6b95bb74d21e4d013e45ad4bde03d0cb59 + languageName: node + linkType: hard + "table@npm:^6.8.2": version: 6.8.2 resolution: "table@npm:6.8.2" @@ -14005,7 +14085,7 @@ __metadata: languageName: node linkType: hard -"tslib@npm:^2.0.0, tslib@npm:^2.0.1, tslib@npm:^2.1.0, tslib@npm:^2.4.0, tslib@npm:^2.7.0": +"tslib@npm:^2.0.0, tslib@npm:^2.0.1, tslib@npm:^2.1.0, tslib@npm:^2.4.0, tslib@npm:^2.6.2, tslib@npm:^2.7.0": version: 2.8.0 resolution: "tslib@npm:2.8.0" checksum: 10c0/31e4d14dc1355e9b89e4d3c893a18abb7f90b6886b089c2da91224d0a7752c79f3ddc41bc1aa0a588ac895bd97bb99c5bc2bfdb2f86de849f31caeb3ba79bbe5 @@ -14044,13 +14124,6 @@ __metadata: languageName: node linkType: hard -"type-fest@npm:^0.20.2": - version: 0.20.2 - resolution: "type-fest@npm:0.20.2" - checksum: 10c0/dea9df45ea1f0aaa4e2d3bed3f9a0bfe9e5b2592bddb92eb1bf06e50bcf98dbb78189668cd8bc31a0511d3fc25539b4cd5c704497e53e93e2d40ca764b10bfc3 - languageName: node - linkType: hard - "type-fest@npm:^0.21.3": version: 0.21.3 resolution: "type-fest@npm:0.21.3"