diff --git a/.achecker.yml b/.achecker.yml index 5a56513b8..29cce31a6 100644 --- a/.achecker.yml +++ b/.achecker.yml @@ -1,3 +1,5 @@ +# https://www.npmjs.com/package/accessibility-checker#configuring-accessibility-checker + # optional - Specify the rule archive # Default: latest # Run `npx achecker archives` for a list of valid ruleArchive ids and policy ids @@ -8,7 +10,7 @@ ruleArchive: latest # i.e. Multiple policies: IBM_Accessibility,IBM_Accessibility_BETA # Run `npx achecker archives` for a list of valid ruleArchive ids and policy ids policies: - - IBM_Accessibility + - WCAG_2_1 # optional - Specify one or many violation levels on which to fail the test # i.e. If specified violation then the testcase will only fail if @@ -17,7 +19,7 @@ policies: # i.e. failLevels: violation,potential violation or refer to below as a list # Default: violation, potentialviolation failLevels: - - violation + - violation # optional - Specify one or many violation levels which should be reported # i.e. If specified violation then in the report it would only contain @@ -26,14 +28,14 @@ failLevels: # Valid values: violation, potentialviolation, recommendation, potentialrecommendation, manual # Default: violation, potentialviolation reportLevels: - - violation - - potentialviolation + - potentialviolation + - violation # Optional - Which type should the results be outputted to # Valid values: json, csv # Default: json outputFormat: - - json + - json # Optional - Specify labels that you would like associated to your scan # @@ -45,8 +47,6 @@ outputFormat: # - V12 # - Linux # Default: N/A -label: - - master # optional - Where the scan results should be saved. # Default: results diff --git a/.github/ISSUE_TEMPLATE/CARBON.md b/.github/ISSUE_TEMPLATE/CARBON.md new file mode 100644 index 000000000..c1a6d05a9 --- /dev/null +++ b/.github/ISSUE_TEMPLATE/CARBON.md @@ -0,0 +1,12 @@ +--- +name: Carbon upgrade +about: Issue template for upgrading Carbon +--- + +## Upgrade to Carbon `vx.x.x` + +### Description + +Upgrade to the latest version of Carbon and manually verify that no issues were introduced: + +- [ ] diff --git a/.gitignore b/.gitignore index d800b158f..c6fbe744c 100644 --- a/.gitignore +++ b/.gitignore @@ -4,14 +4,15 @@ # Generated directories. coverage -css +/css es lib node_modules /scss storybook-static -# Generated Gridish file. +# CSS Gridish. +src/globals/grid/css-gridish/css src/globals/grid/css-gridish/bx-grid.sketch # Logs. @@ -27,4 +28,4 @@ src/globals/grid/css-gridish/bx-grid.sketch package-lock.json # AAT test results from DAP/Axe -results/ +results/ diff --git a/.yarn/offline-mirror/@types-node-14.0.6.tgz b/.yarn/offline-mirror/@types-node-14.0.6.tgz new file mode 100644 index 000000000..69a221f5a Binary files /dev/null and b/.yarn/offline-mirror/@types-node-14.0.6.tgz differ diff --git a/.yarn/offline-mirror/accessibility-checker-3.0.2.tgz b/.yarn/offline-mirror/accessibility-checker-3.0.2.tgz deleted file mode 100644 index f07e891fc..000000000 Binary files a/.yarn/offline-mirror/accessibility-checker-3.0.2.tgz and /dev/null differ diff --git a/.yarn/offline-mirror/accessibility-checker-3.0.4.tgz b/.yarn/offline-mirror/accessibility-checker-3.0.4.tgz new file mode 100644 index 000000000..44816c59c Binary files /dev/null and b/.yarn/offline-mirror/accessibility-checker-3.0.4.tgz differ diff --git a/.yarn/offline-mirror/extract-zip-1.6.7.tgz b/.yarn/offline-mirror/extract-zip-1.6.7.tgz deleted file mode 100644 index 45bd28818..000000000 Binary files a/.yarn/offline-mirror/extract-zip-1.6.7.tgz and /dev/null differ diff --git a/.yarn/offline-mirror/extract-zip-1.7.0.tgz b/.yarn/offline-mirror/extract-zip-1.7.0.tgz new file mode 100644 index 000000000..b970ceef3 Binary files /dev/null and b/.yarn/offline-mirror/extract-zip-1.7.0.tgz differ diff --git a/.yarn/offline-mirror/fast-glob-3.1.0.tgz b/.yarn/offline-mirror/fast-glob-3.1.0.tgz deleted file mode 100644 index 3822fb6ed..000000000 Binary files a/.yarn/offline-mirror/fast-glob-3.1.0.tgz and /dev/null differ diff --git a/.yarn/offline-mirror/fast-glob-3.2.2.tgz b/.yarn/offline-mirror/fast-glob-3.2.2.tgz new file mode 100644 index 000000000..ed42857d8 Binary files /dev/null and b/.yarn/offline-mirror/fast-glob-3.2.2.tgz differ diff --git a/.yarn/offline-mirror/fastq-1.6.0.tgz b/.yarn/offline-mirror/fastq-1.6.0.tgz deleted file mode 100644 index c46579907..000000000 Binary files a/.yarn/offline-mirror/fastq-1.6.0.tgz and /dev/null differ diff --git a/.yarn/offline-mirror/fastq-1.8.0.tgz b/.yarn/offline-mirror/fastq-1.8.0.tgz new file mode 100644 index 000000000..ac214c241 Binary files /dev/null and b/.yarn/offline-mirror/fastq-1.8.0.tgz differ diff --git a/.yarn/offline-mirror/fd-slicer-1.0.1.tgz b/.yarn/offline-mirror/fd-slicer-1.0.1.tgz deleted file mode 100644 index e51c0a542..000000000 Binary files a/.yarn/offline-mirror/fd-slicer-1.0.1.tgz and /dev/null differ diff --git a/.yarn/offline-mirror/glob-parent-5.1.0.tgz b/.yarn/offline-mirror/glob-parent-5.1.0.tgz deleted file mode 100644 index 3678da32d..000000000 Binary files a/.yarn/offline-mirror/glob-parent-5.1.0.tgz and /dev/null differ diff --git a/.yarn/offline-mirror/glob-parent-5.1.1.tgz b/.yarn/offline-mirror/glob-parent-5.1.1.tgz new file mode 100644 index 000000000..619455fd8 Binary files /dev/null and b/.yarn/offline-mirror/glob-parent-5.1.1.tgz differ diff --git a/.yarn/offline-mirror/globby-10.0.2.tgz b/.yarn/offline-mirror/globby-10.0.2.tgz new file mode 100644 index 000000000..17de1276c Binary files /dev/null and b/.yarn/offline-mirror/globby-10.0.2.tgz differ diff --git a/.yarn/offline-mirror/graceful-fs-4.2.4.tgz b/.yarn/offline-mirror/graceful-fs-4.2.4.tgz new file mode 100644 index 000000000..c0ef86490 Binary files /dev/null and b/.yarn/offline-mirror/graceful-fs-4.2.4.tgz differ diff --git a/.yarn/offline-mirror/ignore-5.1.8.tgz b/.yarn/offline-mirror/ignore-5.1.8.tgz new file mode 100644 index 000000000..5815e17ae Binary files /dev/null and b/.yarn/offline-mirror/ignore-5.1.8.tgz differ diff --git a/.yarn/offline-mirror/js-yaml-3.14.0.tgz b/.yarn/offline-mirror/js-yaml-3.14.0.tgz new file mode 100644 index 000000000..d2a7c21ee Binary files /dev/null and b/.yarn/offline-mirror/js-yaml-3.14.0.tgz differ diff --git a/.yarn/offline-mirror/mime-2.4.6.tgz b/.yarn/offline-mirror/mime-2.4.6.tgz new file mode 100644 index 000000000..e73d25323 Binary files /dev/null and b/.yarn/offline-mirror/mime-2.4.6.tgz differ diff --git a/.yarn/offline-mirror/minimist-1.2.5.tgz b/.yarn/offline-mirror/minimist-1.2.5.tgz new file mode 100644 index 000000000..635e690b8 Binary files /dev/null and b/.yarn/offline-mirror/minimist-1.2.5.tgz differ diff --git a/.yarn/offline-mirror/mkdirp-0.5.5.tgz b/.yarn/offline-mirror/mkdirp-0.5.5.tgz new file mode 100644 index 000000000..2a3fe0084 Binary files /dev/null and b/.yarn/offline-mirror/mkdirp-0.5.5.tgz differ diff --git a/.yarn/offline-mirror/picomatch-2.1.0.tgz b/.yarn/offline-mirror/picomatch-2.1.0.tgz deleted file mode 100644 index 79ffe0d73..000000000 Binary files a/.yarn/offline-mirror/picomatch-2.1.0.tgz and /dev/null differ diff --git a/.yarn/offline-mirror/picomatch-2.2.2.tgz b/.yarn/offline-mirror/picomatch-2.2.2.tgz new file mode 100644 index 000000000..92d9b15ac Binary files /dev/null and b/.yarn/offline-mirror/picomatch-2.2.2.tgz differ diff --git a/.yarn/offline-mirror/proxy-from-env-1.0.0.tgz b/.yarn/offline-mirror/proxy-from-env-1.0.0.tgz deleted file mode 100644 index cab0de57e..000000000 Binary files a/.yarn/offline-mirror/proxy-from-env-1.0.0.tgz and /dev/null differ diff --git a/.yarn/offline-mirror/proxy-from-env-1.1.0.tgz b/.yarn/offline-mirror/proxy-from-env-1.1.0.tgz new file mode 100644 index 000000000..342c2696b Binary files /dev/null and b/.yarn/offline-mirror/proxy-from-env-1.1.0.tgz differ diff --git a/.yarn/offline-mirror/readable-stream-2.3.7.tgz b/.yarn/offline-mirror/readable-stream-2.3.7.tgz new file mode 100644 index 000000000..4bdf5e9da Binary files /dev/null and b/.yarn/offline-mirror/readable-stream-2.3.7.tgz differ diff --git a/.yarn/offline-mirror/request-2.88.2.tgz b/.yarn/offline-mirror/request-2.88.2.tgz new file mode 100644 index 000000000..5c1d4d3c3 Binary files /dev/null and b/.yarn/offline-mirror/request-2.88.2.tgz differ diff --git a/.yarn/offline-mirror/rimraf-3.0.0.tgz b/.yarn/offline-mirror/rimraf-3.0.0.tgz deleted file mode 100644 index c0179034e..000000000 Binary files a/.yarn/offline-mirror/rimraf-3.0.0.tgz and /dev/null differ diff --git a/.yarn/offline-mirror/rimraf-3.0.2.tgz b/.yarn/offline-mirror/rimraf-3.0.2.tgz new file mode 100644 index 000000000..b385c801f Binary files /dev/null and b/.yarn/offline-mirror/rimraf-3.0.2.tgz differ diff --git a/.yarn/offline-mirror/yauzl-2.4.1.tgz b/.yarn/offline-mirror/yauzl-2.4.1.tgz deleted file mode 100644 index 9ea43e7a1..000000000 Binary files a/.yarn/offline-mirror/yauzl-2.4.1.tgz and /dev/null differ diff --git a/config/jest/matchers/toHaveNoDAPViolations.js b/config/jest/matchers/toHaveNoDAPViolations.js index 036d26eae..64c3c8857 100644 --- a/config/jest/matchers/toHaveNoDAPViolations.js +++ b/config/jest/matchers/toHaveNoDAPViolations.js @@ -5,9 +5,16 @@ * LICENSE file in the root directory of this source tree. */ -import aChecker from 'accessibility-checker'; +let aChecker; async function toHaveNoDAPViolations(node, label) { + // We defer initialization of AAT as it seems to have a race condition if + // we are running a test suite in node instead of jsdom. As a result, we only + // initialize it if this matcher is called + if (!aChecker) { + aChecker = require('accessibility-checker'); + } + const results = await aChecker.getCompliance(node, label); if (aChecker.assertCompliance(results.report) === 0) { return { diff --git a/package.json b/package.json index 047e28091..d364b2b00 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@carbon/ibm-security", - "version": "1.24.0", + "version": "1.25.0-prerelease.5", "description": "Carbon for IBM Security", "license": "Apache-2.0", "main": "lib/index.js", @@ -37,7 +37,7 @@ "lint-staged": "lint-staged", "semantic-release": "semantic-release", "start": "run-s build:pre:grid && start-storybook -p 3000 -s public", - "test": "yarn jest spec -ci", + "test": "yarn jest spec --ci -i", "test:precommit": "yarn jest -b --passWithNoTests --testMatch src/**/*.spec.js --findRelatedTests", "test:imports": "scripts/checkImports.sh", "test:scss": "node scripts/scss", @@ -104,7 +104,7 @@ "@testing-library/jest-dom": "4.2.4", "@testing-library/react": "9.3.2", "@testing-library/user-event": "8.1.0", - "accessibility-checker": "^3.0.2", + "accessibility-checker": "^3.0.4", "autoprefixer": "^9.4.10", "axe-core": "^3.4.1", "babel-eslint": "^10.0.1", @@ -181,7 +181,6 @@ "lib", "dist", "scss", - "storybook-static", "macros" ], "jest": { diff --git a/scripts/scss/compile/index.js b/scripts/scss/compile/index.js new file mode 100644 index 000000000..a4c721ec6 --- /dev/null +++ b/scripts/scss/compile/index.js @@ -0,0 +1,20 @@ +/** + * @file SCSS compilation helpers. + * @copyright IBM Security 2020 + */ + +const { sync } = require('glob'); +const { renderSync } = require('node-sass'); + +module.exports = { + compile: file => + renderSync({ + file, + includePaths: ['node_modules'], + outputStyle: 'expanded', + }), + forEachImport: callback => + sync('src/**/*.scss', { + ignore: ['src/globals/grid/css-gridish/**/*'], + }).forEach(callback), +}; diff --git a/scripts/scss/index.js b/scripts/scss/index.js index 866dab746..caae01c8c 100644 --- a/scripts/scss/index.js +++ b/scripts/scss/index.js @@ -4,22 +4,21 @@ */ const { bgGreen, bgRed, red } = require('colors'); -const { sync } = require('glob'); -const { render } = require('node-sass'); -sync('src/**/*.scss').forEach(file => - render( - { - file, - includePaths: ['node_modules'], - }, +const { compile, forEachImport } = require('./compile'); - error => { - console.log(`${error ? bgRed('FAIL') : bgGreen('PASS')} ${file}`); +forEachImport(file => { + let status; - if (error) { - console.error(`\n${red(error.formatted)}`); - } + try { + compile(file); + } catch (error) { + status = error; + } finally { + console.log(`${status ? bgRed('FAIL') : bgGreen('PASS')} ${file}`); + + if (status) { + console.error(`\n${red(status.formatted)}`); } - ) -); + } +}); diff --git a/src/__tests__/scss/SCSS.spec.js b/src/__tests__/scss/SCSS.spec.js new file mode 100644 index 000000000..7eef2e6f5 --- /dev/null +++ b/src/__tests__/scss/SCSS.spec.js @@ -0,0 +1,24 @@ +/** + * @file SCSS tests. + * @copyright IBM Security 2020 + */ + +import { compile, forEachImport } from '../../../scripts/scss/compile'; + +describe('SCSS', () => { + test('Bundle', () => { + expect( + compile('src/index.scss') + .css.toString() + .replace(/'/g, '"') + ).toMatchSnapshot(); + }); + + describe('Imports', () => { + forEachImport(file => { + test(file, () => { + expect(compile(file)).not.toHaveProperty('message'); + }); + }); + }); +}); diff --git a/src/__tests__/scss/__snapshots__/SCSS.spec.js.snap b/src/__tests__/scss/__snapshots__/SCSS.spec.js.snap new file mode 100644 index 000000000..7d03b5414 --- /dev/null +++ b/src/__tests__/scss/__snapshots__/SCSS.spec.js.snap @@ -0,0 +1,26825 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`SCSS Bundle 1`] = ` +".security--input__background__color--light .bx--date-picker__input, .security--input__background__color--light .bx--dropdown, +.security--input__background__color--light .bx--number input[type=\\"number\\"], .security--input__background__color--light .bx--search-input, .security--input__background__color--light .bx--select-input, .security--input__background__color--light .bx--text-area, .security--input__background__color--light .bx--text-input, .security--input__background__color--light .bx--list-box, .security--input__background__color--light .bx--list-box__menu, .security--input__background__color--light .security--button--icon:focus, .security--input__background__color--light .security--button--icon:hover, .security--card .bx--number .security--input__background__color--light input[type=\\"number\\"], .security--tearsheet--small .bx--number .security--input__background__color--light input[type=\\"number\\"], .security--tearsheet .bx--number .security--input__background__color--light input[type=\\"number\\"] { + background-color: var(--ui-02, #393939); +} + +.security--theme--cg10 { + --interactive-01: #0f62fe; + --interactive-02: #343a3f; + --interactive-03: #0f62fe; + --interactive-04: #0f62fe; + --ui-background: #f2f4f8; + --ui-01: #ffffff; + --ui-02: #f2f4f8; + --ui-03: #dde1e6; + --ui-04: #878d96; + --ui-05: #121619; + --text-01: #121619; + --text-02: #343a3f; + --text-03: #a2a9b0; + --text-04: #ffffff; + --text-05: #697077; + --text-error: #da1e28; + --icon-01: #121619; + --icon-02: #4d5358; + --icon-03: #ffffff; + --link-01: #0f62fe; + --inverse-link: #78a9ff; + --field-01: #ffffff; + --field-02: #f2f4f8; + --inverse-01: #ffffff; + --inverse-02: #343a3f; + --support-01: #da1e28; + --support-02: #24a148; + --support-03: #f1c21b; + --support-04: #0043ce; + --inverse-support-01: #fa4d56; + --inverse-support-02: #42be65; + --inverse-support-03: #f1c21b; + --inverse-support-04: #4589ff; + --overlay-01: rgba(22, 22, 22, 0.5); + --danger: #da1e28; + --focus: #0f62fe; + --inverse-focus-ui: #ffffff; + --hover-primary: #0353e9; + --active-primary: #002d9c; + --hover-primary-text: #0043ce; + --hover-secondary: #464c51; + --active-secondary: #697077; + --hover-tertiary: #0353e9; + --active-tertiary: #002d9c; + --hover-ui: #e0e4ea; + --active-ui: #c1c7cd; + --selected-ui: #dde1e6; + --inverse-hover-ui: #464c51; + --hover-selected-ui: #c4c9d1; + --hover-danger: #b81921; + --active-danger: #750e13; + --hover-row: #e0e4ea; + --visited-link: #8a3ffc; + --disabled-01: #ffffff; + --disabled-02: #c1c7cd; + --disabled-03: #878d96; + --highlight: #d0e2ff; + --skeleton-01: #e0e4ea; + --skeleton-02: #c1c7cd; + --brand-01: #0f62fe; + --brand-02: #343a3f; + --brand-03: #0f62fe; + --active-01: #c1c7cd; + --hover-field: #e0e4ea; +} + +.security--theme--g100 { + --interactive-01: #0f62fe; + --interactive-02: #6f6f6f; + --interactive-03: #ffffff; + --interactive-04: #4589ff; + --ui-background: #161616; + --ui-01: #262626; + --ui-02: #393939; + --ui-03: #393939; + --ui-04: #6f6f6f; + --ui-05: #f4f4f4; + --text-01: #f4f4f4; + --text-02: #c6c6c6; + --text-03: #6f6f6f; + --text-04: #ffffff; + --text-05: #8d8d8d; + --text-error: #ff8389; + --icon-01: #f4f4f4; + --icon-02: #c6c6c6; + --icon-03: #ffffff; + --link-01: #78a9ff; + --inverse-link: #0f62fe; + --field-01: #262626; + --field-02: #393939; + --inverse-01: #161616; + --inverse-02: #f4f4f4; + --support-01: #fa4d56; + --support-02: #42be65; + --support-03: #f1c21b; + --support-04: #4589ff; + --inverse-support-01: #da1e28; + --inverse-support-02: #24a148; + --inverse-support-03: #f1c21b; + --inverse-support-04: #0f62fe; + --overlay-01: rgba(22, 22, 22, 0.7); + --danger: #da1e28; + --focus: #ffffff; + --inverse-focus-ui: #0f62fe; + --hover-primary: #0353e9; + --active-primary: #002d9c; + --hover-primary-text: #a6c8ff; + --hover-secondary: #606060; + --active-secondary: #393939; + --hover-tertiary: #f4f4f4; + --active-tertiary: #c6c6c6; + --hover-ui: #353535; + --active-ui: #525252; + --selected-ui: #393939; + --inverse-hover-ui: #e5e5e5; + --hover-selected-ui: #4c4c4c; + --hover-danger: #b81921; + --active-danger: #750e13; + --hover-row: #353535; + --visited-link: #be95ff; + --disabled-01: #262626; + --disabled-02: #525252; + --disabled-03: #6f6f6f; + --highlight: #002d9c; + --skeleton-01: #353535; + --skeleton-02: #393939; + --brand-01: #0f62fe; + --brand-02: #6f6f6f; + --brand-03: #ffffff; + --active-01: #525252; + --hover-field: #353535; +} + +h1 { + font-size: 2.625rem; + font-weight: 300; + line-height: 3.125rem; + letter-spacing: 0; +} + +h2 { + font-size: 2rem; + font-weight: 400; + line-height: 2.5rem; + letter-spacing: 0; +} + +h3 { + font-size: 1.75rem; + font-weight: 400; + line-height: 2.25rem; + letter-spacing: 0; +} + +h4 { + font-size: 1.25rem; + font-weight: 400; + line-height: 1.625rem; + letter-spacing: 0; +} + +h5 { + font-size: 1rem; + font-weight: 600; + line-height: 1.375rem; + letter-spacing: 0; +} + +h6 { + font-size: 0.875rem; + font-weight: 600; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +p { + font-size: 1rem; + font-weight: 400; + line-height: 1.5rem; + letter-spacing: 0; +} + +a { + color: #0062ff; +} + +em { + font-style: italic; +} + +@keyframes skeleton { + 0% { + width: 0%; + left: 0; + right: auto; + opacity: 0.3; + } + 20% { + width: 100%; + left: 0; + right: auto; + opacity: 1; + } + 28% { + width: 100%; + left: auto; + right: 0; + } + 51% { + width: 0%; + left: auto; + right: 0; + } + 58% { + width: 0%; + left: auto; + right: 0; + } + 82% { + width: 100%; + left: auto; + right: 0; + } + 83% { + width: 100%; + left: 0; + right: auto; + } + 96% { + width: 0%; + left: 0; + right: auto; + } + 100% { + width: 0%; + left: 0; + right: auto; + opacity: 0.3; + } +} + +html { + font-size: 16px; +} + +body { + margin: 0; +} + +.bx-container { + box-sizing: border-box; + margin-left: auto; + margin-right: auto; + max-width: 120rem; + overflow-x: hidden; + width: 100vw; +} + +.bx-container--left { + margin-left: 0; +} + +.bx-container--right { + margin-right: 0; +} + +.bx-grid { + align-items: flex-start; + box-sizing: border-box; + display: grid; + flex-wrap: wrap; + position: relative; +} + +.bx-grid > * { + box-sizing: border-box; +} + +.bx-grid > * :last-child, +.bx-grid > * :last-child > :last-child, +.bx-grid > * :last-child > :last-child > :last-child { + margin-bottom: 0; +} + +[class*=\\"bx-padding\\"] { + box-sizing: border-box; +} + +@supports (display: grid) { + .bx-grid > * { + height: 100%; + } +} + +:root { + --bx-height-1: get-fixed-size($i); + --bx-height-2: get-fixed-size($i); + --bx-height-3: get-fixed-size($i); + --bx-height-4: get-fixed-size($i); + --bx-height-5: get-fixed-size($i); + --bx-height-6: get-fixed-size($i); + --bx-height-7: get-fixed-size($i); + --bx-height-8: get-fixed-size($i); + --bx-height-9: get-fixed-size($i); + --bx-height-10: get-fixed-size($i); + --bx-height-11: get-fixed-size($i); + --bx-height-12: get-fixed-size($i); + --bx-height-13: get-fixed-size($i); + --bx-height-14: get-fixed-size($i); + --bx-height-15: get-fixed-size($i); + --bx-height-16: get-fixed-size($i); + --bx-height-17: get-fixed-size($i); + --bx-height-18: get-fixed-size($i); + --bx-height-19: get-fixed-size($i); + --bx-height-20: get-fixed-size($i); + --bx-height-21: get-fixed-size($i); + --bx-height-22: get-fixed-size($i); + --bx-height-23: get-fixed-size($i); + --bx-height-24: get-fixed-size($i); + --bx-height-25: get-fixed-size($i); + --bx-height-26: get-fixed-size($i); + --bx-height-27: get-fixed-size($i); + --bx-height-28: get-fixed-size($i); + --bx-height-29: get-fixed-size($i); +} + +.bx-grid__height--sm--0 { + height: 0; + min-height: 0; +} + +.bx-grid__height--sm--1 { + grid-row: span 1; +} + +.bx-grid__height--sm--2 { + grid-row: span 2; +} + +.bx-grid__height--sm--3 { + grid-row: span 3; +} + +.bx-grid__height--sm--4 { + grid-row: span 4; +} + +.bx-grid__height--sm--5 { + grid-row: span 5; +} + +.bx-grid__height--sm--6 { + grid-row: span 6; +} + +.bx-grid__height--sm--7 { + grid-row: span 7; +} + +.bx-grid__height--sm--8 { + grid-row: span 8; +} + +.bx-grid__height--sm--9 { + grid-row: span 9; +} + +.bx-grid__height--sm--10 { + grid-row: span 10; +} + +.bx-grid__height--sm--11 { + grid-row: span 11; +} + +.bx-grid__height--sm--12 { + grid-row: span 12; +} + +.bx-grid__height--sm--13 { + grid-row: span 13; +} + +.bx-grid__height--sm--14 { + grid-row: span 14; +} + +.bx-grid__height--sm--15 { + grid-row: span 15; +} + +.bx-grid__height--sm--16 { + grid-row: span 16; +} + +.bx-grid__height--sm--17 { + grid-row: span 17; +} + +.bx-grid__height--sm--18 { + grid-row: span 18; +} + +.bx-grid__height--sm--19 { + grid-row: span 19; +} + +.bx-grid__height--sm--20 { + grid-row: span 20; +} + +.bx-grid__height--sm--21 { + grid-row: span 21; +} + +.bx-grid__height--sm--22 { + grid-row: span 22; +} + +.bx-grid__height--sm--23 { + grid-row: span 23; +} + +.bx-grid__height--sm--24 { + grid-row: span 24; +} + +.bx-grid__height--sm--25 { + grid-row: span 25; +} + +.bx-grid__height--sm--26 { + grid-row: span 26; +} + +.bx-grid__height--sm--27 { + grid-row: span 27; +} + +.bx-grid__height--sm--28 { + grid-row: span 28; +} + +.bx-grid__height--sm--29 { + grid-row: span 29; +} + +[class*=\\"bx-grid__col--sm--\\"] { + display: block; +} + +.bx-grid__col--sm--0, +.bx-grid__col--sm--0--only { + display: none; +} + +.bx-padding { + padding: 1rem; +} + +.bx-padding--bottom { + padding-bottom: 1rem; +} + +.bx-padding--left { + padding-left: 1rem; +} + +.bx-padding--right { + padding-right: 1rem; +} + +.bx-padding--top { + padding-top: 1rem; +} + +.bx-padding--horizontal { + padding-left: 1rem; + padding-right: 1rem; +} + +.bx-padding--vertical { + padding-bottom: 1rem; + padding-top: 1rem; +} + +.bx-grid { + grid-auto-rows: minmax(0.5rem, min-content); + grid-template-columns: repeat(auto-fill, 25vw); +} + +.bx-grid.bx-grid--fixed-columns { + grid-template-columns: repeat(auto-fill, 5rem); +} + +.bx-grid.bx-grid--fluid-rows { + grid-auto-rows: 25vw; +} + +.bx-grid > * { + grid-column: span 4; +} + +.bx-grid__col--sm--1 { + grid-column: span 1; +} + +.bx-grid__col--sm--1.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 1; +} + +.bx-grid--fluid-rows > .bx-grid__height--sm--1 { + grid-row: span 1; +} + +.bx-grid__col--sm--2 { + grid-column: span 2; +} + +.bx-grid__col--sm--2.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 2; +} + +.bx-grid--fluid-rows > .bx-grid__height--sm--2 { + grid-row: span 2; +} + +.bx-grid__col--sm--3 { + grid-column: span 3; +} + +.bx-grid__col--sm--3.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 3; +} + +.bx-grid--fluid-rows > .bx-grid__height--sm--3 { + grid-row: span 3; +} + +.bx-grid__col--sm--4 { + grid-column: span 4; +} + +.bx-grid__col--sm--4.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 4; +} + +.bx-grid--fluid-rows > .bx-grid__height--sm--4 { + grid-row: span 4; +} + +@media screen and (min-width: 42rem) { + .bx-grid__height--md--0 { + height: 0; + min-height: 0; + } + .bx-grid__height--md--1 { + grid-row: span 1; + } + .bx-grid__height--md--2 { + grid-row: span 2; + } + .bx-grid__height--md--3 { + grid-row: span 3; + } + .bx-grid__height--md--4 { + grid-row: span 4; + } + .bx-grid__height--md--5 { + grid-row: span 5; + } + .bx-grid__height--md--6 { + grid-row: span 6; + } + .bx-grid__height--md--7 { + grid-row: span 7; + } + .bx-grid__height--md--8 { + grid-row: span 8; + } + .bx-grid__height--md--9 { + grid-row: span 9; + } + .bx-grid__height--md--10 { + grid-row: span 10; + } + .bx-grid__height--md--11 { + grid-row: span 11; + } + .bx-grid__height--md--12 { + grid-row: span 12; + } + .bx-grid__height--md--13 { + grid-row: span 13; + } + .bx-grid__height--md--14 { + grid-row: span 14; + } + .bx-grid__height--md--15 { + grid-row: span 15; + } + .bx-grid__height--md--16 { + grid-row: span 16; + } + .bx-grid__height--md--17 { + grid-row: span 17; + } + .bx-grid__height--md--18 { + grid-row: span 18; + } + .bx-grid__height--md--19 { + grid-row: span 19; + } + .bx-grid__height--md--20 { + grid-row: span 20; + } + .bx-grid__height--md--21 { + grid-row: span 21; + } + .bx-grid__height--md--22 { + grid-row: span 22; + } + .bx-grid__height--md--23 { + grid-row: span 23; + } + .bx-grid__height--md--24 { + grid-row: span 24; + } + .bx-grid__height--md--25 { + grid-row: span 25; + } + .bx-grid__height--md--26 { + grid-row: span 26; + } + .bx-grid__height--md--27 { + grid-row: span 27; + } + .bx-grid__height--md--28 { + grid-row: span 28; + } + .bx-grid__height--md--29 { + grid-row: span 29; + } + .bx-grid__col--sm--0--only { + display: block; + } + [class*=\\"bx-grid__col--md--\\"] { + display: block; + } + .bx-grid__col--md--0, + .bx-grid__col--md--0--only { + display: none; + } + .bx-padding { + padding: 1rem; + } + .bx-padding--bottom { + padding-bottom: 1rem; + } + .bx-padding--left { + padding-left: 1rem; + } + .bx-padding--right { + padding-right: 1rem; + } + .bx-padding--top { + padding-top: 1rem; + } + .bx-padding--horizontal { + padding-left: 1rem; + padding-right: 1rem; + } + .bx-padding--vertical { + padding-bottom: 1rem; + padding-top: 1rem; + } + .bx-grid { + grid-template-columns: repeat(auto-fill, calc((100vw - 2rem) * 0.125)); + } + .bx-grid.bx-grid--fixed-columns { + grid-template-columns: repeat(auto-fill, 5.25rem); + } + .bx-grid.bx-grid--fluid-rows { + grid-auto-rows: calc((100vw - 2rem) * 0.125); + } + .bx-grid > * { + grid-column: span 8; + } + .bx-grid__col--sm--1 { + grid-column: span 2; + } + .bx-grid__col--sm--1.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 1; + } + .bx-grid--fluid-rows > .bx-grid__height--sm--1 { + grid-row: span 1; + } + .bx-grid__col--sm--2 { + grid-column: span 4; + } + .bx-grid__col--sm--2.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 2; + } + .bx-grid--fluid-rows > .bx-grid__height--sm--2 { + grid-row: span 2; + } + .bx-grid__col--sm--3 { + grid-column: span 6; + } + .bx-grid__col--sm--3.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 3; + } + .bx-grid--fluid-rows > .bx-grid__height--sm--3 { + grid-row: span 3; + } + .bx-grid__col--sm--4 { + grid-column: span 8; + } + .bx-grid__col--sm--4.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 4; + } + .bx-grid--fluid-rows > .bx-grid__height--sm--4 { + grid-row: span 4; + } + .bx-grid__col--md--1 { + grid-column: span 1; + } + .bx-grid__col--md--1.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 1; + } + .bx-grid--fluid-rows > .bx-grid__height--md--1 { + grid-row: span 1; + } + .bx-grid__col--md--2 { + grid-column: span 2; + } + .bx-grid__col--md--2.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 2; + } + .bx-grid--fluid-rows > .bx-grid__height--md--2 { + grid-row: span 2; + } + .bx-grid__col--md--3 { + grid-column: span 3; + } + .bx-grid__col--md--3.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 3; + } + .bx-grid--fluid-rows > .bx-grid__height--md--3 { + grid-row: span 3; + } + .bx-grid__col--md--4 { + grid-column: span 4; + } + .bx-grid__col--md--4.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 4; + } + .bx-grid--fluid-rows > .bx-grid__height--md--4 { + grid-row: span 4; + } + .bx-grid__col--md--5 { + grid-column: span 5; + } + .bx-grid__col--md--5.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 5; + } + .bx-grid--fluid-rows > .bx-grid__height--md--5 { + grid-row: span 5; + } + .bx-grid__col--md--6 { + grid-column: span 6; + } + .bx-grid__col--md--6.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 6; + } + .bx-grid--fluid-rows > .bx-grid__height--md--6 { + grid-row: span 6; + } + .bx-grid__col--md--7 { + grid-column: span 7; + } + .bx-grid__col--md--7.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 7; + } + .bx-grid--fluid-rows > .bx-grid__height--md--7 { + grid-row: span 7; + } + .bx-grid__col--md--8 { + grid-column: span 8; + } + .bx-grid__col--md--8.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 8; + } + .bx-grid--fluid-rows > .bx-grid__height--md--8 { + grid-row: span 8; + } + .bx-container { + margin-left: auto; + margin-right: auto; + padding-left: 1rem; + padding-right: 1rem; + } + .bx-container--left { + margin-left: 0; + } + .bx-container--right { + margin-right: 0; + } + .bx-container__bleed--md, + .bx-container__bleed--md--left, + .bx-container__break--md, + .bx-container__break--md--left { + margin-left: -1rem; + } + .bx-container__bleed--md, + .bx-container__bleed--md--right, + .bx-container__break--md, + .bx-container__break--md--right { + margin-right: -1rem; + } + .bx-container__bleed--md, + .bx-container__bleed--md--left { + padding-left: 1rem; + } + .bx-container__bleed--md.bx-padding, .bx-container__bleed--md.bx-padding--horizontal, .bx-container__bleed--md.bx-padding--left, + .bx-container__bleed--md--left.bx-padding, + .bx-container__bleed--md--left.bx-padding--horizontal, + .bx-container__bleed--md--left.bx-padding--left { + padding-left: calc(1rem + 1rem); + } + .bx-container__bleed--md, + .bx-container__bleed--md--right { + padding-right: 1rem; + } + .bx-container__bleed--md.bx-padding, .bx-container__bleed--md.bx-padding--horizontal, .bx-container__bleed--md.bx-padding--right, + .bx-container__bleed--md--right.bx-padding, + .bx-container__bleed--md--right.bx-padding--horizontal, + .bx-container__bleed--md--right.bx-padding--right { + padding-right: calc(1rem + 1rem); + } +} + +@media screen and (min-width: 66rem) { + .bx-grid__height--lg--0 { + height: 0; + min-height: 0; + } + .bx-grid__height--lg--1 { + grid-row: span 1; + } + .bx-grid__height--lg--2 { + grid-row: span 2; + } + .bx-grid__height--lg--3 { + grid-row: span 3; + } + .bx-grid__height--lg--4 { + grid-row: span 4; + } + .bx-grid__height--lg--5 { + grid-row: span 5; + } + .bx-grid__height--lg--6 { + grid-row: span 6; + } + .bx-grid__height--lg--7 { + grid-row: span 7; + } + .bx-grid__height--lg--8 { + grid-row: span 8; + } + .bx-grid__height--lg--9 { + grid-row: span 9; + } + .bx-grid__height--lg--10 { + grid-row: span 10; + } + .bx-grid__height--lg--11 { + grid-row: span 11; + } + .bx-grid__height--lg--12 { + grid-row: span 12; + } + .bx-grid__height--lg--13 { + grid-row: span 13; + } + .bx-grid__height--lg--14 { + grid-row: span 14; + } + .bx-grid__height--lg--15 { + grid-row: span 15; + } + .bx-grid__height--lg--16 { + grid-row: span 16; + } + .bx-grid__height--lg--17 { + grid-row: span 17; + } + .bx-grid__height--lg--18 { + grid-row: span 18; + } + .bx-grid__height--lg--19 { + grid-row: span 19; + } + .bx-grid__height--lg--20 { + grid-row: span 20; + } + .bx-grid__height--lg--21 { + grid-row: span 21; + } + .bx-grid__height--lg--22 { + grid-row: span 22; + } + .bx-grid__height--lg--23 { + grid-row: span 23; + } + .bx-grid__height--lg--24 { + grid-row: span 24; + } + .bx-grid__height--lg--25 { + grid-row: span 25; + } + .bx-grid__height--lg--26 { + grid-row: span 26; + } + .bx-grid__height--lg--27 { + grid-row: span 27; + } + .bx-grid__height--lg--28 { + grid-row: span 28; + } + .bx-grid__height--lg--29 { + grid-row: span 29; + } + .bx-grid__col--sm--0--only { + display: block; + } + .bx-grid__col--md--0--only { + display: block; + } + [class*=\\"bx-grid__col--lg--\\"] { + display: block; + } + .bx-grid__col--lg--0, + .bx-grid__col--lg--0--only { + display: none; + } + .bx-padding { + padding: 1rem; + } + .bx-padding--bottom { + padding-bottom: 1rem; + } + .bx-padding--left { + padding-left: 1rem; + } + .bx-padding--right { + padding-right: 1rem; + } + .bx-padding--top { + padding-top: 1rem; + } + .bx-padding--horizontal { + padding-left: 1rem; + padding-right: 1rem; + } + .bx-padding--vertical { + padding-bottom: 1rem; + padding-top: 1rem; + } + .bx-grid { + grid-template-columns: repeat(auto-fill, calc((100vw - 2rem) * 0.0625)); + } + .bx-grid.bx-grid--fixed-columns { + grid-template-columns: repeat(auto-fill, 4.125rem); + } + .bx-grid.bx-grid--fluid-rows { + grid-auto-rows: calc((100vw - 2rem) * 0.0625); + } + .bx-grid > * { + grid-column: span 16; + } + .bx-grid__col--sm--1 { + grid-column: span 4; + } + .bx-grid__col--sm--1.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 1; + } + .bx-grid--fluid-rows > .bx-grid__height--sm--1 { + grid-row: span 1; + } + .bx-grid__col--sm--2 { + grid-column: span 8; + } + .bx-grid__col--sm--2.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 2; + } + .bx-grid--fluid-rows > .bx-grid__height--sm--2 { + grid-row: span 2; + } + .bx-grid__col--sm--3 { + grid-column: span 12; + } + .bx-grid__col--sm--3.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 3; + } + .bx-grid--fluid-rows > .bx-grid__height--sm--3 { + grid-row: span 3; + } + .bx-grid__col--sm--4 { + grid-column: span 16; + } + .bx-grid__col--sm--4.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 4; + } + .bx-grid--fluid-rows > .bx-grid__height--sm--4 { + grid-row: span 4; + } + .bx-grid__col--md--1 { + grid-column: span 2; + } + .bx-grid__col--md--1.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 1; + } + .bx-grid--fluid-rows > .bx-grid__height--md--1 { + grid-row: span 1; + } + .bx-grid__col--md--2 { + grid-column: span 4; + } + .bx-grid__col--md--2.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 2; + } + .bx-grid--fluid-rows > .bx-grid__height--md--2 { + grid-row: span 2; + } + .bx-grid__col--md--3 { + grid-column: span 6; + } + .bx-grid__col--md--3.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 3; + } + .bx-grid--fluid-rows > .bx-grid__height--md--3 { + grid-row: span 3; + } + .bx-grid__col--md--4 { + grid-column: span 8; + } + .bx-grid__col--md--4.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 4; + } + .bx-grid--fluid-rows > .bx-grid__height--md--4 { + grid-row: span 4; + } + .bx-grid__col--md--5 { + grid-column: span 10; + } + .bx-grid__col--md--5.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 5; + } + .bx-grid--fluid-rows > .bx-grid__height--md--5 { + grid-row: span 5; + } + .bx-grid__col--md--6 { + grid-column: span 12; + } + .bx-grid__col--md--6.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 6; + } + .bx-grid--fluid-rows > .bx-grid__height--md--6 { + grid-row: span 6; + } + .bx-grid__col--md--7 { + grid-column: span 14; + } + .bx-grid__col--md--7.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 7; + } + .bx-grid--fluid-rows > .bx-grid__height--md--7 { + grid-row: span 7; + } + .bx-grid__col--md--8 { + grid-column: span 16; + } + .bx-grid__col--md--8.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 8; + } + .bx-grid--fluid-rows > .bx-grid__height--md--8 { + grid-row: span 8; + } + .bx-grid__col--lg--1 { + grid-column: span 1; + } + .bx-grid__col--lg--1.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 1; + } + .bx-grid--fluid-rows > .bx-grid__height--lg--1 { + grid-row: span 1; + } + .bx-grid__col--lg--2 { + grid-column: span 2; + } + .bx-grid__col--lg--2.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 2; + } + .bx-grid--fluid-rows > .bx-grid__height--lg--2 { + grid-row: span 2; + } + .bx-grid__col--lg--3 { + grid-column: span 3; + } + .bx-grid__col--lg--3.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 3; + } + .bx-grid--fluid-rows > .bx-grid__height--lg--3 { + grid-row: span 3; + } + .bx-grid__col--lg--4 { + grid-column: span 4; + } + .bx-grid__col--lg--4.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 4; + } + .bx-grid--fluid-rows > .bx-grid__height--lg--4 { + grid-row: span 4; + } + .bx-grid__col--lg--5 { + grid-column: span 5; + } + .bx-grid__col--lg--5.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 5; + } + .bx-grid--fluid-rows > .bx-grid__height--lg--5 { + grid-row: span 5; + } + .bx-grid__col--lg--6 { + grid-column: span 6; + } + .bx-grid__col--lg--6.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 6; + } + .bx-grid--fluid-rows > .bx-grid__height--lg--6 { + grid-row: span 6; + } + .bx-grid__col--lg--7 { + grid-column: span 7; + } + .bx-grid__col--lg--7.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 7; + } + .bx-grid--fluid-rows > .bx-grid__height--lg--7 { + grid-row: span 7; + } + .bx-grid__col--lg--8 { + grid-column: span 8; + } + .bx-grid__col--lg--8.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 8; + } + .bx-grid--fluid-rows > .bx-grid__height--lg--8 { + grid-row: span 8; + } + .bx-grid__col--lg--9 { + grid-column: span 9; + } + .bx-grid__col--lg--9.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 9; + } + .bx-grid--fluid-rows > .bx-grid__height--lg--9 { + grid-row: span 9; + } + .bx-grid__col--lg--10 { + grid-column: span 10; + } + .bx-grid__col--lg--10.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 10; + } + .bx-grid--fluid-rows > .bx-grid__height--lg--10 { + grid-row: span 10; + } + .bx-grid__col--lg--11 { + grid-column: span 11; + } + .bx-grid__col--lg--11.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 11; + } + .bx-grid--fluid-rows > .bx-grid__height--lg--11 { + grid-row: span 11; + } + .bx-grid__col--lg--12 { + grid-column: span 12; + } + .bx-grid__col--lg--12.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 12; + } + .bx-grid--fluid-rows > .bx-grid__height--lg--12 { + grid-row: span 12; + } + .bx-grid__col--lg--13 { + grid-column: span 13; + } + .bx-grid__col--lg--13.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 13; + } + .bx-grid--fluid-rows > .bx-grid__height--lg--13 { + grid-row: span 13; + } + .bx-grid__col--lg--14 { + grid-column: span 14; + } + .bx-grid__col--lg--14.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 14; + } + .bx-grid--fluid-rows > .bx-grid__height--lg--14 { + grid-row: span 14; + } + .bx-grid__col--lg--15 { + grid-column: span 15; + } + .bx-grid__col--lg--15.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 15; + } + .bx-grid--fluid-rows > .bx-grid__height--lg--15 { + grid-row: span 15; + } + .bx-grid__col--lg--16 { + grid-column: span 16; + } + .bx-grid__col--lg--16.bx-grid > *:not([class*=\\"bx-grid__col\\"]) { + grid-column: span 16; + } + .bx-grid--fluid-rows > .bx-grid__height--lg--16 { + grid-row: span 16; + } + [class^=\\"bx-container__bleed--md\\"], + [class^=\\"bx-container__break--md\\"] { + margin-left: 0; + margin-right: 0; + padding-left: 0; + padding-right: 0; + } + [class^=\\"bx-container__bleed--md\\"][class^=\\"bx-padding\\"], + [class^=\\"bx-container__break--md\\"][class^=\\"bx-padding\\"] { + padding-left: 1rem; + padding-right: 1rem; + } + .bx-container { + margin-left: auto; + margin-right: auto; + padding-left: 1rem; + padding-right: 1rem; + } + .bx-container--left { + margin-left: 0; + } + .bx-container--right { + margin-right: 0; + } + .bx-container__bleed--lg, + .bx-container__bleed--lg--left, + .bx-container__break--lg, + .bx-container__break--lg--left { + margin-left: -1rem; + } + .bx-container__bleed--lg, + .bx-container__bleed--lg--right, + .bx-container__break--lg, + .bx-container__break--lg--right { + margin-right: -1rem; + } + .bx-container__bleed--lg, + .bx-container__bleed--lg--left { + padding-left: 1rem; + } + .bx-container__bleed--lg.bx-padding, .bx-container__bleed--lg.bx-padding--horizontal, .bx-container__bleed--lg.bx-padding--left, + .bx-container__bleed--lg--left.bx-padding, + .bx-container__bleed--lg--left.bx-padding--horizontal, + .bx-container__bleed--lg--left.bx-padding--left { + padding-left: calc(1rem + 1rem); + } + .bx-container__bleed--lg, + .bx-container__bleed--lg--right { + padding-right: 1rem; + } + .bx-container__bleed--lg.bx-padding, .bx-container__bleed--lg.bx-padding--horizontal, .bx-container__bleed--lg.bx-padding--right, + .bx-container__bleed--lg--right.bx-padding, + .bx-container__bleed--lg--right.bx-padding--horizontal, + .bx-container__bleed--lg--right.bx-padding--right { + padding-right: calc(1rem + 1rem); + } +} + +@media screen and (min-width: 120rem) { + .bx-grid__col--sm--0--only { + display: block; + } + .bx-grid__col--md--0--only { + display: block; + } + .bx-grid__col--lg--0--only { + display: block; + } + [class*=\\"bx-grid__col--max--\\"] { + display: block; + } + .bx-grid__col--max--0, + .bx-grid__col--max--0--only { + display: none; + } + .bx-padding { + padding: 1rem; + } + .bx-padding--bottom { + padding-bottom: 1rem; + } + .bx-padding--left { + padding-left: 1rem; + } + .bx-padding--right { + padding-right: 1rem; + } + .bx-padding--top { + padding-top: 1rem; + } + .bx-padding--horizontal { + padding-left: 1rem; + padding-right: 1rem; + } + .bx-padding--vertical { + padding-bottom: 1rem; + padding-top: 1rem; + } + .bx-grid { + grid-template-columns: repeat(auto-fill, calc((120rem - 3rem) * 0.0625)); + } + .bx-grid.bx-grid--fixed-columns { + grid-template-columns: repeat(auto-fill, 7.5rem); + } + .bx-grid.bx-grid--fluid-rows { + grid-auto-rows: calc((120rem - 3rem) * 0.0625); + } + .bx-container { + margin-left: auto; + margin-right: auto; + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .bx-container--left { + margin-left: 0; + } + .bx-container--right { + margin-right: 0; + } + .bx-container__bleed--lg, + .bx-container__bleed--lg--left, + .bx-container__break--lg, + .bx-container__break--lg--left { + margin-left: -1.5rem; + } + .bx-container__bleed--lg, + .bx-container__bleed--lg--right, + .bx-container__break--lg, + .bx-container__break--lg--right { + margin-right: -1.5rem; + } + .bx-container__bleed--lg, + .bx-container__bleed--lg--left { + padding-left: 1.5rem; + } + .bx-container__bleed--lg.bx-padding, .bx-container__bleed--lg.bx-padding--horizontal, .bx-container__bleed--lg.bx-padding--left, + .bx-container__bleed--lg--left.bx-padding, + .bx-container__bleed--lg--left.bx-padding--horizontal, + .bx-container__bleed--lg--left.bx-padding--left { + padding-left: calc(1.5rem + 1rem); + } + .bx-container__bleed--lg, + .bx-container__bleed--lg--right { + padding-right: 1.5rem; + } + .bx-container__bleed--lg.bx-padding, .bx-container__bleed--lg.bx-padding--horizontal, .bx-container__bleed--lg.bx-padding--right, + .bx-container__bleed--lg--right.bx-padding, + .bx-container__bleed--lg--right.bx-padding--horizontal, + .bx-container__bleed--lg--right.bx-padding--right { + padding-right: calc(1.5rem + 1rem); + } +} + +@supports (display: grid) { + .bx-grid > *, + .bx-grid > [class*=\\"bx-grid__col--\\"] { + min-width: initial; + max-width: initial; + width: initial; + } + .bx-grid > *.bx-grid, + .bx-grid > [class*=\\"bx-grid__col--\\"].bx-grid { + display: grid; + } + .bx-grid > [class*=\\"bx-grid__height--\\"] { + height: unset; + max-height: unset; + min-height: initial; + } +} + +.bx-grid > script { + display: none; +} + +.bx--text-truncate--end { + width: 100%; + display: inline-block; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.bx--text-truncate--front { + width: 100%; + display: inline-block; + direction: rtl; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: italic; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Mono Light Italic\\"), local(\\"IBMPlexMono-LightItalic\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1gMoW.woff) format(\\"woff\\"); +} + +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: italic; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Mono Italic\\"), local(\\"IBMPlexMono-Italic\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa1Xdm.woff) format(\\"woff\\"); +} + +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: italic; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Mono SemiBold Italic\\"), local(\\"IBMPlexMono-SemiBoldItalic\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1gMoW.woff) format(\\"woff\\"); +} + +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: normal; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Mono Light\\"), local(\\"IBMPlexMono-Light\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwlBFhA.woff) format(\\"woff\\"); +} + +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: normal; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Mono\\"), local(\\"IBMPlexMono\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1i8q0Q.woff) format(\\"woff\\"); +} + +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: normal; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Mono SemiBold\\"), local(\\"IBMPlexMono-SemiBold\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwlBFhA.woff) format(\\"woff\\"); +} + +/* cyrillic-ext */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: italic; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Mono Light Italic\\"), local(\\"IBMPlexMono-LightItalic\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1jcoQPttoz6Pz.woff2) format(\\"woff2\\"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +/* cyrillic */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: italic; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Mono Light Italic\\"), local(\\"IBMPlexMono-LightItalic\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1hMoQPttoz6Pz.woff2) format(\\"woff2\\"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +/* vietnamese */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: italic; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Mono Light Italic\\"), local(\\"IBMPlexMono-LightItalic\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1j8oQPttoz6Pz.woff2) format(\\"woff2\\"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; +} + +/* latin-ext */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: italic; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Mono Light Italic\\"), local(\\"IBMPlexMono-LightItalic\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1jsoQPttoz6Pz.woff2) format(\\"woff2\\"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +/* latin */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: italic; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Mono Light Italic\\"), local(\\"IBMPlexMono-LightItalic\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1gMoQPttozw.woff2) format(\\"woff2\\"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +/* cyrillic-ext */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: italic; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Mono Italic\\"), local(\\"IBMPlexMono-Italic\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa2HdgregdFOFh.woff2) format(\\"woff2\\"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +/* cyrillic */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: italic; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Mono Italic\\"), local(\\"IBMPlexMono-Italic\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa0XdgregdFOFh.woff2) format(\\"woff2\\"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +/* vietnamese */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: italic; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Mono Italic\\"), local(\\"IBMPlexMono-Italic\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa2ndgregdFOFh.woff2) format(\\"woff2\\"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; +} + +/* latin-ext */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: italic; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Mono Italic\\"), local(\\"IBMPlexMono-Italic\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa23dgregdFOFh.woff2) format(\\"woff2\\"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +/* latin */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: italic; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Mono Italic\\"), local(\\"IBMPlexMono-Italic\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa1XdgregdFA.woff2) format(\\"woff2\\"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +/* cyrillic-ext */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: italic; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Mono SemiBold Italic\\"), local(\\"IBMPlexMono-SemiBoldItalic\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1jcoQPttoz6Pz.woff2) format(\\"woff2\\"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +/* cyrillic */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: italic; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Mono SemiBold Italic\\"), local(\\"IBMPlexMono-SemiBoldItalic\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1hMoQPttoz6Pz.woff2) format(\\"woff2\\"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +/* vietnamese */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: italic; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Mono SemiBold Italic\\"), local(\\"IBMPlexMono-SemiBoldItalic\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1j8oQPttoz6Pz.woff2) format(\\"woff2\\"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; +} + +/* latin-ext */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: italic; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Mono SemiBold Italic\\"), local(\\"IBMPlexMono-SemiBoldItalic\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1jsoQPttoz6Pz.woff2) format(\\"woff2\\"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +/* latin */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: italic; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Mono SemiBold Italic\\"), local(\\"IBMPlexMono-SemiBoldItalic\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1gMoQPttozw.woff2) format(\\"woff2\\"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +/* cyrillic-ext */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: normal; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Mono Light\\"), local(\\"IBMPlexMono-Light\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwl1FgsAXHNlYzg.woff2) format(\\"woff2\\"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +/* cyrillic */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: normal; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Mono Light\\"), local(\\"IBMPlexMono-Light\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwlRFgsAXHNlYzg.woff2) format(\\"woff2\\"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +/* vietnamese */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: normal; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Mono Light\\"), local(\\"IBMPlexMono-Light\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwl9FgsAXHNlYzg.woff2) format(\\"woff2\\"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; +} + +/* latin-ext */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: normal; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Mono Light\\"), local(\\"IBMPlexMono-Light\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwl5FgsAXHNlYzg.woff2) format(\\"woff2\\"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +/* latin */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: normal; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Mono Light\\"), local(\\"IBMPlexMono-Light\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwlBFgsAXHNk.woff2) format(\\"woff2\\"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +/* cyrillic-ext */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: normal; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Mono\\"), local(\\"IBMPlexMono\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1iIq131nj-otFQ.woff2) format(\\"woff2\\"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +/* cyrillic */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: normal; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Mono\\"), local(\\"IBMPlexMono\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1isq131nj-otFQ.woff2) format(\\"woff2\\"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +/* vietnamese */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: normal; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Mono\\"), local(\\"IBMPlexMono\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1iAq131nj-otFQ.woff2) format(\\"woff2\\"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; +} + +/* latin-ext */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: normal; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Mono\\"), local(\\"IBMPlexMono\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1iEq131nj-otFQ.woff2) format(\\"woff2\\"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +/* latin */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: normal; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Mono\\"), local(\\"IBMPlexMono\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1i8q131nj-o.woff2) format(\\"woff2\\"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +/* cyrillic-ext */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: normal; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Mono SemiBold\\"), local(\\"IBMPlexMono-SemiBold\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl1FgsAXHNlYzg.woff2) format(\\"woff2\\"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +/* cyrillic */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: normal; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Mono SemiBold\\"), local(\\"IBMPlexMono-SemiBold\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwlRFgsAXHNlYzg.woff2) format(\\"woff2\\"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +/* vietnamese */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: normal; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Mono SemiBold\\"), local(\\"IBMPlexMono-SemiBold\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl9FgsAXHNlYzg.woff2) format(\\"woff2\\"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; +} + +/* latin-ext */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: normal; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Mono SemiBold\\"), local(\\"IBMPlexMono-SemiBold\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl5FgsAXHNlYzg.woff2) format(\\"woff2\\"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +/* latin */ +@font-face { + font-family: \\"IBM Plex Mono\\"; + font-style: normal; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Mono SemiBold\\"), local(\\"IBMPlexMono-SemiBold\\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwlBFgsAXHNk.woff2) format(\\"woff2\\"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Sans Light Italic\\"), local(\\"IBMPlexSans-LightItalic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcdvfo.woff) format(\\"woff\\"); +} + +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Sans Italic\\"), local(\\"IBMPlexSans-Italic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuF6ZP.woff) format(\\"woff\\"); +} + +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Sans SemiBold Italic\\"), local(\\"IBMPlexSans-SemiBoldItalic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcdvfo.woff) format(\\"woff\\"); +} + +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Sans Light\\"), local(\\"IBMPlexSans-Light\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIFscg.woff) format(\\"woff\\"); +} + +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Sans\\"), local(\\"IBMPlexSans\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format(\\"woff\\"); +} + +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Sans SemiBold\\"), local(\\"IBMPlexSans-SemiBold\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format(\\"woff\\"); +} + +/* cyrillic-ext */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Sans Light Italic\\"), local(\\"IBMPlexSans-LightItalic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRce_fuJGl18QRY.woff2) format(\\"woff2\\"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +/* cyrillic */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Sans Light Italic\\"), local(\\"IBMPlexSans-LightItalic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRccvfuJGl18QRY.woff2) format(\\"woff2\\"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +/* greek */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Sans Light Italic\\"), local(\\"IBMPlexSans-LightItalic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcdffuJGl18QRY.woff2) format(\\"woff2\\"); + unicode-range: U+0370-03FF; +} + +/* vietnamese */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Sans Light Italic\\"), local(\\"IBMPlexSans-LightItalic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRceffuJGl18QRY.woff2) format(\\"woff2\\"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; +} + +/* latin-ext */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Sans Light Italic\\"), local(\\"IBMPlexSans-LightItalic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcePfuJGl18QRY.woff2) format(\\"woff2\\"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +/* latin */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Sans Light Italic\\"), local(\\"IBMPlexSans-LightItalic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcdvfuJGl18Q.woff2) format(\\"woff2\\"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +/* cyrillic-ext */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Sans Italic\\"), local(\\"IBMPlexSans-Italic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuGqZJW9XjDlN8.woff2) format(\\"woff2\\"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +/* cyrillic */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Sans Italic\\"), local(\\"IBMPlexSans-Italic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuE6ZJW9XjDlN8.woff2) format(\\"woff2\\"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +/* greek */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Sans Italic\\"), local(\\"IBMPlexSans-Italic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuFKZJW9XjDlN8.woff2) format(\\"woff2\\"); + unicode-range: U+0370-03FF; +} + +/* vietnamese */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Sans Italic\\"), local(\\"IBMPlexSans-Italic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuGKZJW9XjDlN8.woff2) format(\\"woff2\\"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; +} + +/* latin-ext */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Sans Italic\\"), local(\\"IBMPlexSans-Italic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuGaZJW9XjDlN8.woff2) format(\\"woff2\\"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +/* latin */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Sans Italic\\"), local(\\"IBMPlexSans-Italic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuF6ZJW9XjDg.woff2) format(\\"woff2\\"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +/* cyrillic-ext */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Sans SemiBold Italic\\"), local(\\"IBMPlexSans-SemiBoldItalic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJce_fuJGl18QRY.woff2) format(\\"woff2\\"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +/* cyrillic */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Sans SemiBold Italic\\"), local(\\"IBMPlexSans-SemiBoldItalic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJccvfuJGl18QRY.woff2) format(\\"woff2\\"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +/* greek */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Sans SemiBold Italic\\"), local(\\"IBMPlexSans-SemiBoldItalic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcdffuJGl18QRY.woff2) format(\\"woff2\\"); + unicode-range: U+0370-03FF; +} + +/* vietnamese */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Sans SemiBold Italic\\"), local(\\"IBMPlexSans-SemiBoldItalic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJceffuJGl18QRY.woff2) format(\\"woff2\\"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; +} + +/* latin-ext */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Sans SemiBold Italic\\"), local(\\"IBMPlexSans-SemiBoldItalic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcePfuJGl18QRY.woff2) format(\\"woff2\\"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +/* latin */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: italic; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Sans SemiBold Italic\\"), local(\\"IBMPlexSans-SemiBoldItalic\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcdvfuJGl18Q.woff2) format(\\"woff2\\"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +/* cyrillic-ext */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Sans Light\\"), local(\\"IBMPlexSans-Light\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIxsdP3pBmtF8A.woff2) format(\\"woff2\\"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +/* cyrillic */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Sans Light\\"), local(\\"IBMPlexSans-Light\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIVsdP3pBmtF8A.woff2) format(\\"woff2\\"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +/* greek */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Sans Light\\"), local(\\"IBMPlexSans-Light\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIJsdP3pBmtF8A.woff2) format(\\"woff2\\"); + unicode-range: U+0370-03FF; +} + +/* vietnamese */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Sans Light\\"), local(\\"IBMPlexSans-Light\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AI5sdP3pBmtF8A.woff2) format(\\"woff2\\"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; +} + +/* latin-ext */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Sans Light\\"), local(\\"IBMPlexSans-Light\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AI9sdP3pBmtF8A.woff2) format(\\"woff2\\"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +/* latin */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 300; + font-display: auto; + src: local(\\"IBM Plex Sans Light\\"), local(\\"IBMPlexSans-Light\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIFsdP3pBms.woff2) format(\\"woff2\\"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +/* cyrillic-ext */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Sans\\"), local(\\"IBMPlexSans\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdzeFaxOedfTDw.woff2) format(\\"woff2\\"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +/* cyrillic */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Sans\\"), local(\\"IBMPlexSans\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdXeFaxOedfTDw.woff2) format(\\"woff2\\"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +/* greek */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Sans\\"), local(\\"IBMPlexSans\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdLeFaxOedfTDw.woff2) format(\\"woff2\\"); + unicode-range: U+0370-03FF; +} + +/* vietnamese */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Sans\\"), local(\\"IBMPlexSans\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhd7eFaxOedfTDw.woff2) format(\\"woff2\\"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; +} + +/* latin-ext */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Sans\\"), local(\\"IBMPlexSans\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhd_eFaxOedfTDw.woff2) format(\\"woff2\\"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +/* latin */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 400; + font-display: auto; + src: local(\\"IBM Plex Sans\\"), local(\\"IBMPlexSans\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeFaxOedc.woff2) format(\\"woff2\\"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +/* cyrillic-ext */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Sans SemiBold\\"), local(\\"IBMPlexSans-SemiBold\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIxsdP3pBmtF8A.woff2) format(\\"woff2\\"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +/* cyrillic */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Sans SemiBold\\"), local(\\"IBMPlexSans-SemiBold\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIVsdP3pBmtF8A.woff2) format(\\"woff2\\"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +/* greek */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Sans SemiBold\\"), local(\\"IBMPlexSans-SemiBold\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIJsdP3pBmtF8A.woff2) format(\\"woff2\\"); + unicode-range: U+0370-03FF; +} + +/* vietnamese */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Sans SemiBold\\"), local(\\"IBMPlexSans-SemiBold\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AI5sdP3pBmtF8A.woff2) format(\\"woff2\\"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; +} + +/* latin-ext */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Sans SemiBold\\"), local(\\"IBMPlexSans-SemiBold\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AI9sdP3pBmtF8A.woff2) format(\\"woff2\\"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +/* latin */ +@font-face { + font-family: \\"IBM Plex Sans\\"; + font-style: normal; + font-weight: 600; + font-display: auto; + src: local(\\"IBM Plex Sans SemiBold\\"), local(\\"IBMPlexSans-SemiBold\\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFsdP3pBms.woff2) format(\\"woff2\\"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +[class*=\\"ibm-type\\"] { + margin-top: 0; +} + +.ibm-type { + font-family: \\"IBM Plex Sans\\", \\"Helvetica Neue\\", Arial, sans-serif; +} + +.ibm-type-italic { + font-style: italic; +} + +.ibm-type-mono { + font-family: \\"IBM Plex Mono\\", \\"Menlo\\", \\"DejaVu Sans Mono\\", \\"Bitstream Vera Sans Mono\\", Courier, monospace; +} + +.ibm-type-serif { + font-family: \\"IBM Plex Serif\\", \\"Georgia\\", Times, serif; +} + +.ibm-type-light { + font-weight: 300; +} + +.ibm-type-semibold { + font-weight: 600; +} + +.ibm-type-a { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; +} + +.ibm-type-b { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.25rem; + letter-spacing: 0.16px; +} + +.ibm-type-c { + font-size: 1rem; + font-weight: 400; + line-height: 1.375rem; + letter-spacing: 0; +} + +.ibm-type-d { + font-size: 1rem; + font-weight: 600; + line-height: 1.375rem; + letter-spacing: 0; +} + +.ibm-type-e { + font-size: 1.25rem; + font-weight: 400; + line-height: 1.625rem; + letter-spacing: 0; +} + +.ibm-type-f { + font-size: 1.75rem; + font-weight: 400; + line-height: 129%; + letter-spacing: 0; +} + +.ibm-type-g { + font-size: 1.75rem; + font-weight: 400; + line-height: 2.25rem; + letter-spacing: 0; +} + +.ibm-type-h { + font-size: 2rem; + font-weight: 400; + line-height: 2.5rem; + letter-spacing: 0; +} + +.ibm-type-i { + font-size: 2.625rem; + font-weight: 300; + line-height: 119%; + letter-spacing: 0; +} + +.ibm-type-j { + font-size: 2.625rem; + font-weight: 300; + line-height: 119%; + letter-spacing: 0; +} + +.ibm-type-k { + font-size: 2.625rem; + font-weight: 600; + line-height: 119%; + letter-spacing: 0; +} + +.bx--link { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + color: var(--link-01, #78a9ff); + text-decoration: none; + outline: none; + transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--link *, +.bx--link *:before, +.bx--link *:after { + box-sizing: inherit; +} + +.bx--link:hover { + color: var(--link-01, #78a9ff); + text-decoration: underline; +} + +.bx--link:active, .bx--link:active:visited, .bx--link:active:visited:hover { + color: var(--text-01, #f4f4f4); + text-decoration: underline; +} + +.bx--link:focus { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--link:not([href]):not(button) { + color: var(--disabled-02, #525252); + cursor: not-allowed; + pointer-events: none; + touch-action: none; +} + +.bx--link:visited { + color: var(--link-01, #78a9ff); +} + +.bx--link:visited:hover { + color: var(--link-01, #78a9ff); +} + +.bx--link--disabled { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + display: inline; + color: var(--disabled-02, #525252); + font-weight: 400; + cursor: not-allowed; +} + +.bx--link--disabled *, +.bx--link--disabled *:before, +.bx--link--disabled *:after { + box-sizing: inherit; +} + +.bx--link.bx--link--visited:visited { + color: var(--visited-link, #be95ff); +} + +.bx--link.bx--link--visited:visited:hover { + color: var(--hover-primary-text, #a6c8ff); +} + +.bx--link.bx--link--inline { + text-decoration: underline; +} + +.bx--link.bx--link--inline:hover { + color: var(--hover-primary-text, #a6c8ff); +} + +.bx--link.bx--link--inline:focus { + text-decoration: none; +} + +.bx--link.bx--link--inline:visited { + text-decoration: none; +} + +.bx--link--disabled.bx--link--inline { + text-decoration: underline; +} + +.bx--breadcrumb { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + display: inline; +} + +@media (min-width: 42rem) { + .bx--breadcrumb { + display: flex; + flex-wrap: wrap; + } +} + +.bx--breadcrumb-item { + position: relative; + display: flex; + align-items: center; + margin-right: 0.5rem; +} + +.bx--breadcrumb-item .bx--link:visited { + color: var(--link-01, #78a9ff); +} + +.bx--breadcrumb-item::after { + content: \\"/\\"; + color: var(--text-01, #f4f4f4); + margin-left: 0.5rem; +} + +.bx--breadcrumb--no-trailing-slash .bx--breadcrumb-item:last-child::after { + content: \\"\\"; +} + +.bx--breadcrumb-item:last-child, +.bx--breadcrumb-item:last-child::after { + margin-right: 0; +} + +.bx--breadcrumb .bx--link { + white-space: nowrap; +} + +.bx--breadcrumb-item [aria-current=\\"page\\"], +.bx--breadcrumb-item.bx--breadcrumb-item--current .bx--link { + color: var(--text-01, #f4f4f4); + cursor: auto; +} + +.bx--breadcrumb-item [aria-current=\\"page\\"]:hover, +.bx--breadcrumb-item.bx--breadcrumb-item--current .bx--link:hover { + text-decoration: none; +} + +.bx--breadcrumb.bx--skeleton .bx--link { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 6.25rem; + height: 1rem; +} + +.bx--breadcrumb.bx--skeleton .bx--link:hover, .bx--breadcrumb.bx--skeleton .bx--link:focus, .bx--breadcrumb.bx--skeleton .bx--link:active { + border: none; + outline: none; + cursor: default; +} + +.bx--breadcrumb.bx--skeleton .bx--link:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--breadcrumb.bx--skeleton .bx--link:before { + animation: none; + } +} + +.bx--breadcrumb { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: flex; + flex-wrap: wrap; +} + +.bx--breadcrumb *, +.bx--breadcrumb *:before, +.bx--breadcrumb *:after { + box-sizing: inherit; +} + +.bx--breadcrumb, +.bx--breadcrumb .bx--breadcrumb-item > .bx--link { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; +} + +.bx--breadcrumb .bx--breadcrumb-item > .bx--link { + max-width: 40ex; + overflow: hidden; + text-overflow: ellipsis; +} + +.bx--breadcrumb .bx--breadcrumb-item > .bx--link:visited { + color: var(--link-01, #78a9ff); +} + +.bx--skeleton__text { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 100%; + height: 1rem; + margin-bottom: 0.5rem; +} + +.bx--skeleton__text:hover, .bx--skeleton__text:focus, .bx--skeleton__text:active { + border: none; + outline: none; + cursor: default; +} + +.bx--skeleton__text:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--skeleton__text:before { + animation: none; + } +} + +.bx--skeleton__heading { + height: 1.5rem; +} + +.bx--skeleton__text { + height: 0.5rem; +} + +.bx--skeleton__heading { + height: 1rem; +} + +.security--card--skeleton__wrapper { + display: flex; +} + +.security--card--skeleton__text--inline { + margin-right: 0.5rem; +} + +.security--card { + display: flex; + width: auto; + min-width: 12rem; + min-height: 6rem; + padding: 1rem; + color: var(--text-01, #f4f4f4); + background-color: var(--ui-01, #262626); + flex-direction: column; + word-break: break-word; +} + +.security--input__background__color--light .bx--number .security--card input[type=\\"number\\"], .security--card .bx--date-picker__input, .security--card .bx--dropdown, +.security--card .bx--number input[type=\\"number\\"], .security--card .bx--search-input, .security--card .bx--select-input, .security--card .bx--text-area, .security--card .bx--text-input, .security--card .bx--list-box, .security--card .bx--list-box__menu, .security--card .security--button--icon:focus, .security--card .security--button--icon:hover, .security--tearsheet--small .bx--number .security--card input[type=\\"number\\"], .security--tearsheet .bx--number .security--card input[type=\\"number\\"] { + background-color: var(--ui-02, #393939); +} + +.security--card__link { + transition-duration: 0.2s; + transition-property: background-color; + transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9); + display: block; + color: inherit; + text-decoration: none; +} + +.security--card__link:focus, .security--card__link:hover { + background-color: var(--hover-ui, #353535); +} + +.security--card__link:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.security--card__header { + text-transform: capitalize; +} + +.security--card__header__image { + width: 2rem; + height: 2rem; + margin-bottom: 0.25rem; +} + +.security--card__header__title { + font-size: 0.875rem; + font-weight: 600; + line-height: 1.125rem; + letter-spacing: 0.16px; + margin-top: 0; + margin-bottom: 1rem; +} + +.security--card__header__tag { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; +} + +.security--card__body { + display: inline-block; +} + +.security--card__body__text { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + margin-bottom: 1rem; +} + +.security--card__footer { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + margin-top: auto; +} + +.bx--btn-set { + display: flex; +} + +.bx--btn-set > .bx--btn { + max-width: 12.25rem; + width: 100%; +} + +.bx--btn--secondary.bx--btn--disabled + .bx--btn--primary.bx--btn--disabled, +.bx--btn--tertiary.bx--btn--disabled + .bx--btn--danger.bx--btn--disabled { + border-left: 0.0625rem solid var(--disabled-03, #6f6f6f); +} + +.bx--btn { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + cursor: pointer; + display: inline-flex; + align-items: center; + justify-content: space-between; + vertical-align: top; + flex-shrink: 0; + min-height: 3rem; + padding: calc(0.875rem - 3px) 60px calc(0.875rem - 3px) 12px; + border-radius: 0; + text-align: left; + text-decoration: none; + transition: all 70ms cubic-bezier(0, 0, 0.38, 0.9); + outline: none; + position: relative; + max-width: 20rem; + margin: 0; +} + +.bx--btn *, +.bx--btn *:before, +.bx--btn *:after { + box-sizing: inherit; +} + +.bx--btn:disabled, .bx--btn.bx--btn--disabled { + cursor: not-allowed; + color: var(--disabled-03, #6f6f6f); + background: var(--disabled-02, #525252); + border-color: var(--disabled-02, #525252); +} + +.bx--btn .bx--btn__icon { + position: absolute; + right: 1rem; + flex-shrink: 0; + width: 1rem; + height: 1rem; +} + +.bx--btn::-moz-focus-inner { + padding: 0; + border: 0; +} + +.bx--btn--primary { + background-color: var(--interactive-01, #0f62fe); + border-width: 3px; + border-style: solid; + border-color: transparent; + color: var(--text-04, #ffffff); +} + +.bx--btn--primary:hover { + background-color: var(--hover-primary, #0353e9); +} + +.bx--btn--primary:focus { + border-color: var(--focus, #ffffff); + box-shadow: inset 0 0 0 1px var(--ui-02, #393939); +} + +.bx--btn--primary:disabled:hover, .bx--btn--primary:disabled:focus, .bx--btn--primary:hover.bx--btn--disabled, .bx--btn--primary:focus.bx--btn--disabled { + color: var(--ui-04, #6f6f6f); + background-color: var(--disabled-02, #525252); + border-color: var(--disabled-02, #525252); + text-decoration: none; + box-shadow: none; +} + +.bx--btn--primary:active { + background-color: var(--active-primary, #002d9c); +} + +.bx--btn--primary .bx--btn__icon, +.bx--btn--primary .bx--btn__icon path { + fill: currentColor; +} + +.bx--btn--primary:hover { + color: var(--text-04, #ffffff); +} + +.bx--btn--secondary { + background-color: var(--interactive-02, #6f6f6f); + border-width: 3px; + border-style: solid; + border-color: transparent; + color: var(--text-04, #ffffff); +} + +.bx--btn--secondary:hover { + background-color: var(--hover-secondary, #606060); +} + +.bx--btn--secondary:focus { + border-color: var(--focus, #ffffff); + box-shadow: inset 0 0 0 1px var(--ui-02, #393939); +} + +.bx--btn--secondary:disabled:hover, .bx--btn--secondary:disabled:focus, .bx--btn--secondary:hover.bx--btn--disabled, .bx--btn--secondary:focus.bx--btn--disabled { + color: var(--ui-04, #6f6f6f); + background-color: var(--disabled-02, #525252); + border-color: var(--disabled-02, #525252); + text-decoration: none; + box-shadow: none; +} + +.bx--btn--secondary:active { + background-color: var(--active-secondary, #393939); +} + +.bx--btn--secondary .bx--btn__icon, +.bx--btn--secondary .bx--btn__icon path { + fill: currentColor; +} + +.bx--btn--secondary:hover, .bx--btn--secondary:focus { + color: var(--text-04, #ffffff); +} + +.bx--btn--tertiary { + background-color: transparent; + border-width: 1px; + border-style: solid; + border-color: var(--interactive-03, #ffffff); + color: var(--interactive-03, #ffffff); +} + +.bx--btn--tertiary:hover { + background-color: var(--hover-tertiary, #f4f4f4); +} + +.bx--btn--tertiary:focus { + border-color: var(--focus, #ffffff); + box-shadow: inset 0 0 0 1px var(--ui-02, #393939); +} + +.bx--btn--tertiary:disabled:hover, .bx--btn--tertiary:disabled:focus, .bx--btn--tertiary:hover.bx--btn--disabled, .bx--btn--tertiary:focus.bx--btn--disabled { + color: var(--ui-04, #6f6f6f); + background-color: var(--disabled-02, #525252); + border-color: var(--disabled-02, #525252); + text-decoration: none; + box-shadow: none; +} + +.bx--btn--tertiary:active { + background-color: var(--active-tertiary, #c6c6c6); +} + +.bx--btn--tertiary .bx--btn__icon, +.bx--btn--tertiary .bx--btn__icon path { + fill: currentColor; +} + +.bx--btn--tertiary:hover { + color: var(--inverse-01, #161616); +} + +.bx--btn--tertiary:focus { + color: var(--inverse-01, #161616); + background-color: var(--interactive-03, #ffffff); +} + +.bx--btn--tertiary:active { + border-color: transparent; +} + +.bx--btn--tertiary:disabled, .bx--btn--tertiary:hover:disabled, .bx--btn--tertiary:focus:disabled, .bx--btn--tertiary.bx--btn--disabled, .bx--btn--tertiary.bx--btn--disabled:hover, .bx--btn--tertiary.bx--btn--disabled:focus { + background: transparent; + color: var(--disabled-02, #525252); + outline: none; +} + +.bx--btn--tertiary, +.bx--btn--tertiary.bx--btn--field, +.bx--btn--tertiary.bx--btn--sm { + padding-right: 3.875rem; + padding-left: 0.875rem; +} + +.bx--btn--tertiary:focus, +.bx--btn--tertiary.bx--btn--field:focus, +.bx--btn--tertiary.bx--btn--sm:focus { + border-width: 0.1875rem; + padding-right: 3.75rem; + padding-left: 0.75rem; +} + +.bx--btn--ghost { + background-color: transparent; + border-width: 3px; + border-style: solid; + border-color: transparent; + color: var(--link-01, #78a9ff); + padding: calc(0.875rem - 3px) 12px; +} + +.bx--btn--ghost:hover { + background-color: var(--hover-ui, #353535); +} + +.bx--btn--ghost:focus { + border-color: var(--focus, #ffffff); + box-shadow: inset 0 0 0 1px var(--ui-02, #393939); +} + +.bx--btn--ghost:disabled:hover, .bx--btn--ghost:disabled:focus, .bx--btn--ghost:hover.bx--btn--disabled, .bx--btn--ghost:focus.bx--btn--disabled { + color: var(--ui-04, #6f6f6f); + background-color: var(--disabled-02, #525252); + border-color: var(--disabled-02, #525252); + text-decoration: none; + box-shadow: none; +} + +.bx--btn--ghost:active { + background-color: var(--active-ui, #525252); +} + +.bx--btn--ghost .bx--btn__icon, +.bx--btn--ghost .bx--btn__icon path { + fill: currentColor; +} + +.bx--btn--ghost .bx--btn__icon { + position: static; + margin-left: 0.5rem; +} + +.bx--btn--ghost:hover, .bx--btn--ghost:active { + color: var(--hover-primary-text, #a6c8ff); +} + +.bx--btn--ghost:active { + background-color: var(--active-ui, #525252); +} + +.bx--btn--ghost:disabled, .bx--btn--ghost:hover:disabled, .bx--btn--ghost:focus:disabled, .bx--btn--ghost.bx--btn--disabled, .bx--btn--ghost.bx--btn--disabled:hover, .bx--btn--ghost.bx--btn--disabled:focus { + color: var(--disabled-02, #525252); + background: transparent; + border-color: transparent; + outline: none; +} + +.bx--btn--ghost.bx--btn--sm { + padding: calc(0.375rem - 3px) 12px; +} + +.bx--btn--ghost.bx--btn--field { + padding: calc(0.675rem - 3px) 12px; +} + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger { + position: relative; + display: inline-flex; + align-items: center; + cursor: pointer; + overflow: visible; +} + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus { + outline: 1px solid transparent; +} + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text, +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text { + position: absolute; + z-index: 10000; + display: flex; + align-items: center; + opacity: 0; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, + .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text, + .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text { + display: inline-block; + } +} + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after { + transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::after { + transition: none; +} + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before { + width: 0; + height: 0; + border-style: solid; + content: \\"\\"; +} + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text, +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text { + box-sizing: content-box; + color: inherit; + opacity: 1; + white-space: normal; +} + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text, +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + width: max-content; + max-width: 13rem; + height: auto; + padding: 0.1875rem 1rem; + border-radius: 0.125rem; + color: var(--inverse-01, #161616); + font-weight: 400; + text-align: left; + transform: translateX(-50%); + background-color: var(--inverse-02, #f4f4f4); + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, + .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text, + .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text { + width: 13rem; + } +} + +@supports (-ms-accelerator: true) { + .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, + .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text, + .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text { + width: 13rem; + } +} + +@supports (-ms-ime-align: auto) { + .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, + .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text, + .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text { + width: 13rem; + } +} + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after { + content: attr(aria-label); +} + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::after { + content: none; +} + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus::after { + opacity: 1; +} + +@keyframes tooltip-fade { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible .bx--assistive-text, +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover .bx--assistive-text, +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus .bx--assistive-text, +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus + .bx--assistive-text { + clip: auto; + margin: auto; + overflow: visible; +} + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible .bx--assistive-text, +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover .bx--assistive-text, +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus .bx--assistive-text, +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus.bx--tooltip--a11y::before { + animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden .bx--assistive-text, +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden + .bx--assistive-text { + clip: rect(0, 0, 0, 0); + margin: -1px; + overflow: hidden; +} + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden.bx--tooltip--a11y::before { + animation: none; + opacity: 0; +} + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus { + border-color: var(--focus, #ffffff); + box-shadow: inset 0 0 0 1px var(--ui-02, #393939); +} + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg { + outline-color: transparent; +} + +.bx--btn--icon-only--top { + position: relative; + display: inline-flex; + align-items: center; + cursor: pointer; + overflow: visible; +} + +.bx--btn--icon-only--top:focus { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--btn--icon-only--top:focus { + outline: 1px solid transparent; +} + +.bx--btn--icon-only--top:focus svg { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--btn--icon-only--top::before, .bx--btn--icon-only--top::after, +.bx--btn--icon-only--top .bx--assistive-text, +.bx--btn--icon-only--top + .bx--assistive-text { + position: absolute; + z-index: 10000; + display: flex; + align-items: center; + opacity: 0; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--btn--icon-only--top::before, .bx--btn--icon-only--top::after, + .bx--btn--icon-only--top .bx--assistive-text, + .bx--btn--icon-only--top + .bx--assistive-text { + display: inline-block; + } +} + +.bx--btn--icon-only--top::before, .bx--btn--icon-only--top::after { + transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--btn--icon-only--top.bx--tooltip--a11y::before, .bx--btn--icon-only--top.bx--tooltip--a11y::after { + transition: none; +} + +.bx--btn--icon-only--top::before { + width: 0; + height: 0; + border-style: solid; + content: \\"\\"; +} + +.bx--btn--icon-only--top .bx--assistive-text, +.bx--btn--icon-only--top + .bx--assistive-text { + box-sizing: content-box; + color: inherit; + opacity: 1; + white-space: normal; +} + +.bx--btn--icon-only--top::after, +.bx--btn--icon-only--top .bx--assistive-text, +.bx--btn--icon-only--top + .bx--assistive-text { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + width: max-content; + max-width: 13rem; + height: auto; + padding: 0.1875rem 1rem; + border-radius: 0.125rem; + color: var(--inverse-01, #161616); + font-weight: 400; + text-align: left; + transform: translateX(-50%); + background-color: var(--inverse-02, #f4f4f4); + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--btn--icon-only--top::after, + .bx--btn--icon-only--top .bx--assistive-text, + .bx--btn--icon-only--top + .bx--assistive-text { + width: 13rem; + } +} + +@supports (-ms-accelerator: true) { + .bx--btn--icon-only--top::after, + .bx--btn--icon-only--top .bx--assistive-text, + .bx--btn--icon-only--top + .bx--assistive-text { + width: 13rem; + } +} + +@supports (-ms-ime-align: auto) { + .bx--btn--icon-only--top::after, + .bx--btn--icon-only--top .bx--assistive-text, + .bx--btn--icon-only--top + .bx--assistive-text { + width: 13rem; + } +} + +.bx--btn--icon-only--top::after { + content: attr(aria-label); +} + +.bx--btn--icon-only--top.bx--tooltip--a11y::after { + content: none; +} + +.bx--btn--icon-only--top.bx--tooltip--visible::before, .bx--btn--icon-only--top.bx--tooltip--visible::after, .bx--btn--icon-only--top:hover::before, .bx--btn--icon-only--top:hover::after, .bx--btn--icon-only--top:focus::before, .bx--btn--icon-only--top:focus::after { + opacity: 1; +} + +@keyframes tooltip-fade { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +.bx--btn--icon-only--top.bx--tooltip--visible .bx--assistive-text, +.bx--btn--icon-only--top.bx--tooltip--visible + .bx--assistive-text, .bx--btn--icon-only--top:hover .bx--assistive-text, +.bx--btn--icon-only--top:hover + .bx--assistive-text, .bx--btn--icon-only--top:focus .bx--assistive-text, +.bx--btn--icon-only--top:focus + .bx--assistive-text { + clip: auto; + margin: auto; + overflow: visible; +} + +.bx--btn--icon-only--top.bx--tooltip--visible .bx--assistive-text, +.bx--btn--icon-only--top.bx--tooltip--visible + .bx--assistive-text, .bx--btn--icon-only--top.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn--icon-only--top:hover .bx--assistive-text, +.bx--btn--icon-only--top:hover + .bx--assistive-text, .bx--btn--icon-only--top:hover.bx--tooltip--a11y::before, .bx--btn--icon-only--top:focus .bx--assistive-text, +.bx--btn--icon-only--top:focus + .bx--assistive-text, .bx--btn--icon-only--top:focus.bx--tooltip--a11y::before { + animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--btn--icon-only--top.bx--tooltip--hidden .bx--assistive-text, +.bx--btn--icon-only--top.bx--tooltip--hidden + .bx--assistive-text { + clip: rect(0, 0, 0, 0); + margin: -1px; + overflow: hidden; +} + +.bx--btn--icon-only--top.bx--tooltip--hidden.bx--tooltip--a11y::before { + animation: none; + opacity: 0; +} + +.bx--btn--icon-only--top::before, .bx--btn--icon-only--top::after, +.bx--btn--icon-only--top .bx--assistive-text, +.bx--btn--icon-only--top + .bx--assistive-text { + top: 0; + left: 50%; +} + +.bx--btn--icon-only--top::before { + top: -0.5rem; + border-width: 0.3125rem 0.25rem 0 0.25rem; + border-color: var(--inverse-02, #f4f4f4) transparent transparent transparent; + transform: translate(-50%, -100%); +} + +.bx--btn--icon-only--top::after, +.bx--btn--icon-only--top .bx--assistive-text, +.bx--btn--icon-only--top .bx--assistive-text, +.bx--btn--icon-only--top + .bx--assistive-text, +.bx--btn--icon-only--top + .bx--assistive-text { + top: -0.8125rem; + left: 50%; + transform: translate(-50%, -100%); +} + +.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom::after, +.bx--btn--icon-only--bottom .bx--assistive-text, +.bx--btn--icon-only--bottom + .bx--assistive-text { + bottom: 0; + left: 50%; +} + +.bx--btn--icon-only--bottom::before { + bottom: -0.5rem; + border-width: 0 0.25rem 0.3125rem 0.25rem; + border-color: transparent transparent var(--inverse-02, #f4f4f4) transparent; + transform: translate(-50%, 100%); +} + +.bx--btn--icon-only--bottom::after, +.bx--btn--icon-only--bottom .bx--assistive-text, +.bx--btn--icon-only--bottom .bx--assistive-text, +.bx--btn--icon-only--bottom + .bx--assistive-text, +.bx--btn--icon-only--bottom + .bx--assistive-text { + bottom: -0.8125rem; + transform: translate(-50%, 100%); +} + +.bx--btn--icon-only { + padding-left: 0.8125rem; + padding-right: 0.8125rem; +} + +.bx--btn--icon-only .bx--btn__icon { + position: static; +} + +.bx--btn--icon-only.bx--btn--ghost .bx--btn__icon { + margin: 0; +} + +.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon path, +.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon { + fill: var(--icon-01, #f4f4f4); +} + +.bx--btn--ghost.bx--btn--icon-only[disabled] .bx--btn__icon path, +.bx--btn--ghost.bx--btn--icon-only[disabled] .bx--btn__icon { + fill: var(--disabled-02, #525252); +} + +.bx--btn--ghost.bx--btn--icon-only[disabled] { + cursor: not-allowed; +} + +.bx--btn--ghost.bx--btn--icon-only[disabled] .bx--assistive-text, +.bx--btn--ghost.bx--btn--icon-only[disabled]::before { + display: none; +} + +.bx--btn--icon-only.bx--btn--tertiary { + padding-left: 0.9375rem; + padding-right: 0.9375rem; +} + +.bx--btn--icon-only.bx--btn--tertiary:focus { + padding-left: 0.8125rem; + padding-right: 0.8125rem; +} + +.bx--btn--field.bx--btn--icon-only { + padding-left: 0.5625rem; + padding-right: 0.5625rem; +} + +.bx--btn--field.bx--btn--icon-only.bx--btn--tertiary { + padding-left: 0.6875rem; + padding-right: 0.6875rem; +} + +.bx--btn--field.bx--btn--icon-only.bx--btn--tertiary:focus { + padding-left: 0.5625rem; + padding-right: 0.5625rem; +} + +.bx--btn--sm.bx--btn--icon-only { + padding-left: 0.3125rem; + padding-right: 0.3125rem; +} + +.bx--btn--sm.bx--btn--icon-only.bx--btn--tertiary { + padding-left: 0.4375rem; + padding-right: 0.4375rem; +} + +.bx--btn--sm.bx--btn--icon-only.bx--btn--tertiary:focus { + padding-left: 0.3125rem; + padding-right: 0.3125rem; +} + +.bx--btn--danger { + background-color: var(--danger, #da1e28); + border-width: 3px; + border-style: solid; + border-color: var(--danger, #da1e28); + color: var(--text-04, #ffffff); +} + +.bx--btn--danger:hover { + background-color: var(--hover-danger, #b81921); +} + +.bx--btn--danger:focus { + border-color: var(--focus, #ffffff); + box-shadow: inset 0 0 0 1px var(--ui-02, #393939); +} + +.bx--btn--danger:disabled:hover, .bx--btn--danger:disabled:focus, .bx--btn--danger:hover.bx--btn--disabled, .bx--btn--danger:focus.bx--btn--disabled { + color: var(--ui-04, #6f6f6f); + background-color: var(--disabled-02, #525252); + border-color: var(--disabled-02, #525252); + text-decoration: none; + box-shadow: none; +} + +.bx--btn--danger:active { + background-color: var(--active-danger, #750e13); +} + +.bx--btn--danger .bx--btn__icon, +.bx--btn--danger .bx--btn__icon path { + fill: currentColor; +} + +.bx--btn--danger:hover { + color: var(--text-04, #ffffff); + border: 3px solid transparent; +} + +.bx--btn--sm { + min-height: 2rem; + padding: calc(0.375rem - 3px) 60px calc(0.375rem - 3px) 12px; +} + +.bx--btn--field { + min-height: 2.5rem; + padding: calc(0.675rem - 3px) 60px calc(0.675rem - 3px) 12px; +} + +.bx--btn.bx--skeleton { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 9.375rem; +} + +.bx--btn.bx--skeleton:hover, .bx--btn.bx--skeleton:focus, .bx--btn.bx--skeleton:active { + border: none; + outline: none; + cursor: default; +} + +.bx--btn.bx--skeleton:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--btn.bx--skeleton:before { + animation: none; + } +} + +.security--button--ghost-danger { + color: var(--text-01, #f4f4f4); +} + +.security--button--ghost-danger:focus, .security--button--ghost-danger:hover { + color: var(--text-04, #ffffff); + background-color: var(--hover-danger, #b81921); +} + +.security--button--ghost-danger:hover > .bx--btn__icon > path { + fill: currentColor; +} + +.security--button--large { + font-size: 1rem; + font-weight: 400; + line-height: 1.375rem; + letter-spacing: 0; + width: 100%; + height: 6rem; + padding: 1rem; + align-items: start; + flex-direction: column; +} + +.security--button--large > .bx--btn__icon { + position: absolute; + bottom: 1rem; + width: unset; + height: unset; + margin-left: unset; +} + +.security--button--loading > .bx--inline-loading { + width: auto; + margin-top: -0.5rem; + margin-bottom: -0.5rem; +} + +.bx--dropdown__wrapper--inline { + display: inline-grid; + align-items: center; + grid-template: auto auto / auto min-content; + grid-gap: 0.25rem; +} + +.bx--dropdown__wrapper--inline .bx--label { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +.bx--dropdown__wrapper--inline .bx--label, +.bx--dropdown__wrapper--inline .bx--form__helper-text, +.bx--dropdown__wrapper--inline .bx--form-requirement { + margin: 0; +} + +.bx--dropdown__wrapper--inline .bx--form-requirement { + grid-column: 2; +} + +.bx--dropdown { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + outline: 2px solid transparent; + outline-offset: -2px; + position: relative; + list-style: none; + display: block; + background-color: var(--field-01, #262626); + border: none; + border-bottom: 1px solid var(--ui-04, #6f6f6f); + width: 100%; + height: 2.5rem; + cursor: pointer; + color: var(--text-01, #f4f4f4); + outline: 2px solid transparent; + transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--dropdown *, +.bx--dropdown *:before, +.bx--dropdown *:after { + box-sizing: inherit; +} + +.bx--dropdown:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--dropdown:hover { + background-color: var(--hover-ui, #353535); +} + +.bx--dropdown--xl { + height: 3rem; + max-height: 3rem; +} + +.bx--dropdown--xl .bx--dropdown__arrow { + top: 1rem; +} + +.bx--dropdown--sm { + height: 2rem; + max-height: 2rem; +} + +.bx--dropdown--sm .bx--dropdown__arrow { + top: 0.5rem; +} + +.bx--dropdown--open { + border-bottom-color: var(--ui-03, #393939); +} + +.bx--dropdown--invalid { + outline: 2px solid var(--support-01, #fa4d56); + outline-offset: -2px; +} + +.bx--dropdown--invalid .bx--dropdown-text { + padding-right: 3.5rem; +} + +.bx--dropdown--invalid + .bx--form-requirement { + display: inline-block; + max-height: 12.5rem; + color: var(--text-error, #ff8389); +} + +.bx--dropdown__invalid-icon { + position: absolute; + top: 50%; + right: 2.5rem; + fill: var(--support-01, #fa4d56); + transform: translateY(-50%); +} + +.bx--dropdown--open:hover { + background-color: var(--field-01, #262626); +} + +.bx--dropdown--open:focus { + outline: 1px solid transparent; +} + +.bx--dropdown--open .bx--dropdown-list { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); +} + +.bx--dropdown--light { + background-color: var(--field-02, #393939); +} + +.bx--dropdown--up .bx--dropdown-list { + bottom: 2rem; +} + +.bx--dropdown__arrow { + fill: var(--ui-05, #f4f4f4); + position: absolute; + right: 1rem; + top: 0.8125rem; + pointer-events: none; + transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9); + transform-origin: 50% 45%; +} + +button.bx--dropdown-text { + color: var(--text-01, #f4f4f4); + background: none; + border: none; + width: 100%; + text-align: left; +} + +button.bx--dropdown-text:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--dropdown-text { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + display: block; + height: calc(100% + 1px); + padding-left: 1rem; + padding-right: 2.625rem; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.bx--dropdown-list { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + outline: 2px solid transparent; + outline-offset: -2px; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + background-color: var(--ui-01, #262626); + display: flex; + flex-direction: column; + width: 100%; + list-style: none; + position: absolute; + z-index: 9100; + max-height: 0; + transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9); + overflow-x: hidden; + overflow-y: auto; +} + +.bx--dropdown-list *, +.bx--dropdown-list *:before, +.bx--dropdown-list *:after { + box-sizing: inherit; +} + +.bx--dropdown:not(.bx--dropdown--open) .bx--dropdown-item { + visibility: hidden; +} + +.bx--dropdown-item { + transition: visibility 70ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9); + opacity: 0; + visibility: inherit; + position: relative; +} + +.bx--dropdown-item:hover { + background-color: var(--hover-ui, #353535); +} + +.bx--dropdown-item:hover + .bx--dropdown-item .bx--dropdown-link { + border-color: transparent; +} + +.bx--dropdown-item:active { + background-color: var(--selected-ui, #393939); +} + +.bx--dropdown-item:first-of-type .bx--dropdown-link { + border-top-color: transparent; +} + +.bx--dropdown-item:last-of-type .bx--dropdown-link { + border-bottom: none; +} + +.bx--dropdown-link { + outline: 2px solid transparent; + outline-offset: -2px; + display: block; + height: 2.5rem; + color: var(--text-02, #c6c6c6); + text-decoration: none; + font-weight: normal; + line-height: 1rem; + padding: 0.6875rem 0; + margin: 0 1rem; + border: 1px solid transparent; + border-top-color: var(--ui-03, #393939); + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + +.bx--dropdown-link:hover { + color: var(--text-01, #f4f4f4); + border-color: transparent; +} + +.bx--dropdown--sm .bx--dropdown-link { + padding-top: 0.4375rem; + padding-bottom: 0.4375rem; + height: 2rem; +} + +.bx--dropdown--xl .bx--dropdown-link { + padding-top: 0.9375rem; + padding-bottom: 0.9375rem; + height: 3rem; +} + +.bx--dropdown--focused, +.bx--dropdown-link:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + margin: 0; + padding: 0.6875rem 1rem; +} + +.bx--dropdown-list[aria-activedescendant] .bx--dropdown-link:focus { + outline: none; + margin: 0 1rem; + padding: 0.6875rem 0; +} + +.bx--dropdown-list[aria-activedescendant] .bx--dropdown--focused:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + margin: 0; + padding: 0.6875rem 1rem; +} + +.bx--dropdown-list[aria-activedescendant] .bx--dropdown-item:active { + background-color: inherit; +} + +.bx--dropdown-item:hover .bx--dropdown-link { + border-bottom-color: var(--hover-ui, #353535); +} + +.bx--dropdown--selected { + display: none; +} + +.bx--dropdown--open .bx--dropdown__arrow { + transform: rotate(-180deg); +} + +.bx--dropdown--open .bx--dropdown-list { + max-height: 15rem; + transition: max-height 110ms cubic-bezier(0, 0, 0.38, 0.9); +} + +.bx--dropdown--open .bx--dropdown-item { + opacity: 1; +} + +.bx--dropdown--disabled { + border-bottom-color: transparent; + cursor: not-allowed; +} + +.bx--dropdown--disabled:hover { + background-color: var(--field-01, #262626); +} + +.bx--dropdown--disabled:focus { + outline: none; +} + +.bx--dropdown--disabled .bx--dropdown-text { + color: var(--disabled-02, #525252); +} + +.bx--dropdown--disabled .bx--dropdown__arrow { + fill: var(--disabled-02, #525252); +} + +.bx--dropdown--disabled.bx--dropdown--light:hover { + background-color: var(--field-02, #393939); +} + +.bx--dropdown--auto-width { + width: auto; + max-width: 25rem; +} + +.bx--dropdown--inline { + justify-self: start; + display: inline-block; + border-bottom-color: transparent; + width: auto; + height: 2rem; + background-color: transparent; + transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9); +} + +.bx--dropdown--inline:hover { + background-color: var(--hover-ui, #353535); +} + +.bx--dropdown--inline.bx--dropdown--disabled { + background-color: transparent; +} + +.bx--dropdown--inline .bx--dropdown__arrow { + top: 0.5rem; + right: 0.5rem; +} + +.bx--dropdown--inline.bx--dropdown--open { + background-color: transparent; +} + +.bx--dropdown--inline .bx--dropdown-text { + display: inline-block; + padding: 0.4375rem 2rem 0.4375rem 0.75rem; + height: 2rem; + overflow: visible; + color: var(--text-01, #f4f4f4); +} + +.bx--dropdown--inline.bx--dropdown--disabled .bx--dropdown-text { + color: var(--disabled-02, #525252); +} + +.bx--dropdown--inline.bx--dropdown--disabled:focus .bx--dropdown-text { + outline: 0; +} + +.bx--dropdown--inline.bx--dropdown--invalid .bx--dropdown__invalid-icon { + right: 2rem; +} + +.bx--dropdown--inline.bx--dropdown--invalid .bx--dropdown-text { + padding-right: 3.5rem; +} + +.bx--dropdown--inline.bx--dropdown--open:focus .bx--dropdown-list { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); +} + +.bx--dropdown--inline .bx--dropdown-link { + font-weight: normal; +} + +.bx--dropdown--show-selected .bx--dropdown--selected { + background-color: var(--hover-ui, #353535); + color: var(--text-01, #f4f4f4); + display: block; +} + +.bx--dropdown--show-selected .bx--dropdown--selected:hover { + background-color: var(--selected-ui, #393939); +} + +.bx--dropdown--show-selected .bx--dropdown--selected .bx--dropdown-link { + border-top-color: transparent; +} + +.bx--dropdown--show-selected .bx--dropdown--selected + .bx--dropdown-item .bx--dropdown-link { + border-top-color: transparent; +} + +.bx--dropdown--show-selected .bx--dropdown--selected .bx--list-box__menu-item__selected-icon { + display: block; +} + +.bx--dropdown-v2.bx--skeleton, +.bx--dropdown.bx--skeleton { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); +} + +.bx--dropdown-v2.bx--skeleton:hover, .bx--dropdown-v2.bx--skeleton:focus, .bx--dropdown-v2.bx--skeleton:active, +.bx--dropdown.bx--skeleton:hover, +.bx--dropdown.bx--skeleton:focus, +.bx--dropdown.bx--skeleton:active { + border: none; + outline: none; + cursor: default; +} + +.bx--dropdown-v2.bx--skeleton:before, +.bx--dropdown.bx--skeleton:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--dropdown-v2.bx--skeleton:before, + .bx--dropdown.bx--skeleton:before { + animation: none; + } +} + +.bx--dropdown__wrapper, +.bx--dropdown__wrapper * { + box-sizing: border-box; +} + +.bx--overflow-menu, +.bx--overflow-menu__trigger { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + width: 100%; + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + outline: 2px solid transparent; + outline-offset: -2px; + position: relative; + width: 2rem; + height: 2rem; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9); +} + +.bx--overflow-menu *, +.bx--overflow-menu *:before, +.bx--overflow-menu *:after, +.bx--overflow-menu__trigger *, +.bx--overflow-menu__trigger *:before, +.bx--overflow-menu__trigger *:after { + box-sizing: inherit; +} + +.bx--overflow-menu::-moz-focus-inner, +.bx--overflow-menu__trigger::-moz-focus-inner { + border: 0; +} + +.bx--overflow-menu *, +.bx--overflow-menu *:before, +.bx--overflow-menu *:after, +.bx--overflow-menu__trigger *, +.bx--overflow-menu__trigger *:before, +.bx--overflow-menu__trigger *:after { + box-sizing: inherit; +} + +.bx--overflow-menu:focus, +.bx--overflow-menu__trigger:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--overflow-menu:hover, +.bx--overflow-menu__trigger:hover { + background-color: var(--hover-selected-ui, #4c4c4c); +} + +.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus svg { + outline: none; +} + +.bx--overflow-menu.bx--overflow-menu--open, +.bx--overflow-menu.bx--overflow-menu--open .bx--overflow-menu__trigger { + background-color: var(--ui-01, #262626); + transition: none; + box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); +} + +.bx--overflow-menu--light.bx--overflow-menu--open, +.bx--overflow-menu--light.bx--overflow-menu--open .bx--overflow-menu__trigger { + background-color: var(--ui-02, #393939); +} + +.bx--overflow-menu__icon { + height: 1rem; + width: 1rem; + fill: var(--icon-01, #f4f4f4); +} + +.bx--overflow-menu-options { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); + display: none; + flex-direction: column; + align-items: flex-start; + position: absolute; + z-index: 10000; + background-color: var(--ui-01, #262626); + width: 10rem; + list-style: none; + top: 32px; + left: 0; +} + +.bx--overflow-menu-options *, +.bx--overflow-menu-options *:before, +.bx--overflow-menu-options *:after { + box-sizing: inherit; +} + +.bx--overflow-menu-options::after { + content: \\"\\"; + position: absolute; + display: block; + background-color: var(--ui-01, #262626); + transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9); +} + +.bx--overflow-menu-options--light { + background-color: var(--ui-02, #393939); +} + +.bx--overflow-menu-options--light::after { + background-color: var(--ui-02, #393939); +} + +.bx--overflow-menu-options[data-floating-menu-direction=\\"bottom\\"]::after { + top: -0.1875rem; + left: 0; + width: 2rem; + height: 0.1875rem; +} + +.bx--overflow-menu-options[data-floating-menu-direction=\\"top\\"]::after { + bottom: -0.5rem; + left: 0; + width: 2rem; + height: 0.5rem; +} + +.bx--overflow-menu-options[data-floating-menu-direction=\\"left\\"]::after { + right: -0.375rem; + top: 0; + height: 2rem; + width: 0.375rem; +} + +.bx--overflow-menu-options[data-floating-menu-direction=\\"right\\"]::after { + top: 0; + left: -0.375rem; + height: 2rem; + width: 0.375rem; +} + +.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=\\"top\\"]::after, +.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=\\"bottom\\"]::after { + left: auto; + right: 0; +} + +.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=\\"left\\"]::after, +.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=\\"right\\"]::after { + top: auto; + bottom: 0; +} + +.bx--overflow-menu-options--open { + display: flex; +} + +.bx--overflow-menu-options__content { + width: 100%; +} + +.bx--overflow-menu-options__option { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: flex; + background-color: transparent; + align-items: center; + width: 100%; + height: 2.5rem; + padding: 0; + transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9); +} + +.bx--overflow-menu-options__option *, +.bx--overflow-menu-options__option *:before, +.bx--overflow-menu-options__option *:after { + box-sizing: inherit; +} + +.bx--overflow-menu--divider { + border-top: 1px solid var(--ui-03, #393939); +} + +a.bx--overflow-menu-options__btn::before { + content: \\"\\"; + height: 100%; + vertical-align: middle; + display: inline-block; +} + +.bx--overflow-menu-options__btn { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + outline: 2px solid transparent; + outline-offset: -2px; + font-weight: 400; + width: 100%; + height: 100%; + border: none; + display: inline-flex; + align-items: center; + background-color: transparent; + text-align: left; + padding: 0 1rem; + cursor: pointer; + color: var(--text-02, #c6c6c6); + max-width: 11.25rem; + transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9), color 110ms cubic-bezier(0, 0, 0.38, 0.9); +} + +.bx--overflow-menu-options__btn:hover { + color: var(--text-01, #f4f4f4); +} + +.bx--overflow-menu-options__btn:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--overflow-menu-options__btn::-moz-focus-inner { + border: none; +} + +.bx--overflow-menu-options__btn svg { + fill: var(--icon-02, #c6c6c6); +} + +.bx--overflow-menu-options__btn:hover svg { + fill: var(--icon-01, #f4f4f4); +} + +.bx--overflow-menu-options__option-content { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.bx--overflow-menu-options__option:hover { + background-color: var(--hover-ui, #353535); +} + +.bx--overflow-menu-options__option--danger { + border-top: 1px solid var(--ui-03, #393939); +} + +.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover, +.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus { + color: var(--text-04, #ffffff); + background-color: var(--support-01, #fa4d56); +} + +.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover svg, +.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus svg { + fill: var(--text-04, #ffffff); +} + +.bx--overflow-menu-options__option--disabled:hover { + background-color: var(--ui-01, #262626); + cursor: not-allowed; +} + +.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn { + color: var(--disabled-02, #525252); + pointer-events: none; +} + +.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:hover, .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:active, .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:focus { + outline: 2px solid transparent; + outline-offset: -2px; + background-color: var(--ui-01, #262626); +} + +.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn svg { + fill: var(--disabled-02, #525252); +} + +.bx--overflow-menu--flip { + left: -140px; +} + +.bx--overflow-menu--flip:before { + left: 145px; +} + +.security--combo-button { + display: inline-flex; + position: relative; +} + +.security--combo-button .security--combo-button--primary { + display: block; + overflow-x: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: flex; + flex: 1; +} + +.security--combo-button__group { + display: flex; + justify-content: flex-end; + width: 100%; +} + +.security--combo-button__icon { + fill: var(--icon-03, #ffffff); +} + +.security--combo-button .security--combo-button__overflow-menu { + width: 3rem; + background-color: var(--interactive-01, #0f62fe); + margin-left: 1px; +} + +.security--combo-button .security--combo-button__overflow-menu:hover, .security--combo-button .security--combo-button__overflow-menu.bx--overflow-menu--open { + background-color: var(--hover-primary, #0353e9); +} + +.security--combo-button .security--combo-button__overflow-menu:active { + background-color: var(--active-primary, #002d9c); +} + +.security--combo-button .bx--overflow-menu-options { + display: grid; + width: 100%; + background-color: var(--ui-02, #393939); + outline: unset; +} + +.security--combo-button .bx--overflow-menu-options__option { + display: inherit; +} + +.security--combo-button .bx--overflow-menu-options__option:hover { + background-color: var(--hover-selected-ui, #4c4c4c); +} + +.security--combo-button .bx--overflow-menu-options__option:first-child .security--combo-button-item__wrapper { + border-top-color: transparent; +} + +.security--combo-button .bx--overflow-menu-options::after { + display: none; +} + +.security--combo-button-item { + width: 100%; + display: flex; + justify-content: space-between; +} + +.security--combo-button .security--combo-button-item__wrapper { + display: block; + overflow-x: hidden; + text-overflow: ellipsis; + white-space: nowrap; + outline: unset; + padding: 0; + margin: 0 1rem; + border-top: 1px solid var(--active-ui, #525252); + border-bottom: 1px solid transparent; + display: flex; + width: unset; + max-width: unset; + justify-content: space-between; +} + +.security--combo-button .security--combo-button-item__wrapper:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + margin: 0; + padding: 0 1rem; + border-color: transparent; +} + +.security--combo-button .security--combo-button-item__wrapper:hover { + color: var(--text-01, #f4f4f4); + background-color: unset; +} + +.security--combo-button .security--combo-button-item__wrapper > span + svg { + margin-left: 0.5rem; + flex-shrink: 0; +} + +.security--combo-button .security--combo-button-item__wrapper:disabled, .security--combo-button .security--combo-button-item__wrapper:disabled:hover { + color: var(--text-03, #6f6f6f); +} + +.security--combo-button .security--combo-button-item__wrapper:disabled svg, .security--combo-button .security--combo-button-item__wrapper:disabled:hover svg { + fill: var(--text-03, #6f6f6f); +} + +.security--button--icon { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + width: 100%; + width: 2.5rem; + height: 2.5rem; + display: flex; + position: relative; + padding-top: 0; + padding-right: 0; + padding-left: 0; + color: var(--icon-01, #f4f4f4); + background-color: inherit; + align-items: center; + border: 0; + fill: currentColor; + justify-content: center; + transition: 0.2s cubic-bezier(0.2, 0, 0.38, 0.9) background-color; +} + +.security--button--icon *, +.security--button--icon *:before, +.security--button--icon *:after { + box-sizing: inherit; +} + +.security--button--icon::-moz-focus-inner { + border: 0; +} + +.security--button--icon + .security--button--icon__tooltip::before { + left: 1.25rem; +} + +.security--button--icon:hover, .security--button--icon:focus { + background-color: var(--hover-ui, #353535); +} + +.security--button--icon:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + border-width: 0; +} + +.security--button--icon:disabled { + fill: var(--disabled-03, #6f6f6f); + cursor: not-allowed; +} + +.security--button--icon:disabled, .security--button--icon:disabled:hover, .security--button--icon:disabled:focus { + background-color: var(--disabled-01, #262626); +} + +.security--button--icon:disabled:focus { + outline-width: 0; +} + +.security--button--icon--lg { + width: 3rem; + height: 3rem; +} + +.security--button--icon--lg + .security--button--icon__tooltip::before { + left: 1.5rem; +} + +.security--button--icon--sm { + width: 2rem; + height: 2rem; +} + +.security--button--icon--sm + .security--button--icon__tooltip::before { + left: 1rem; +} + +.security--button--icon--xl { + width: 4rem; + height: 4rem; +} + +.security--button--icon--xl + .security--button--icon__tooltip::before { + left: 2rem; +} + +.security--button--icon--tooltip::before, .security--button--icon--tooltip::after { + z-index: 10000; +} + +.security--button--icon--tooltip::before { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + display: flex; + position: absolute; + padding: 0.125rem 1rem; + color: var(--inverse-01, #161616); + background-color: var(--inverse-02, #f4f4f4); + align-items: center; + border-radius: 0.125rem; + opacity: 0; + pointer-events: none; + transition-duration: 0.1s; + transition-property: opacity; + white-space: nowrap; + content: attr(aria-label); +} + +.security--button--icon--tooltip::after { + position: absolute; + display: inline-block; + border-color: transparent; + border-style: solid; + border-width: 0.25rem; + transition-duration: 0.1s; + transition-property: opacity; + opacity: 1; + content: \\"\\"; + opacity: 0; +} + +.security--button--icon--tooltip:focus::before, .security--button--icon--tooltip:focus::after, .security--button--icon--tooltip:hover::before, .security--button--icon--tooltip:hover::after { + opacity: 1; +} + +.security--button--icon--tooltip--top::before, .security--button--icon--tooltip--top::after, .security--button--icon--tooltip--bottom::before, .security--button--icon--tooltip--bottom::after { + left: 50%; +} + +.security--button--icon--tooltip--left::before, .security--button--icon--tooltip--left::after, .security--button--icon--tooltip--right::before, .security--button--icon--tooltip--right::after { + top: 50%; +} + +.security--button--icon--tooltip--top::before, .security--button--icon--tooltip--top::after { + bottom: calc( 100% + 0.25rem); +} + +.security--button--icon--tooltip--top::before { + transform: translate(-50%, -0.25rem); +} + +.security--button--icon--tooltip--top::after { + border-top-color: var(--inverse-02, #f4f4f4); + transform: translate(-50%, 0.25rem); +} + +.security--button--icon--tooltip--right::before, .security--button--icon--tooltip--right::after { + left: calc( 100% + 0.25rem); +} + +.security--button--icon--tooltip--right::before { + transform: translate(0.25rem, -50%); +} + +.security--button--icon--tooltip--right::after { + border-right-color: var(--inverse-02, #f4f4f4); + transform: translate(-0.25rem, -50%); +} + +.security--button--icon--tooltip--bottom::before, .security--button--icon--tooltip--bottom::after { + top: calc( 100% + 0.25rem); +} + +.security--button--icon--tooltip--bottom::before { + transform: translate(-50%, 0.25rem); +} + +.security--button--icon--tooltip--bottom::after { + border-bottom-color: var(--inverse-02, #f4f4f4); + transform: translate(-50%, -0.25rem); +} + +.security--button--icon--tooltip--left::before, .security--button--icon--tooltip--left::after { + right: calc( 100% + 0.25rem); +} + +.security--button--icon--tooltip--left::before { + transform: translate(-0.25rem, -50%); +} + +.security--button--icon--tooltip--left::after { + border-left-color: var(--inverse-02, #f4f4f4); + transform: translate(0.25rem, -50%); +} + +.security--panel--v2 { + display: flex; + position: fixed; + top: 0; + right: 0; + height: 100%; + width: 20rem; + color: var(--text-01, #f4f4f4); + background-color: var(--ui-01, #262626); + flex-direction: column; + justify-content: space-between; + z-index: 10000; +} + +.security--theme--cg10 .security--panel--v2 { + --interactive-01: #0f62fe; + --interactive-02: #697077; + --interactive-03: #ffffff; + --interactive-04: #4589ff; + --ui-background: #121619; + --ui-01: #21272a; + --ui-02: #343a3f; + --ui-03: #343a3f; + --ui-04: #697077; + --ui-05: #f2f4f8; + --text-01: #f2f4f8; + --text-02: #c1c7cd; + --text-03: #697077; + --text-04: #ffffff; + --text-05: #878d96; + --text-error: #ff8389; + --icon-01: #f2f4f8; + --icon-02: #c1c7cd; + --icon-03: #ffffff; + --link-01: #78a9ff; + --inverse-link: #0f62fe; + --field-01: #21272a; + --field-02: #343a3f; + --inverse-01: #121619; + --inverse-02: #f2f4f8; + --support-01: #fa4d56; + --support-02: #42be65; + --support-03: #f1c21b; + --support-04: #4589ff; + --inverse-support-01: #da1e28; + --inverse-support-02: #24a148; + --inverse-support-03: #f1c21b; + --inverse-support-04: #0f62fe; + --overlay-01: rgba(22, 22, 22, 0.7); + --danger: #da1e28; + --focus: #ffffff; + --inverse-focus-ui: #0f62fe; + --hover-primary: #0353e9; + --active-primary: #002d9c; + --hover-primary-text: #a6c8ff; + --hover-secondary: #5a6066; + --active-secondary: #343a3f; + --hover-tertiary: #f2f4f8; + --active-tertiary: #c1c7cd; + --hover-ui: #2f353a; + --active-ui: #4d5358; + --selected-ui: #343a3f; + --inverse-hover-ui: #e0e4ea; + --hover-selected-ui: #464c51; + --hover-danger: #b81921; + --active-danger: #750e13; + --hover-row: #2f353a; + --visited-link: #be95ff; + --disabled-01: #21272a; + --disabled-02: #4d5358; + --disabled-03: #697077; + --highlight: #002d9c; + --skeleton-01: #2f353a; + --skeleton-02: #343a3f; + --brand-01: #0f62fe; + --brand-02: #697077; + --brand-03: #ffffff; + --active-01: #4d5358; + --hover-field: #2f353a; +} + +.security--panel--v2[dir=\\"rtl\\"], +[dir=\\"rtl\\"] .security--panel--v2 { + right: unset; + left: 0; +} + +.security--panel--v2__container .security--header__container { + width: calc( 100% - 3rem - 20rem); +} + +.security--panel--v2__container .security--header__container > .security--header { + width: inherit; +} + +.security--panel--v2__button--close:only-child { + margin-left: auto; +} + +.security--panel--v2__button--close:only-child[dir=\\"rtl\\"], +[dir=\\"rtl\\"] .security--panel--v2__button--close:only-child { + margin-right: auto; + margin-left: unset; +} + +.security--panel--v2__header { + display: flex; + position: fixed; + top: 0; + width: 18rem; + padding-top: 1rem; + padding-bottom: 1rem; + margin-right: 1rem; + margin-left: 1rem; + box-sizing: border-box; + flex-direction: row-reverse; + justify-content: space-between; + border-bottom: 0.0625rem solid var(--ui-04, #6f6f6f); +} + +.security--panel--v2__header__container--title { + width: 14.5rem; +} + +.security--panel--v2__header--title, .security--panel--v2__header--subtitle { + color: var(--text-01, #f4f4f4); + word-break: break-word; +} + +.security--panel--v2__header--title { + font-size: 1.25rem; + font-weight: 400; + line-height: 1.625rem; + letter-spacing: 0; + display: block; + margin-bottom: 0.75rem; +} + +.security--panel--v2__header--subtitle { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +.security--panel--v2__body { + margin-top: 5.5rem; + flex-grow: 1; + overflow-y: auto; +} + +.security--panel--v2__body--content { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + padding-top: 1rem; + padding-bottom: 1rem; + border-bottom: 0.0625rem solid var(--ui-04, #6f6f6f); +} + +.security--panel--v2__body--content:last-child { + border-bottom: none; +} + +.security--panel--v2__body--footer { + margin-bottom: 3rem; +} + +.security--panel--v2__footer { + display: flex; + position: fixed; + bottom: 0; + width: 20rem; +} + +.security--panel--v2__footer .security--button:not(.security--combo-button__overflow-menu) { + max-width: 20rem; + flex-grow: 1; +} + +.security--panel--v2__transition--appear, .security--panel--v2__transition--enter { + transform: translate3d(20rem, 0, 0); + opacity: 0; +} + +.security--panel--v2__transition--appear--active, .security--panel--v2__transition--enter--active { + transform: translate3d(0, 0, 0); + transition: all 240ms; + transition-timing-function: cubic-bezier(0, 0, 0.3, 1); + opacity: 1; +} + +.security--panel--v2__transition--leave { + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.security--panel--v2__transition--leave--active { + transform: translate3d(20rem, 0, 0); + transition: all 240ms; + transition-timing-function: cubic-bezier(0.4, 0.14, 1, 1); + opacity: 0; +} + +.security--decorator { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + display: inline-flex; + box-sizing: border-box; + font-family: \\"IBM Plex Sans\\", \\"Helvetica Neue\\", Arial, sans-serif; + height: 1.625rem; + background-color: var(--hover-ui, #353535); + font-style: normal; + font-stretch: normal; + text-align: left; + text-transform: none; + max-width: 100%; + padding: unset; + border: unset; + vertical-align: middle; + color: var(--text-02, #c6c6c6); + text-decoration: none; +} + +.security--decorator__icon { + padding-left: 0.5rem; +} + +.security--decorator__type, .security--decorator__value { + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.security--decorator--interactive:not(.security--decorator--active) .security--decorator__type { + color: var(--text-02, #c6c6c6); +} + +.security--decorator--interactive:not(.security--decorator--active) .security--decorator__value { + color: var(--hover-primary-text, #a6c8ff); +} + +.security--decorator--interactive:not(.security--decorator--active):visited .security--decorator__value { + color: var(--visited-link, #be95ff); +} + +.security--decorator.security--decorator--interactive:hover { + cursor: pointer; + background-color: var(--active-ui, #525252); +} + +.security--decorator.security--decorator--interactive:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.security--decorator.security--decorator--interactive:active, .security--decorator.security--decorator--interactive:focus, .security--decorator.security--decorator--interactive:hover, .security--decorator.security--decorator--interactive:focus:active { + text-decoration: none; + box-shadow: none; +} + +.security--decorator.security--decorator--interactive:active .security--decorator__value, .security--decorator.security--decorator--interactive:focus .security--decorator__value, .security--decorator.security--decorator--interactive:hover .security--decorator__value, .security--decorator.security--decorator--interactive:focus:active .security--decorator__value { + text-decoration: underline; +} + +.security--decorator.security--decorator--active, .security--decorator.security--decorator--active:hover, .security--decorator.security--decorator:focus:active { + background-color: var(--ui-05, #f4f4f4); + color: var(--active-ui, #525252); +} + +.security--decorator.security--decorator--active:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + outline-color: var(--inverse-focus-ui, #0f62fe); +} + +.security--decorator__icon, .security--decorator__type, .security--decorator__value { + display: inherit; + height: inherit; + align-items: center; + transition-duration: 0.2s; + transition-property: background-color; + transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.security--decorator.security--decorator--inline { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + height: 1.25rem; + vertical-align: middle; +} + +.security--decorator.security--decorator--inline > .security--decorator__icon { + padding-left: 0.25rem; +} + +.security--decorator.security--decorator--inline > .security--decorator__type, .security--decorator.security--decorator--inline > .security--decorator__value { + padding-right: 0.25rem; + padding-left: 0.25rem; +} + +.security--decorator.security--decorator--inline > .security--decorator__type, .security--decorator.security--decorator--inline > .security--decorator__value { + line-height: 1.25rem; +} + +.security--decorator--unknown .security--decorator__icon { + fill: var(--icon-02, #c6c6c6); +} + +.security--decorator--low .security--decorator__icon { + fill: var(--support-03, #f1c21b); +} + +.security--decorator--medium .security--decorator__icon { + fill: #ff832b; +} + +.security--decorator--high .security--decorator__icon, .security--decorator--critical .security--decorator__icon { + fill: var(--support-01, #fa4d56); +} + +.security--decorator--high--active .security--decorator__icon, .security--decorator--high:focus:active .security--decorator__icon, .security--decorator--critical--active .security--decorator__icon, .security--decorator--critical:focus:active .security--decorator__icon { + fill: var(--hover-danger, #b81921); +} + +.security--decorator__type { + border-right: 1px solid var(--ui-01, #262626); + white-space: nowrap; +} + +.security--decorator--active .security--decorator__type { + border-right: 1px solid var(--ui-04, #6f6f6f); +} + +.security--decorator__value { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: inline; + line-height: 1.625rem; +} + +.bx--table-toolbar { + background: var(--ui-01, #262626); + display: flex; + height: 3rem; + overflow: hidden; + position: relative; + width: 100%; +} + +.bx--toolbar-content { + display: flex; + height: 3rem; + width: 100%; + justify-content: flex-end; + transform: translate3d(0, 0, 0); + transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--batch-actions ~ .bx--toolbar-content { + clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); +} + +.bx--toolbar-content .bx--search .bx--search-input { + background-color: transparent; +} + +.bx--batch-actions ~ .bx--toolbar-search-container { + opacity: 1; + transition: opacity 110ms; + display: flex; + align-items: center; +} + +.bx--toolbar-search-container-expandable { + height: 3rem; + width: 3rem; + position: relative; + transition: flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9); + box-shadow: none; +} + +.bx--toolbar-search-container-expandable .bx--search { + width: 3rem; + height: 100%; + position: initial; +} + +.bx--toolbar-search-container-expandable .bx--search .bx--search-magnifier { + height: 3rem; + width: 3rem; + padding: 1rem; + left: 0; + cursor: pointer; + pointer-events: all; + transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9); +} + +.bx--toolbar-search-container-expandable .bx--search .bx--search-magnifier:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--toolbar-search-container-expandable .bx--search .bx--search-magnifier:hover { + background: var(--hover-field, #353535); +} + +.bx--toolbar-search-container-expandable .bx--search .bx--label { + visibility: hidden; +} + +.bx--toolbar-search-container-expandable .bx--search .bx--search-input { + border: none; + height: 100%; + visibility: hidden; + padding: 0; + background-color: transparent; +} + +.bx--toolbar-search-container-expandable .bx--search .bx--search-close { + height: 3rem; + width: 3rem; +} + +.bx--toolbar-search-container-expandable .bx--search .bx--search-close:before { + top: 2px; + height: calc(100% - 4px); + background-color: var(--hover-ui, #353535); +} + +.bx--toolbar-search-container-expandable .bx--search .bx--search-close:focus::before { + background-color: var(--focus, #ffffff); +} + +.bx--toolbar-search-container-active { + flex: auto; + transition: flex 150ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--toolbar-search-container-active .bx--search { + width: 100%; +} + +.bx--toolbar-search-container-active .bx--search .bx--label, +.bx--toolbar-search-container-active .bx--search .bx--search-input { + padding: 0 3rem; + visibility: inherit; +} + +.bx--toolbar-search-container-active .bx--search .bx--search-input:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--toolbar-search-container-active .bx--search .bx--search-input:focus + .bx--search-close { + border: none; + box-shadow: none; + outline: none; +} + +.bx--toolbar-search-container-active .bx--search .bx--search-input:not(:placeholder-shown) { + background: var(--hover-field, #353535); + border: none; +} + +.bx--toolbar-search-container-active .bx--search .bx--search-magnifier:focus, +.bx--toolbar-search-container-active .bx--search .bx--search-magnifier:active, +.bx--toolbar-search-container-active .bx--search .bx--search-magnifier:hover { + outline: none; + border: none; + background: transparent; +} + +.bx--toolbar-search-container-persistent .bx--search-close, +.bx--toolbar-search-container-persistent .bx--search-close:hover, +.bx--toolbar-search-container-active .bx--search .bx--search-close, +.bx--toolbar-search-container-active .bx--search .bx--search-close:hover { + border: none; + background-color: transparent; +} + +.bx--toolbar-search-container-persistent .bx--search-close::before { + display: none; +} + +.bx--overflow-menu.bx--toolbar-action { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + width: 100%; + display: flex; + cursor: pointer; + height: 3rem; + width: 3rem; + padding: 1rem; + transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9); +} + +.bx--overflow-menu.bx--toolbar-action *, +.bx--overflow-menu.bx--toolbar-action *:before, +.bx--overflow-menu.bx--toolbar-action *:after { + box-sizing: inherit; +} + +.bx--overflow-menu.bx--toolbar-action::-moz-focus-inner { + border: 0; +} + +.bx--toolbar-action { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + width: 100%; + display: flex; + cursor: pointer; + height: 3rem; + width: 3rem; + transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9); +} + +.bx--toolbar-action *, +.bx--toolbar-action *:before, +.bx--toolbar-action *:after { + box-sizing: inherit; +} + +.bx--toolbar-action::-moz-focus-inner { + border: 0; +} + +.bx--toolbar-action:hover:not([disabled]) { + background: var(--hover-field, #353535); +} + +.bx--toolbar-action:hover[aria-expanded=\\"true\\"] { + background: var(--ui-01, #262626); +} + +.bx--toolbar-action[disabled] { + cursor: not-allowed; +} + +.bx--toolbar-action[disabled] .bx--toolbar-action__icon { + fill: var(--disabled-02, #525252); + cursor: not-allowed; +} + +.bx--toolbar-action:focus:not([disabled]), +.bx--toolbar-action:active:not([disabled]) { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--toolbar-action:focus:not([disabled]).bx--toolbar-search-container-expandable, +.bx--toolbar-action:active:not([disabled]).bx--toolbar-search-container-expandable { + outline: none; +} + +.bx--toolbar-action ~ .bx--btn { + margin: 0; + height: 3rem; +} + +.bx--overflow-menu--data-table { + height: 3rem; +} + +.bx--toolbar-action__icon { + height: 1rem; + width: auto; + max-width: 1rem; + fill: var(--icon-01, #f4f4f4); +} + +.bx--toolbar-search-container-persistent { + width: 100%; + height: 3rem; + opacity: 1; + position: relative; +} + +.bx--toolbar-search-container-persistent + .bx--toolbar-content { + position: relative; + width: auto; +} + +.bx--toolbar-search-container-persistent .bx--search { + position: initial; +} + +.bx--toolbar-search-container-persistent .bx--search .bx--search-magnifier { + left: 1rem; +} + +.bx--toolbar-search-container-persistent .bx--search .bx--search-input { + height: 3rem; + padding: 0 3rem; + border: none; +} + +.bx--toolbar-search-container-persistent .bx--search .bx--search-input:focus:not([disabled]) { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--toolbar-search-container-persistent .bx--search .bx--search-input:hover:not([disabled]) { + background: var(--hover-field, #353535); +} + +.bx--toolbar-search-container-persistent .bx--search .bx--search-input:active:not([disabled]), +.bx--toolbar-search-container-persistent .bx--search .bx--search-input:not(:placeholder-shown) { + background: var(--hover-field, #353535); +} + +.bx--toolbar-search-container-persistent .bx--search .bx--search-close { + height: 3rem; + width: 3rem; +} + +.bx--batch-actions--active ~ .bx--toolbar-search-container, +.bx--batch-actions--active ~ .bx--toolbar-content { + clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); + transform: translate3d(0, 48px, 0); + transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--batch-actions { + display: flex; + position: absolute; + top: 0; + left: 0; + align-items: center; + padding-left: 1.5rem; + padding-right: 1.5rem; + width: 100%; + height: 100%; + pointer-events: none; + clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); + will-change: transform; + background-color: var(--interactive-01, #0f62fe); + transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9); + transform: translate3d(0, 48px, 0); +} + +.bx--batch-actions:focus { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--batch-actions--active { + clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); + pointer-events: all; + transform: translate3d(0, 0, 0); +} + +.bx--action-list { + position: absolute; + top: 0; + right: 0; + display: flex; +} + +.bx--action-list .bx--btn { + color: var(--text-04, #ffffff); + padding: calc(0.875rem - 3px) 12px; +} + +.bx--action-list .bx--btn .bx--btn__icon { + fill: var(--icon-03, #ffffff); + position: static; + margin-left: 0.5rem; +} + +.bx--action-list .bx--btn .bx--btn__icon .st0 { + fill: none; +} + +.bx--batch-download { + padding: 0.0625rem; +} + +.bx--action-list .bx--btn--primary:focus::before, +.bx--action-list .bx--btn--primary:focus::before, +.bx--action-list .bx--btn--primary::before, +.bx--action-list .bx--btn--primary::before, +.bx--action-list .bx--btn--primary:focus::after, +.bx--action-list .bx--btn--primary:focus::after, +.bx--action-list .bx--btn--primary::after, +.bx--action-list .bx--btn--primary::after { + display: none; +} + +.bx--action-list .bx--btn--primary:focus { + outline: 2px solid var(--ui-01, #262626); + outline-offset: -0.125rem; +} + +.bx--action-list .bx--btn { + min-width: 0; +} + +.bx--action-list .bx--btn--primary:nth-child(3):hover + .bx--btn--primary.bx--batch-summary__cancel::before, +.bx--action-list .bx--btn--primary:nth-child(3):focus + .bx--btn--primary.bx--batch-summary__cancel::before { + opacity: 0; +} + +.bx--btn--primary.bx--batch-summary__cancel::before { + display: block; + position: absolute; + opacity: 1; + top: 0.9375rem; + left: 0; + height: 1rem; + width: 0.0625rem; + content: \\"\\"; + background-color: var(--text-04, #ffffff); + border: none; + transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--btn--primary.bx--batch-summary__cancel:hover::before { + opacity: 0; + transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--batch-summary__cancel { + padding-right: 1rem; + position: relative; +} + +.bx--batch-summary { + position: absolute; + left: 0; + margin-left: 1rem; + display: flex; + align-items: center; + color: var(--text-04, #ffffff); +} + +.bx--batch-summary__para { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +.bx--table-toolbar--small { + height: 2rem; +} + +.bx--table-toolbar--small .bx--toolbar-search-container-expandable, +.bx--table-toolbar--small .bx--toolbar-search-container-persistent { + height: 2rem; +} + +.bx--table-toolbar--small .bx--toolbar-search-container-expandable .bx--search .bx--search-input, +.bx--table-toolbar--small .bx--toolbar-search-container-persistent .bx--search .bx--search-input { + height: 2rem; +} + +.bx--table-toolbar--small .bx--toolbar-search-container-expandable .bx--search .bx--search-close, +.bx--table-toolbar--small .bx--toolbar-search-container-persistent .bx--search .bx--search-close { + height: 2rem; + width: 2rem; +} + +.bx--table-toolbar--small .bx--toolbar-search-container-expandable .bx--search .bx--search-magnifier, +.bx--table-toolbar--small .bx--toolbar-search-container-persistent .bx--search .bx--search-magnifier { + height: 2rem; + width: 2rem; + padding: 0.5rem; +} + +.bx--table-toolbar--small .bx--toolbar-search-container-expandable { + width: 2rem; +} + +.bx--table-toolbar--small .bx--toolbar-search-container-expandable .bx--search .bx--search-input { + padding: 0 3rem; +} + +.bx--table-toolbar--small .bx--toolbar-search-container-active { + flex: auto; + transition: flex 175ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search .bx--search-input { + visibility: visible; +} + +.bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search .bx--search-input:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + background: var(--hover-field, #353535); +} + +.bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search .bx--search-input:active, +.bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search .bx--search-input:not(:placeholder-shown) { + background: var(--hover-field, #353535); +} + +.bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search .bx--search-magnifier:focus, +.bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search .bx--search-magnifier:active, +.bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search .bx--search-magnifier:hover { + outline: 2px solid transparent; + outline-offset: -2px; + background: transparent; +} + +.bx--table-toolbar--small .bx--batch-actions .bx--action-list { + height: 2rem; +} + +.bx--table-toolbar--small .bx--toolbar-action { + height: 2rem; + width: 2rem; + padding: 0.5rem; +} + +.bx--table-toolbar--small .bx--btn--primary { + padding-top: 0.1875rem; + height: 2rem; +} + +.bx--table-toolbar--small .bx--btn--primary.bx--batch-summary__cancel::before { + top: 0.5rem; +} + +.bx--table-toolbar--small .bx--toolbar-action ~ .bx--btn { + height: 2rem; + width: 10rem; + overflow: hidden; +} + +.bx--data-table-container { + min-width: 31.25rem; + overflow-x: auto; + padding-top: 0.125rem; +} + +.bx--data-table-header { + background: var(--ui-01, #262626); + padding: 1rem 0 1.5rem 1rem; +} + +.bx--data-table-header__title { + font-size: 1.25rem; + font-weight: 400; + line-height: 1.625rem; + letter-spacing: 0; + color: var(--text-01, #f4f4f4); +} + +.bx--data-table-header__description { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + color: var(--text-02, #c6c6c6); +} + +.bx--data-table { + border-collapse: collapse; + border-spacing: 0; + width: 100%; +} + +.bx--data-table thead { + font-size: 0.875rem; + font-weight: 600; + line-height: 1.125rem; + letter-spacing: 0.16px; + background-color: var(--ui-03, #393939); +} + +.bx--data-table tbody { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + background-color: var(--ui-01, #262626); + width: 100%; +} + +.bx--data-table tr { + border: none; + height: 3rem; + width: 100%; +} + +.bx--data-table tbody tr, +.bx--data-table tbody tr td, +.bx--data-table tbody tr th { + transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9); +} + +.bx--data-table tbody tr:hover { + background: var(--hover-field, #353535); +} + +.bx--data-table tbody tr:hover td, +.bx--data-table tbody tr:hover th { + color: var(--text-01, #f4f4f4); + background: var(--hover-field, #353535); + border-bottom: 1px solid var(--hover-field, #353535); + border-top: 1px solid var(--hover-field, #353535); +} + +.bx--data-table th, +.bx--data-table td { + padding-left: 1rem; + padding-right: 1rem; + vertical-align: top; + text-align: left; +} + +.bx--data-table th { + color: var(--text-01, #f4f4f4); + background-color: var(--ui-03, #393939); +} + +.bx--data-table th:first-of-type:not(.bx--table-expand) { + padding-left: 1rem; +} + +.bx--data-table th:last-of-type { + position: static; + width: auto; +} + +.bx--data-table .bx--table-header-label { + display: block; + padding: 0.875rem 0; + text-align: left; +} + +.bx--data-table td, +.bx--data-table tbody th { + background: var(--ui-01, #262626); + color: var(--text-02, #c6c6c6); + border-top: 1px solid var(--ui-01, #262626); + border-bottom: 1px solid var(--ui-03, #393939); + padding: 0.875rem 1rem; + padding-bottom: 0.8125rem; +} + +.bx--data-table td + td:first-of-type, +.bx--data-table tbody th + td:first-of-type { + padding-left: 0.75rem; +} + +@supports (-moz-appearance: none) { + .bx--data-table td { + background-clip: padding-box; + } +} + +.bx--data-table td:first-of-type { + padding-left: 1rem; +} + +.bx--data-table td:last-of-type { + padding-right: 1rem; +} + +.bx--data-table .bx--table-column-menu, +.bx--data-table .bx--table-column-menu:last-of-type { + width: 3.25rem; + min-width: 3.25rem; + padding-top: 0.5rem; + padding-right: 0.5rem; +} + +.bx--data-table td.bx--table-column-menu { + padding-bottom: 0; +} + +.bx--data-table td.bx--table-column-menu .bx--overflow-menu[aria-expanded=\\"false\\"]:hover { + background: var(--ui-03, #393939); +} + +.bx--data-table td .bx--overflow-menu { + margin: -0.4375rem 0 -0.5rem; +} + +.bx--data-table.bx--data-table--compact td .bx--overflow-menu { + margin: 0; +} + +.bx--data-table td.bx--table-column-menu .bx--overflow-menu[aria-expanded=\\"false\\"]:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--data-table td.bx--table-column-menu .bx--overflow-menu[aria-expanded=\\"true\\"]:focus { + outline: none; +} + +@media screen and (hover: hover), (-ms-high-contrast: active), (-ms-high-contrast: none) { + .bx--data-table td.bx--table-column-menu .bx--overflow-menu .bx--overflow-menu__icon { + opacity: 0; + } +} + +.bx--data-table.bx--data-table--visible-overflow-menu td.bx--table-column-menu .bx--overflow-menu .bx--overflow-menu__icon, +.bx--data-table td.bx--table-column-menu .bx--overflow-menu:hover .bx--overflow-menu__icon, +.bx--data-table td.bx--table-column-menu .bx--overflow-menu:focus .bx--overflow-menu__icon, +.bx--data-table tr:hover td.bx--table-column-menu .bx--overflow-menu .bx--overflow-menu__icon { + opacity: 1; +} + +.bx--table-row--menu-option .bx--overflow-menu-options__btn .bx--overflow-menu-options__option-content svg { + margin-right: 0.5rem; + position: relative; + top: 0.1875rem; +} + +.bx--data-table--selected .bx--overflow-menu:hover, +.bx--data-table--selected .bx--overflow-menu__trigger:hover { + background-color: var(--hover-field, #353535); +} + +.bx--data-table--zebra tbody tr:nth-child(even) td { + border-bottom: 1px solid var(--ui-01, #262626); +} + +.bx--data-table--zebra tbody tr:nth-child(odd) td { + background-color: var(--ui-02, #393939); + border-bottom: 1px solid var(--ui-02, #393939); + border-top: 1px solid var(--ui-02, #393939); +} + +.bx--data-table--zebra tbody tr:hover td { + background-color: var(--hover-field, #353535); + border-bottom: 1px solid var(--hover-field, #353535); + border-top: 1px solid var(--hover-field, #353535); +} + +.bx--table-column-checkbox .bx--checkbox-label { + padding-left: 1rem; +} + +.bx--data-table th.bx--table-column-checkbox { + position: static; + background: var(--ui-03, #393939); + padding: 0.75rem 0.5rem 0 1rem; + width: 2.75rem; + transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9); +} + +.bx--data-table td.bx--table-column-checkbox { + padding-top: 0.6875rem; + padding-bottom: 0; +} + +.bx--date-table tbody th.bx--table-column-checkbox:hover { + background: var(--hover-selected-ui, #4c4c4c); +} + +.bx--data-table--zebra tbody tr:nth-child(odd).bx--data-table--selected td, +tr.bx--data-table--selected td { + color: var(--text-01, #f4f4f4); + background-color: var(--selected-ui, #393939); + border-top: 1px solid var(--selected-ui, #393939); + border-bottom: 1px solid var(--active-ui, #525252); +} + +.bx--data-table--zebra tbody tr:first-of-type:nth-child(odd).bx--data-table--selected td, +tr.bx--data-table--selected:first-of-type td { + border-top: 1px solid var(--active-ui, #525252); +} + +.bx--data-table--zebra tbody tr:last-of-type:nth-child(odd).bx--data-table--selected td, +.bx--data-table--zebra tbody tr:last-of-type:nth-child(even).bx--data-table--selected td, +tr.bx--data-table--selected:last-of-type td { + border-top: 1px solid var(--selected-ui, #393939); + border-bottom: 1px solid var(--selected-ui, #393939); +} + +.bx--data-table--zebra tbody tr:nth-child(even).bx--data-table--selected td { + border-bottom: 1px solid var(--active-ui, #525252); +} + +.bx--data-table--zebra tbody tr:nth-child(even).bx--data-table--selected:hover td { + border-bottom: 1px solid var(--hover-selected-ui, #4c4c4c); +} + +.bx--data-table--zebra tbody tr:nth-child(odd).bx--data-table--selected:hover td, +.bx--data-table tbody .bx--data-table--selected:hover td { + color: var(--text-01, #f4f4f4); + background: var(--hover-selected-ui, #4c4c4c); + border-top: 1px solid var(--hover-selected-ui, #4c4c4c); + border-bottom: 1px solid var(--hover-selected-ui, #4c4c4c); +} + +.bx--data-table--selected .bx--overflow-menu .bx--overflow-menu__icon { + opacity: 1; +} + +.bx--data-table--compact thead tr, +.bx--data-table--compact tbody tr, +.bx--data-table--compact tbody tr th { + height: 1.5rem; +} + +.bx--data-table--compact .bx--table-header-label { + padding: 0.125rem 0; +} + +.bx--data-table--compact td, +.bx--data-table--compact tbody tr th { + padding-top: 0.125rem; + padding-bottom: 0.125rem; +} + +.bx--data-table--compact .bx--overflow-menu { + width: 2rem; + height: 1.4375rem; +} + +.bx--data-table.bx--data-table--compact .bx--table-column-menu { + padding-top: 0; +} + +.bx--data-table.bx--data-table--compact .bx--table-column-checkbox { + padding-top: 0; + padding-bottom: 0; +} + +.bx--data-table.bx--data-table--compact .bx--table-column-checkbox .bx--checkbox-label { + min-height: 1.4375rem; + height: 1.4375rem; +} + +.bx--data-table--short thead tr, +.bx--data-table--short tbody tr, +.bx--data-table--short tbody tr th { + height: 2rem; +} + +.bx--data-table--short .bx--table-header-label { + padding: 0.4375rem 0; +} + +.bx--data-table--short td, +.bx--data-table--short tbody tr th { + padding-top: 0.4375rem; + padding-bottom: 0.375rem; +} + +.bx--data-table--short .bx--overflow-menu { + height: 1.9375rem; +} + +.bx--data-table.bx--data-table--short .bx--table-column-menu { + padding-top: 0; +} + +.bx--data-table.bx--data-table--short .bx--table-column-checkbox { + padding-top: 0.1875rem; + padding-bottom: 0.1875rem; +} + +.bx--data-table--tall thead tr, +.bx--data-table--tall tbody tr, +.bx--data-table--tall tbody tr th { + height: 4rem; +} + +.bx--data-table--tall .bx--table-header-label { + padding: 1rem 0; +} + +.bx--data-table--tall td, +.bx--data-table--tall tbody tr th { + padding-top: 1rem; +} + +.bx--data-table--cell-secondary-text { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; +} + +.bx--data-table.bx--data-table--tall .bx--table-column-menu, +.bx--data-table.bx--data-table--tall .bx--table-column-checkbox { + padding-top: 0.75rem; +} + +.bx--data-table--static { + width: auto; +} + +.bx--data-table_inner-container { + background-color: var(--ui-03, #393939); + padding-top: 3rem; + transform: translateZ(0); +} + +.bx--data-table--sticky-header { + display: block; + overflow-y: scroll; +} + +.bx--data-table--sticky-header thead, +.bx--data-table--sticky-header tbody, +.bx--data-table--sticky-header tr, +.bx--data-table--sticky-header th, +.bx--data-table--sticky-header td { + display: flex; +} + +.bx--data-table--sticky-header thead { + position: fixed; + top: 0; + width: 100%; + overflow: scroll; + -ms-overflow-style: none; + will-change: transform; +} + +.bx--data-table--sticky-header thead tr th { + border-bottom: 1px solid var(--active-ui, #525252); +} + +.bx--data-table--sticky-header tbody { + flex-direction: column; + overflow-x: scroll; + -ms-overflow-style: none; + will-change: transform; +} + +.bx--data-table--sticky-header tr { + min-height: 3rem; + height: auto; +} + +.bx--data-table--sticky-header tr.bx--data-table--selected:first-of-type td { + border-top: none; +} + +.bx--data-table--sticky-header thead::-webkit-scrollbar, +.bx--data-table--sticky-header tbody::-webkit-scrollbar { + display: none; +} + +@-moz-document url-prefix() { + .bx--data-table--sticky-header thead, + .bx--data-table--sticky-header tbody { + scrollbar-width: none; + } +} + +.bx--data-table--sticky-header tbody tr:last-of-type { + border-bottom: 0; +} + +.bx--data-table--sticky-header th:not(.bx--table-column-checkbox):not(.bx--table-column-menu):not(.bx--table-expand-v2):not(.bx--table-column-icon), +.bx--data-table--sticky-header td:not(.bx--table-column-checkbox):not(.bx--table-column-menu):not(.bx--table-expand-v2):not(.bx--table-column-icon) { + width: 100%; + min-width: 0; +} + +.bx--data-table--sticky-header .bx--table-header-label { + max-width: calc(100% - 10px); + display: block; + overflow-x: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.bx--data-table--max-width { + max-width: 56.25rem; +} + +.bx--data-table--sticky-header { + max-height: 18.75rem; +} + +.bx--data-table tr.bx--parent-row:first-of-type td { + border-top: 1px solid var(--ui-03, #393939); +} + +.bx--expandable-row--hidden td { + border-top: 0; + width: auto; + padding: 1rem; +} + +tr.bx--parent-row:not(.bx--expandable-row) + tr[data-child-row] { + height: 0; + transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +tr.bx--parent-row:not(.bx--expandable-row) + tr[data-child-row] td { + padding-top: 0; + padding-bottom: 0; + border: 0; + background-color: var(--hover-ui, #353535); + transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +tr.bx--parent-row:not(.bx--expandable-row) + tr[data-child-row] td .bx--child-row-inner-container { + overflow: hidden; + max-height: 0; +} + +tr.bx--parent-row.bx--expandable-row + tr[data-child-row] { + transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +tr.bx--parent-row.bx--expandable-row + tr[data-child-row] td { + border-bottom: 1px solid var(--ui-03, #393939); +} + +tr.bx--parent-row.bx--expandable-row + tr[data-child-row] td .bx--child-row-inner-container { + max-height: 100%; +} + +.bx--parent-row.bx--expandable-row > td, +.bx--parent-row.bx--expandable-row + tr[data-child-row] > td { + border-bottom: 1px solid var(--ui-03, #393939); + box-shadow: 0 1px var(--ui-03, #393939); +} + +.bx--parent-row:not(.bx--expandable-row) + tr[data-child-row] > td { + box-shadow: none; +} + +.bx--parent-row.bx--expandable-row > td:first-of-type { + box-shadow: none; +} + +tr.bx--parent-row:not(.bx--expandable-row) td, +tr.bx--parent-row.bx--expandable-row td, +tr.bx--parent-row.bx--expandable-row { + transition: height 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +tr.bx--parent-row.bx--expandable-row + tr[data-child-row] td { + transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +tr.bx--parent-row:not(.bx--expandable-row):first-of-type:hover td { + border-top: 1px solid var(--ui-03, #393939); + border-bottom: 1px solid var(--ui-03, #393939); +} + +tr.bx--parent-row.bx--expandable-row:hover td { + background-color: var(--hover-ui, #353535); + border-top: 1px solid var(--ui-03, #393939); + border-bottom: 1px solid var(--ui-03, #393939); + color: var(--text-01, #f4f4f4); +} + +tr.bx--parent-row.bx--expandable-row:hover td:first-of-type { + border-bottom: 1px solid transparent; +} + +tr.bx--parent-row.bx--expandable-row:hover + tr[data-child-row] td { + background-color: var(--hover-ui, #353535); + color: var(--text-01, #f4f4f4); + border-bottom: 1px solid var(--ui-03, #393939); +} + +tr.bx--expandable-row--hover + tr[data-child-row] td { + border-bottom: 1px solid var(--ui-03, #393939); +} + +tr.bx--expandable-row--hover { + background-color: var(--hover-ui, #353535); +} + +tr.bx--expandable-row--hover td { + background-color: var(--hover-ui, #353535); + border-bottom: 1px solid var(--ui-03, #393939); + border-top: 1px solid var(--ui-03, #393939); + color: var(--text-01, #f4f4f4); +} + +tr.bx--parent-row.bx--expandable-row.bx--expandable-row--hover td:first-of-type { + border-bottom: 1px solid transparent; +} + +.bx--data-table td.bx--table-expand { + width: 2.5rem; + min-width: 2.5rem; + height: 3rem; + vertical-align: top; + padding: 0; + border-bottom: 1px solid var(--ui-03, #393939); +} + +.bx--data-table td.bx--table-expand[data-previous-value=\\"collapsed\\"] { + border-bottom: 1px solid transparent; +} + +.bx--table-expand[data-previous-value=\\"collapsed\\"] .bx--table-expand__svg { + transform: rotate(270deg); + transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--table-expand__button { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + display: flex; + justify-content: space-around; + align-items: center; + height: 100%; + width: 100%; +} + +.bx--table-expand__button *, +.bx--table-expand__button *:before, +.bx--table-expand__button *:after { + box-sizing: inherit; +} + +.bx--table-expand__button::-moz-focus-inner { + border: 0; +} + +.bx--data-table--short .bx--table-expand__button { + height: auto; +} + +.bx--table-expand__button:focus { + outline: 1px solid transparent; +} + +.bx--table-expand__button:focus .bx--table-expand__svg { + box-shadow: inset 0px 0px 0px 1px var(--focus, #ffffff); +} + +.bx--table-expand__svg { + fill: var(--ui-05, #f4f4f4); + transform: rotate(90deg); + transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +th.bx--table-expand { + position: relative; + vertical-align: middle; +} + +th.bx--table-expand + th.bx--table-column-checkbox { + padding-left: 0.5rem; +} + +tr.bx--parent-row.bx--expandable-row td.bx--table-expand + td::after { + position: absolute; + content: \\"\\"; + left: 0; + bottom: -0.0625rem; + height: 0.0625rem; + width: 0.5rem; + background: var(--ui-03, #393939); +} + +tr.bx--parent-row.bx--expandable-row:hover td.bx--table-expand + td::after, +tr.bx--parent-row.bx--expandable-row.bx--expandable-row--hover td.bx--table-expand + td::after { + background: var(--hover-ui, #353535); +} + +tr.bx--parent-row.bx--data-table--selected td.bx--table-expand + td::after { + display: none; +} + +tr.bx--parent-row.bx--data-table--selected:first-of-type td { + background: var(--selected-ui, #393939); + border-top: 1px solid var(--active-ui, #525252); + border-bottom: 1px solid var(--ui-03, #393939); + box-shadow: 0 1px var(--active-ui, #525252); +} + +tr.bx--parent-row.bx--data-table--selected td { + background: var(--selected-ui, #393939); + color: var(--text-01, #f4f4f4); + border-bottom: 1px solid transparent; + box-shadow: 0 1px var(--active-ui, #525252); +} + +tr.bx--parent-row.bx--data-table--selected:last-of-type td { + background: var(--selected-ui, #393939); + border-bottom: 1px solid transparent; + box-shadow: 0 1px var(--ui-03, #393939); +} + +tr.bx--parent-row.bx--data-table--selected:not(.bx--expandable-row):hover td { + background: var(--hover-selected-ui, #4c4c4c); + border-top: 1px solid var(--hover-selected-ui, #4c4c4c); + border-bottom: 1px solid var(--ui-03, #393939); + box-shadow: 0 1px var(--hover-selected-ui, #4c4c4c); +} + +tr.bx--parent-row.bx--data-table--selected.bx--expandable-row td, +tr.bx--parent-row.bx--data-table--selected.bx--expandable-row td:first-of-type { + border-bottom: 1px solid transparent; + box-shadow: 0 1px var(--selected-ui, #393939); +} + +tr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover td, +tr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover td:first-of-type, +tr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover td, +tr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover td:first-of-type { + background: var(--hover-selected-ui, #4c4c4c); + border-top: 1px solid var(--hover-selected-ui, #4c4c4c); + border-bottom: 1px solid transparent; + box-shadow: 0 1px var(--hover-selected-ui, #4c4c4c); +} + +tr.bx--parent-row.bx--data-table--selected.bx--expandable-row + tr[data-child-row] td { + color: var(--text-01, #f4f4f4); + background-color: var(--hover-ui, #353535); + border-bottom: 1px solid var(--ui-03, #393939); + box-shadow: 0 1px var(--active-ui, #525252); + border-top: 1px solid var(--active-ui, #525252); +} + +tr.bx--parent-row.bx--data-table--selected.bx--expandable-row + tr[data-child-row]:last-of-type td { + box-shadow: inset 0 -1px var(--active-ui, #525252); + padding-bottom: 1.5rem; +} + +tr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover + tr[data-child-row] td, +tr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover + tr[data-child-row] td { + background: var(--selected-ui, #393939); +} + +.bx--data-table--sort th, +.bx--data-table--sort th:first-of-type:not(.bx--table-column-checkbox):not(.bx--table-expand) { + padding: 0; +} + +.bx--data-table--sort th { + height: 3rem; + border-top: none; + border-bottom: none; +} + +.bx--data-table--sort td { + padding-left: 1rem; + padding-right: 1rem; +} + +.bx--data-table--sort th:first-of-type .bx--table-sort { + padding-left: 1rem; +} + +.bx--table-sort { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + position: relative; + font: inherit; + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + color: var(--text-01, #f4f4f4); + padding: 0 1rem; + height: 100%; + background-color: var(--ui-03, #393939); + transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9); +} + +.bx--table-sort *, +.bx--table-sort *:before, +.bx--table-sort *:after { + box-sizing: inherit; +} + +.bx--table-sort::-moz-focus-inner { + border: 0; +} + +.bx--table-sort:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--table-sort:hover { + background: var(--hover-selected-ui, #4c4c4c); +} + +.bx--table-sort:focus svg, +.bx--table-sort:hover svg { + opacity: 1; +} + +.bx--table-sort .bx--table-sort__icon-inactive { + display: block; +} + +.bx--table-sort .bx--table-sort__icon { + display: none; +} + +.bx--table-sort__icon-unsorted { + position: relative; + left: 0.125rem; + margin-left: 0.5rem; + margin-right: 0; + opacity: 0; + fill: var(--ui-05, #f4f4f4); + width: auto; + min-width: 1rem; +} + +.bx--table-sort.bx--table-sort--active .bx--table-sort__icon-unsorted { + display: none; +} + +.bx--table-sort.bx--table-sort--active .bx--table-sort__icon { + display: block; + opacity: 1; +} + +.bx--table-sort--ascending .bx--table-sort__icon { + transform: rotate(180deg); +} + +.bx--table-sort__icon { + position: relative; + left: 0.125rem; + margin-left: 0.5rem; + margin-right: 0; + transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9); + transform: rotate(0); + opacity: 0; + fill: var(--ui-05, #f4f4f4); + width: auto; + min-width: 1rem; +} + +.bx--data-table--compact.bx--data-table--sort th { + height: 1.5rem; +} + +.bx--data-table--compact.bx--data-table--sort th .bx--table-sort { + padding-top: 0; + padding-bottom: 0; +} + +.bx--data-table--short.bx--data-table--sort th { + height: 2rem; +} + +.bx--data-table--short.bx--data-table--sort th .bx--table-sort { + padding-top: 0; + padding-bottom: 0; +} + +.bx--data-table--tall.bx--data-table--sort th { + height: 4rem; +} + +.bx--data-table--tall.bx--data-table--sort th .bx--table-sort { + padding-top: 0; + padding-bottom: 0; +} + +.bx--data-table--tall.bx--data-table--sort th .bx--table-sort svg { + align-self: flex-start; + top: 0.5rem; +} + +.bx--data-table--tall.bx--data-table--sort th .bx--table-sort .bx--table-header-label { + align-self: flex-start; + position: relative; + top: -0.5rem; + max-height: 3rem; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; +} + +.bx--inline-edit-label { + display: flex; + justify-content: space-between; + align-items: center; +} + +.bx--inline-edit-label:hover .bx--inline-edit-label__icon { + opacity: 1; +} + +.bx--inline-edit-label--inactive { + display: none; +} + +.bx--inline-edit-label__action { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; +} + +.bx--inline-edit-label__action *, +.bx--inline-edit-label__action *:before, +.bx--inline-edit-label__action *:after { + box-sizing: inherit; +} + +.bx--inline-edit-label__action::-moz-focus-inner { + border: 0; +} + +.bx--inline-edit-label__action:hover { + cursor: pointer; +} + +.bx--inline-edit-label__action:focus { + outline: 1px solid var(--focus, #ffffff); + padding: 0.125rem; +} + +.bx--inline-edit-label__action:focus .bx--inline-edit-label__icon { + width: auto; + opacity: 1; +} + +.bx--inline-edit-label__icon { + fill: var(--ui-05, #f4f4f4); + opacity: 0; +} + +.bx--inline-edit-input { + display: none; +} + +.bx--inline-edit-input--active { + display: block; + margin-left: -0.75rem; +} + +.bx--inline-edit-input--active input { + padding-left: 0.75rem; +} + +.bx--data-table--short input { + height: 2rem; +} + +.bx--data-table--short select { + padding: 0.45rem 2.75rem 0.45rem 1rem; +} + +.bx--data-table--short .bx--select__arrow { + top: 0.875rem; +} + +.bx--data-table.bx--skeleton th { + vertical-align: middle; +} + +.bx--data-table.bx--skeleton th:nth-child(3n + 1) { + width: 10%; +} + +.bx--data-table.bx--skeleton th:nth-child(3n + 2) { + width: 30%; +} + +.bx--data-table.bx--skeleton th:nth-child(3n + 3) { + width: 15%; +} + +.bx--data-table.bx--skeleton th span, +.bx--data-table.bx--skeleton td span { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 75%; + height: 1rem; + display: block; +} + +.bx--data-table.bx--skeleton th span:hover, .bx--data-table.bx--skeleton th span:focus, .bx--data-table.bx--skeleton th span:active, +.bx--data-table.bx--skeleton td span:hover, +.bx--data-table.bx--skeleton td span:focus, +.bx--data-table.bx--skeleton td span:active { + border: none; + outline: none; + cursor: default; +} + +.bx--data-table.bx--skeleton th span:before, +.bx--data-table.bx--skeleton td span:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--data-table.bx--skeleton th span:before, + .bx--data-table.bx--skeleton td span:before { + animation: none; + } +} + +.bx--data-table.bx--skeleton tr:hover td { + border-color: var(--ui-03, #393939); + background: transparent; +} + +.bx--data-table.bx--skeleton tr:hover td:first-of-type, .bx--data-table.bx--skeleton tr:hover td:last-of-type { + border-color: var(--ui-03, #393939); +} + +.bx--data-table-v2.bx--skeleton .bx--table-sort-v2 { + pointer-events: none; +} + +.bx--fieldset { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + margin-bottom: 2rem; +} + +.bx--fieldset *, +.bx--fieldset *:before, +.bx--fieldset *:after { + box-sizing: inherit; +} + +.bx--form-item { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + display: flex; + flex-direction: column; + flex: 1 1 auto; + align-items: flex-start; +} + +.bx--label { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + color: var(--text-02, #c6c6c6); + font-weight: 400; + display: inline-block; + vertical-align: baseline; + margin-bottom: 0.5rem; + line-height: 1rem; +} + +.bx--label *, +.bx--label *:before, +.bx--label *:after { + box-sizing: inherit; +} + +.bx--label .bx--tooltip__trigger { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; +} + +.bx--label.bx--skeleton { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 4.6875rem; + height: 0.875rem; +} + +.bx--label.bx--skeleton:hover, .bx--label.bx--skeleton:focus, .bx--label.bx--skeleton:active { + border: none; + outline: none; + cursor: default; +} + +.bx--label.bx--skeleton:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--label.bx--skeleton:before { + animation: none; + } +} + +input[type=\\"number\\"] { + font-family: \\"IBM Plex Mono\\", \\"Menlo\\", \\"DejaVu Sans Mono\\", \\"Bitstream Vera Sans Mono\\", Courier, monospace; +} + +input[data-invalid], +.bx--text-input__field-wrapper[data-invalid], +.bx--text-area__wrapper[data-invalid] > .bx--text-area--invalid, +.bx--select-input__wrapper[data-invalid], +.bx--list-box[data-invalid], +.bx--combo-box[data-invalid] .bx--text-input { + outline: 2px solid var(--support-01, #fa4d56); + outline-offset: -2px; +} + +input[data-invalid] ~ .bx--form-requirement, +.bx--text-input__field-wrapper[data-invalid] ~ .bx--form-requirement, +.bx--text-area__wrapper[data-invalid] ~ .bx--form-requirement, +.bx--select-input__wrapper[data-invalid] ~ .bx--form-requirement, +.bx--time-picker[data-invalid] ~ .bx--form-requirement, +.bx--list-box[data-invalid] ~ .bx--form-requirement { + max-height: 12.5rem; + display: block; + color: var(--text-error, #ff8389); +} + +input:not(output):not([data-invalid]):-moz-ui-invalid { + box-shadow: none; +} + +.bx--form-requirement { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + margin: 0.25rem 0 0; + max-height: 0; + overflow: hidden; + line-height: 1.5; + display: none; +} + +.bx--form-requirement *, +.bx--form-requirement *:before, +.bx--form-requirement *:after { + box-sizing: inherit; +} + +.bx--label + .bx--form__helper-text { + margin-top: -0.375rem; +} + +.bx--form__helper-text { + font-size: 0.75rem; + line-height: 1rem; + letter-spacing: 0.32px; + color: var(--text-05, #8d8d8d); + z-index: 0; + opacity: 1; + margin-bottom: 0.5rem; + max-width: 75%; +} + +.bx--label--disabled, +.bx--form__helper-text--disabled { + color: var(--disabled-02, #525252); +} + +.bx--form-item.bx--checkbox-wrapper { + margin-bottom: 0.25rem; +} + +.bx--form-item.bx--checkbox-wrapper:first-of-type { + margin-top: 0.1875rem; +} + +.bx--label + .bx--form-item.bx--checkbox-wrapper { + margin-top: -0.125rem; +} + +.bx--form-item.bx--checkbox-wrapper:last-of-type { + margin-bottom: 0.1875rem; +} + +.bx--checkbox { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + visibility: visible; + white-space: nowrap; +} + +.bx--checkbox-label { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + line-height: 1.5rem; + position: relative; + display: flex; + cursor: pointer; + padding-left: 1.625rem; + min-height: 1.5rem; + user-select: none; +} + +.bx--checkbox-label *, +.bx--checkbox-label *:before, +.bx--checkbox-label *:after { + box-sizing: inherit; +} + +.bx--checkbox-label::before, +.bx--checkbox-label::after { + box-sizing: border-box; +} + +.bx--checkbox-label::before { + content: \\"\\"; + width: 1rem; + height: 1rem; + margin: 0.125rem; + position: absolute; + left: 0; + top: 0.125rem; + background-color: transparent; + border: 1px solid var(--ui-05, #f4f4f4); + border-radius: 1px; +} + +.bx--checkbox-label::after { + content: \\"\\"; + position: absolute; + left: 0.375rem; + top: 0.5rem; + width: 0.5625rem; + height: 0.3125rem; + background: none; + border-left: 2px solid var(--inverse-01, #161616); + border-bottom: 2px solid var(--inverse-01, #161616); + transform: scale(0) rotate(-45deg); + transform-origin: bottom right; + margin-top: -0.1875rem; +} + +.bx--checkbox:checked + .bx--checkbox-label::before, +.bx--checkbox:indeterminate + .bx--checkbox-label::before, +.bx--checkbox-label[data-contained-checkbox-state=\\"true\\"]::before, +.bx--checkbox-label[data-contained-checkbox-state=\\"mixed\\"]::before { + background-color: var(--ui-05, #f4f4f4); + border-color: var(--ui-05, #f4f4f4); + border-width: 1px; +} + +.bx--checkbox:checked + .bx--checkbox-label::after, +.bx--checkbox-label[data-contained-checkbox-state=\\"true\\"]::after { + transform: scale(1) rotate(-45deg); +} + +.bx--checkbox:indeterminate + .bx--checkbox-label::after, +.bx--checkbox-label[data-contained-checkbox-state=\\"mixed\\"]::after { + transform: scale(1) rotate(0deg); + border-left: 0 solid var(--inverse-01, #161616); + border-bottom: 2px solid var(--inverse-01, #161616); + width: 0.5rem; + top: 0.6875rem; +} + +.bx--checkbox:focus + .bx--checkbox-label::before, +.bx--checkbox-label__focus::before, +.bx--checkbox:checked:focus + .bx--checkbox-label::before, +.bx--checkbox-label[data-contained-checkbox-state=\\"true\\"].bx--checkbox-label__focus::before, +.bx--checkbox:indeterminate:focus + .bx--checkbox-label::before, +.bx--checkbox-label[data-contained-checkbox-state=\\"mixed\\"].bx--checkbox-label__focus::before { + border-color: var(--focus, #ffffff); + border-width: 3px; + width: 1.25rem; + height: 1.25rem; + left: -2px; + top: 0; +} + +[disabled] ~ _ { + font-size: inherit; +} + +.bx--checkbox:disabled + .bx--checkbox-label, +.bx--checkbox-label[data-contained-checkbox-disabled=\\"true\\"] { + cursor: not-allowed; + color: var(--disabled-02, #525252); +} + +.bx--checkbox:disabled + .bx--checkbox-label::before, +.bx--checkbox-label[data-contained-checkbox-disabled=\\"true\\"]::before { + border-color: var(--disabled-02, #525252); +} + +.bx--checkbox:checked:disabled + .bx--checkbox-label::before, +.bx--checkbox:indeterminate:disabled + .bx--checkbox-label::before, +.bx--checkbox-label[data-contained-checkbox-state=\\"true\\"][data-contained-checkbox-disabled=\\"true\\"]::before, +.bx--checkbox-label[data-contained-checkbox-state=\\"mixed\\"][data-contained-checkbox-disabled=\\"true\\"]::before { + background-color: var(--disabled-02, #525252); +} + +.bx--checkbox-label-text.bx--skeleton { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 6.25rem; + height: 1rem; + margin: auto 0; +} + +.bx--checkbox-label-text.bx--skeleton:hover, .bx--checkbox-label-text.bx--skeleton:focus, .bx--checkbox-label-text.bx--skeleton:active { + border: none; + outline: none; + cursor: default; +} + +.bx--checkbox-label-text.bx--skeleton:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--checkbox-label-text.bx--skeleton:before { + animation: none; + } +} + +.bx--checkbox:focus + .bx--checkbox-label::before, +.bx--checkbox-label__focus::before, +.bx--checkbox:checked:focus + .bx--checkbox-label::before, +.bx--checkbox-label[data-contained-checkbox-state=\\"true\\"].bx--checkbox-label__focus::before, +.bx--checkbox:indeterminate:focus + .bx--checkbox-label::before, +.bx--checkbox-label[data-contained-checkbox-state=\\"mixed\\"].bx--checkbox-label__focus::before { + border-color: var(--interactive-04, #4589ff); +} + +.security--scroll-gradient { + width: inherit; + height: inherit; + position: relative; + display: flex; + justify-content: stretch; + align-items: stretch; +} + +.security--scroll-gradient__content { + overflow: auto; + height: inherit; + width: 100%; +} + +.security--scroll-gradient__before, .security--scroll-gradient__after { + display: block; + position: absolute; + opacity: 0; + pointer-events: none; + z-index: 1; +} + +.security--scroll-gradient--x .security--scroll-gradient__before, +.security--scroll-gradient--x .security--scroll-gradient__after { + top: 0; + width: 3rem; + height: 100%; +} + +.security--scroll-gradient--x .security--scroll-gradient__before { + left: 0; +} + +.security--scroll-gradient--x .security--scroll-gradient__after { + right: 0; +} + +.security--scroll-gradient--y .security--scroll-gradient__before, +.security--scroll-gradient--y .security--scroll-gradient__after { + left: 0; + height: 3rem; + width: 100%; +} + +.security--scroll-gradient--y .security--scroll-gradient__before { + top: 0; +} + +.security--scroll-gradient--y .security--scroll-gradient__after { + bottom: 0; +} + +.security--scroll-gradient--initial > .security--scroll-gradient__after, .security--scroll-gradient--started > .security--scroll-gradient__after { + opacity: 1; +} + +.security--scroll-gradient--end > .security--scroll-gradient__before, .security--scroll-gradient--started > .security--scroll-gradient__before { + opacity: 1; +} + +.bx--search { + display: flex; + align-items: center; + position: relative; + width: 100%; +} + +.bx--search .bx--label { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + visibility: visible; + white-space: nowrap; +} + +.bx--search-input { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + font-size: 1rem; + font-weight: 400; + line-height: 1.375rem; + letter-spacing: 0; + outline: 2px solid transparent; + outline-offset: -2px; + appearance: none; + border: none; + background-color: var(--field-01, #262626); + color: var(--text-01, #f4f4f4); + padding: 0 2.5rem; + text-overflow: ellipsis; + width: 100%; + order: 1; + transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9); + border-bottom: 1px solid var(--ui-04, #6f6f6f); +} + +.bx--search-input *, +.bx--search-input *:before, +.bx--search-input *:after { + box-sizing: inherit; +} + +.bx--search-input:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--search-input::placeholder { + color: var(--text-05, #8d8d8d); + font-weight: 400; +} + +.bx--search-input::-ms-clear { + display: none; +} + +.bx--search-input[disabled] { + color: var(--disabled-02, #525252); + background-color: var(--disabled-01, #262626); + border-bottom: 1px solid transparent; + cursor: not-allowed; +} + +.bx--search-input[disabled]::placeholder { + color: var(--disabled-02, #525252); + font-weight: 400; +} + +.bx--search-input[disabled] ~ .bx--search-magnifier { + fill: var(--disabled-02, #525252); +} + +.bx--search--light .bx--search-input { + background: var(--field-02, #393939); +} + +.bx--search--sm .bx--search-input { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + height: 2rem; +} + +.bx--search--lg .bx--search-input { + font-size: 1rem; + font-weight: 400; + line-height: 1.375rem; + letter-spacing: 0; + height: 2.5rem; +} + +.bx--search--xl .bx--search-input { + font-size: 1rem; + font-weight: 400; + line-height: 1.375rem; + letter-spacing: 0; + height: 3rem; + padding: 0 4rem 0 3rem; +} + +.bx--search-magnifier { + left: 0.75rem; + z-index: 2; + position: absolute; + height: 1rem; + width: 1rem; + top: 50%; + transform: translateY(-50%); + fill: var(--icon-02, #c6c6c6); + pointer-events: none; +} + +.bx--search--xl .bx--search-magnifier { + height: 1.25rem; + width: 1.25rem; + left: 1.5rem; + transform: translate(-50%, -50%); +} + +.bx--search-close { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + outline: 2px solid transparent; + outline-offset: -2px; + position: absolute; + right: 0; +} + +.bx--search-close *, +.bx--search-close *:before, +.bx--search-close *:after { + box-sizing: inherit; +} + +.bx--search-close::-moz-focus-inner { + border: 0; +} + +.bx--search-close::before { + content: \\"\\"; + display: block; + position: absolute; + left: 0; + top: 0.0625rem; + height: calc(100% - 2px); + width: 2px; + background-color: var(--field-01, #262626); + transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--search-close:hover { + border-bottom: 1px solid var(--ui-04, #6f6f6f); +} + +.bx--search-button { + flex-shrink: 0; + margin-left: 0.125rem; + background-color: var(--field-01, #262626); +} + +.bx--search-button svg { + vertical-align: middle; + fill: currentColor; +} + +.bx--search-close, +.bx--search-button { + display: flex; + align-items: center; + justify-content: center; + transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border 110ms cubic-bezier(0.2, 0, 0.38, 0.9); + cursor: pointer; + visibility: visible; + opacity: 1; + height: 2.5rem; + width: 2.5rem; + fill: var(--icon-01, #f4f4f4); + border-style: solid; + border-color: transparent; + border-width: 1px 0; +} + +.bx--search-close:hover, +.bx--search-button:hover { + background-color: var(--hover-field, #353535); +} + +.bx--search-close:focus, +.bx--search-button:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--search-close:active, +.bx--search-button:active { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + background-color: var(--selected-ui, #393939); +} + +.bx--search-close:hover::before { + background-color: var(--hover-field, #353535); +} + +.bx--search-close:focus::before, +.bx--search-close:active::before { + background-color: var(--focus, #ffffff); +} + +.bx--search-input:focus ~ .bx--search-close:hover { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--search--sm .bx--search-close, +.bx--search--sm ~ .bx--search-button { + height: 2rem; + width: 2rem; +} + +.bx--search--lg .bx--search-close, +.bx--search--lg ~ .bx--search-button { + height: 2.5rem; + width: 2.5rem; +} + +.bx--search--xl .bx--search-close, +.bx--search--xl ~ .bx--search-button { + height: 3rem; + width: 3rem; +} + +.bx--search-close--hidden { + visibility: hidden; + opacity: 0; +} + +.bx--search--xl.bx--skeleton .bx--search-input, +.bx--search--lg.bx--skeleton .bx--search-input, +.bx--search--sm.bx--skeleton .bx--search-input { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 100%; +} + +.bx--search--xl.bx--skeleton .bx--search-input:hover, .bx--search--xl.bx--skeleton .bx--search-input:focus, .bx--search--xl.bx--skeleton .bx--search-input:active, +.bx--search--lg.bx--skeleton .bx--search-input:hover, +.bx--search--lg.bx--skeleton .bx--search-input:focus, +.bx--search--lg.bx--skeleton .bx--search-input:active, +.bx--search--sm.bx--skeleton .bx--search-input:hover, +.bx--search--sm.bx--skeleton .bx--search-input:focus, +.bx--search--sm.bx--skeleton .bx--search-input:active { + border: none; + outline: none; + cursor: default; +} + +.bx--search--xl.bx--skeleton .bx--search-input:before, +.bx--search--lg.bx--skeleton .bx--search-input:before, +.bx--search--sm.bx--skeleton .bx--search-input:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--search--xl.bx--skeleton .bx--search-input:before, + .bx--search--lg.bx--skeleton .bx--search-input:before, + .bx--search--sm.bx--skeleton .bx--search-input:before { + animation: none; + } +} + +.bx--search--xl.bx--skeleton .bx--search-input::placeholder, +.bx--search--lg.bx--skeleton .bx--search-input::placeholder, +.bx--search--sm.bx--skeleton .bx--search-input::placeholder { + color: transparent; +} + +.security--data-table__table-wrapper { + z-index: 0; +} + +.security--data-table__overflow-cell .bx--overflow-menu { + z-index: 8000; +} + +.security--data-table .bx--data-table { + background-color: var(--ui-03, #393939); +} + +.security--data-table .bx--data-table.bx--skeleton th { + border-bottom-width: 0; +} + +.security--delimited-list { + display: flex; +} + +.security--delimited-list__value--truncated { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.security--error-page { + display: flex; + min-height: 12.5rem; + margin-bottom: 3rem; + flex-direction: row; + justify-content: space-between; + background-repeat: no-repeat; +} + +.security--error-page__title { + font-size: 2rem; + font-weight: 400; + line-height: 2.5rem; + letter-spacing: 0; + margin-top: 0.75rem; + margin-bottom: 3rem; +} + +.security--error-page__sub-title, .security--error-page__description { + margin-top: 0; +} + +.security--error-page__sub-title { + font-size: 1.25rem; + font-weight: 400; + line-height: 1.625rem; + letter-spacing: 0; + margin-bottom: 1rem; +} + +.security--error-page__description { + font-size: 1rem; + font-weight: 600; + line-height: 1.375rem; + letter-spacing: 0; + margin-bottom: 2rem; +} + +.security--error-page__content-wrapper { + display: flex; + padding: 6rem 2rem; + flex-direction: column; + justify-content: space-between; +} + +.security--error-page__content { + display: flex; + max-width: 25rem; + flex-direction: column; + justify-content: flex-start; +} + +.security--error-page__link__icon { + width: 1.25rem; + height: 1.25rem; + padding-right: 0.5rem; +} + +.security--link--external { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + position: relative; + box-shadow: none; + word-wrap: break-word; +} + +.security--link--external__title { + margin-right: 0.25rem; + word-wrap: break-word; +} + +.security--link--external__title[dir=\\"rtl\\"], +[dir=\\"rtl\\"] .security--link--external__title { + margin-right: unset; + margin-left: 0.25rem; +} + +.security--link--external__icon { + fill: currentColor; + vertical-align: middle; +} + +@keyframes collapse-accordion { + 0% { + height: 100%; + visibility: visible; + opacity: 1; + } + 100% { + height: 0; + visibility: hidden; + opacity: 0; + } +} + +@keyframes expand-accordion { + 0% { + height: 0; + visibility: hidden; + opacity: 0; + } + 100% { + height: 100%; + visibility: visible; + opacity: 1; + } +} + +.bx--accordion { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + list-style: none; + width: 100%; +} + +.bx--accordion *, +.bx--accordion *:before, +.bx--accordion *:after { + box-sizing: inherit; +} + +.bx--accordion__item { + transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9); + border-top: 1px solid var(--ui-03, #393939); + overflow: visible; +} + +.bx--accordion__item:last-child { + border-bottom: 1px solid var(--ui-03, #393939); +} + +.bx--accordion__heading { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + width: 100%; + color: var(--text-01, #f4f4f4); + display: flex; + align-items: flex-start; + justify-content: flex-start; + cursor: pointer; + padding: 0.375rem 0; + flex-direction: row-reverse; + position: relative; + width: 100%; + margin: 0; + transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms; +} + +.bx--accordion__heading *, +.bx--accordion__heading *:before, +.bx--accordion__heading *:after { + box-sizing: inherit; +} + +.bx--accordion__heading::-moz-focus-inner { + border: 0; +} + +.bx--accordion__heading:hover::before, .bx--accordion__heading:focus::before { + content: \\"\\"; + position: absolute; + top: -1px; + left: 0; + width: 100%; + height: calc(100% + 2px); +} + +.bx--accordion__heading:hover::before { + background-color: var(--hover-ui, #353535); +} + +.bx--accordion__heading:focus { + outline: none; +} + +.bx--accordion__heading:focus:before { + border: 2px solid var(--focus, #ffffff); + box-sizing: border-box; +} + +.bx--accordion__arrow { + outline: 2px solid transparent; + outline-offset: -2px; + flex: 0 0 1rem; + width: 1rem; + height: 1rem; + margin: 2px 1rem 0 0; + fill: var(--ui-05, #f4f4f4); + transform: rotate(90deg); + transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--accordion__title { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.25rem; + letter-spacing: 0.16px; + margin: 0 0 0 1rem; + width: 100%; + text-align: left; + z-index: 1; +} + +.bx--accordion__content { + display: none; + transition: padding cubic-bezier(0.2, 0, 0.38, 0.9) 110ms; + padding-left: 1rem; + padding-right: 1rem; +} + +@media (min-width: 480px) { + .bx--accordion__content { + padding-right: 3rem; + } +} + +@media (min-width: 640px) { + .bx--accordion__content { + padding-right: 25%; + } +} + +.bx--accordion__content > p { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.25rem; + letter-spacing: 0.16px; +} + +.bx--accordion--start .bx--accordion__heading { + flex-direction: row; +} + +.bx--accordion--start .bx--accordion__arrow { + margin: 2px 0 0 0.5rem; +} + +.bx--accordion--start .bx--accordion__content { + margin-left: 1.5rem; +} + +.bx--accordion__item--collapsing .bx--accordion__content, +.bx--accordion__item--expanding .bx--accordion__content { + display: block; +} + +.bx--accordion__item--collapsing .bx--accordion__content { + animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) collapse-accordion; +} + +.bx--accordion__item--expanding .bx--accordion__content { + animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) expand-accordion; +} + +.bx--accordion__item--active { + overflow: visible; +} + +.bx--accordion__item--active .bx--accordion__content { + display: block; + padding-bottom: 1.5rem; + padding-top: 0.5rem; + transition: padding-top cubic-bezier(0, 0, 0.38, 0.9) 110ms, padding-bottom cubic-bezier(0, 0, 0.38, 0.9) 110ms; +} + +.bx--accordion__item--active .bx--accordion__arrow { + /*rtl:ignore*/ + transform: rotate(-90deg); + fill: var(--ui-05, #f4f4f4); +} + +.bx--accordion.bx--skeleton .bx--accordion__heading, +.bx--accordion.bx--skeleton .bx--accordion__button { + cursor: default; +} + +.bx--accordion.bx--skeleton .bx--accordion__arrow { + pointer-events: none; + fill: var(--ui-05, #f4f4f4); + cursor: default; +} + +.bx--accordion.bx--skeleton .bx--accordion__arrow:hover, .bx--accordion.bx--skeleton .bx--accordion__arrow:focus, .bx--accordion.bx--skeleton .bx--accordion__arrow:active { + border: none; + outline: none; + cursor: default; +} + +.bx--accordion--end.bx--skeleton .bx--accordion__arrow { + margin-left: 1rem; +} + +.bx--skeleton .bx--accordion__heading:focus .bx--accordion__arrow { + border: none; + outline: none; + cursor: default; +} + +.bx--accordion__title.bx--skeleton__text { + margin-bottom: 0; +} + +.bx--accordion.bx--accordion--start .bx--accordion__heading { + align-items: center; +} + +.bx--accordion.bx--accordion--end.bx--skeleton .bx--accordion__arrow { + margin-left: 0.5rem; +} + +.bx--accordion__item--active .bx--accordion__title { + font-weight: 600; +} + +.bx--accordion__content > *:first-child { + margin-top: 0; +} + +.bx--accordion__content > *:last-child { + margin-bottom: 0; +} + +.security--filter-category { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + border-top: 0.0625rem solid var(--ui-03, #393939); +} + +.security--filter-category__title { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + font-weight: 600; + display: flex; + margin-bottom: 1rem; + justify-content: space-between; +} + +.security--filter-category__count { + font-weight: 400; + color: var(--text-02, #c6c6c6); +} + +.security--filter-search { + position: relative; + margin-bottom: 1rem; +} + +.security--filter-search__results { + position: absolute; + top: 100%; + left: 0; + width: 100%; + max-height: 19rem; + padding: 0.5rem; + background-color: var(--ui-01, #262626); + box-sizing: border-box; + overflow-y: auto; + z-index: 9100; +} + +.security--filter-search__list { + padding-left: 0; + margin-top: 0; + margin-bottom: 0; +} + +.security--filter-search__subcategory { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + border-top: 0.0625rem solid var(--ui-04, #6f6f6f); +} + +.security--filter-search__subcategory__title { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + margin-top: 0; + margin-bottom: 0.5rem; +} + +.security--filter-search__results--none { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; +} + +.security--filter-search__results--visible { + max-height: 19rem; + overflow-y: auto; +} + +.security--filter-selector { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + display: flex; +} + +.security--filter-selector__checkbox-wrapper { + max-width: 100%; +} + +.security--filter-selector__checkbox, +.security--filter-selector__checkbox > span { + width: 100%; +} + +.security--filter-selector__checkbox > span { + display: flex; + align-items: center; +} + +.security--filter-selector__count { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + margin-left: 0.75rem; + color: var(--text-02, #c6c6c6); +} + +.security--filter-selector__label { + flex: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.security--filter-subcategory { + border-top-width: 0; +} + +.security--filter-subcategory:last-child { + border-bottom-width: 0; +} + +.security--filter-subcategory__filter-list { + width: calc(100% + 0.5rem); + padding-left: 0; +} + +.security--filter-subcategory__scroller { + transition-duration: 0.2s; + transition-property: height; + transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9); + padding-right: 1rem; +} + +.security--filter-subcategory > .bx--accordion__heading { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + color: var(--text-02, #c6c6c6); +} + +.security--filter-subcategory > .bx--accordion__content { + padding: 0 0 0 1rem; +} + +.security--filter-subcategory.bx--accordion__item--active > .bx--accordion__heading { + color: var(--text-01, #f4f4f4); +} + +.security--filter-subcategory__button--toggle { + position: relative; + left: -0.25rem; + width: 100%; + min-height: auto; + padding: 0.25rem; + justify-content: start; +} + +.security--filter-subcategory__button--toggle.bx--btn, .security--filter-subcategory__button--toggle.bx--btn:active, .security--filter-subcategory__button--toggle.bx--btn:hover { + color: var(--text-02, #c6c6c6); +} + +.security--filter-subcategory__button--toggle.bx--btn > .bx--btn__icon, .security--filter-subcategory__button--toggle.bx--btn:hover > .bx--btn__icon { + fill: currentColor; +} + +.security--filter-subcategory__button--toggle.bx--btn > .bx--btn__icon { + margin-right: 0.5rem; + margin-left: 0; + order: -1; +} + +.security--filter-panel-label { + display: flex; + align-items: center; + width: 100%; +} + +.security--filter-panel-label__text { + flex: 1 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.security--filter-panel-label__count { + margin-left: 0.75rem; + color: var(--text-02, #c6c6c6); +} + +.security--filter-panel-group { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + border-top: 1px solid var(--ui-03, #393939); +} + +.security--filter-panel-group__title { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + font-weight: 600; + margin-top: 0; + margin-bottom: 1rem; +} + +.security--filter-panel-accordion__title { + margin-top: 0.5rem; + margin-bottom: 1rem; +} + +.security--filter-panel-accordion-item { + border-top-width: 0; +} + +.security--filter-panel-accordion-item:last-child { + border-bottom-width: 0; +} + +.security--filter-panel-accordion-item__count { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; +} + +.security--filter-panel-accordion-item__list { + list-style: none; + padding-left: 0; + margin: 0; +} + +.security--filter-panel-accordion-item > .bx--accordion__heading { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + color: var(--text-02, #c6c6c6); + border: 2px solid transparent; +} + +.security--filter-panel-accordion-item > .bx--accordion__heading::before { + left: -0.125rem; + width: calc(100% + 0.5rem); +} + +.security--filter-panel-accordion-item > .bx--accordion__heading:focus::before { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + border: none; +} + +.security--filter-panel-accordion-item > .bx--accordion__content { + padding: 0 0 0 1rem; +} + +.security--filter-panel-accordion-item .bx--accordion__title { + width: calc(100% - 2.8em); +} + +.security--filter-panel-accordion-item.bx--accordion__item--active > .bx--accordion__heading { + color: var(--text-01, #f4f4f4); +} + +.security--filter-panel-checkbox__wrapper { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + display: flex; + max-width: 100%; +} + +.security--filter-panel-checkbox__wrapper.bx--checkbox-wrapper, .security--filter-panel-checkbox__wrapper.bx--checkbox-wrapper:first-of-type, .security--filter-panel-checkbox__wrapper.bx--checkbox-wrapper:last-of-type { + margin: 0; +} + +.security--filter-panel-checkbox__count { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; +} + +.security--filter-panel-checkbox__count::before { + content: \\"(\\"; +} + +.security--filter-panel-checkbox__count::after { + content: \\")\\"; +} + +.security--filter-panel-checkbox, +.security--filter-panel-checkbox > span { + width: 100%; +} + +.security--filter-panel-checkbox > span { + display: flex; + align-items: center; +} + +.security--filter-panel-checkbox-with-overflow-menu { + display: flex; + align-items: center; + position: relative; +} + +.security--filter-panel-checkbox-with-overflow-menu--open, .security--filter-panel-checkbox-with-overflow-menu:hover, .security--filter-panel-checkbox-with-overflow-menu:focus-within { + background-color: var(--field-01, #262626); +} + +.security--filter-panel-checkbox-with-overflow-menu__overflow-button { + position: absolute; + top: 0; + right: 0; + background-color: var(--field-01, #262626); + height: 1.5rem; + width: 1.5rem; +} + +.security--filter-panel-checkbox-with-overflow-menu__overflow-options { + width: auto; +} + +.security--filter-panel-checkbox-with-overflow-menu__overflow-options .bx--overflow-menu-options__option { + height: 1.5rem; +} + +.security--filter-panel-checkbox-with-overflow-menu__overflow-options .bx--overflow-menu-options__btn { + max-width: none; + justify-content: flex-end; +} + +.security--filter-panel-search { + position: relative; + margin-bottom: 1rem; +} + +.security--filter-panel-search__results { + position: absolute; + top: 100%; + left: 0; + width: 100%; + max-height: 19rem; + padding: 0.5rem; + background-color: var(--ui-01, #262626); + box-sizing: border-box; + overflow-y: auto; + z-index: 9100; +} + +.security--filter-panel__title { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +.security--filter-panel__search { + margin-bottom: 1rem; +} + +.security--ica-skeleton { + width: 4rem; +} + +.security--ica-skeleton .security--ica-skeleton__label, +.security--ica-skeleton .security--ica-skeleton__value { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); +} + +.security--ica-skeleton .security--ica-skeleton__label:hover, .security--ica-skeleton .security--ica-skeleton__label:focus, .security--ica-skeleton .security--ica-skeleton__label:active, +.security--ica-skeleton .security--ica-skeleton__value:hover, +.security--ica-skeleton .security--ica-skeleton__value:focus, +.security--ica-skeleton .security--ica-skeleton__value:active { + border: none; + outline: none; + cursor: default; +} + +.security--ica-skeleton .security--ica-skeleton__label:before, +.security--ica-skeleton .security--ica-skeleton__value:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .security--ica-skeleton .security--ica-skeleton__label:before, + .security--ica-skeleton .security--ica-skeleton__value:before { + animation: none; + } +} + +.security--ica-skeleton .security--ica-skeleton__label { + height: 0.75rem; + margin-top: 0; + margin-bottom: 0.5rem; +} + +.security--ica-skeleton .security--ica-skeleton__value { + height: 2rem; + margin: 0; +} + +.security--ica .security--ica__label { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + display: block; + color: var(--text-02, #c6c6c6); + margin: 0; +} + +.security--ica .security--ica__value { + font-size: 1.75rem; + font-weight: 400; + line-height: 2.25rem; + letter-spacing: 0; + margin-bottom: 0; +} + +.security--ica .security--ica__total { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + margin-bottom: 0; +} + +.security--ica .security--ica__percentage { + font-size: 1.75rem; + font-weight: 400; + line-height: 2.25rem; + letter-spacing: 0; +} + +.security--ica .security--ica__percentage-mark { + font-size: 1.25rem; + font-weight: 400; + line-height: 1.625rem; + letter-spacing: 0; +} + +.security--icon-button-bar { + display: flex; + overflow: none; +} + +.security--icon-button-bar--sm { + min-width: 2rem; +} + +.security--icon-button-bar--sm .security--icon-button-bar__overflow-menu { + height: 2rem; + width: 2rem; +} + +.security--icon-button-bar__overflow-menu-options--sm.bx--overflow-menu-options::after { + width: 2rem; +} + +.security--icon-button-bar--md { + min-width: 2.5rem; +} + +.security--icon-button-bar--md .security--icon-button-bar__overflow-menu { + height: 2.5rem; + width: 2.5rem; +} + +.security--icon-button-bar__overflow-menu-options--md.bx--overflow-menu-options::after { + width: 2.5rem; +} + +.security--icon-button-bar--lg { + min-width: 3rem; +} + +.security--icon-button-bar--lg .security--icon-button-bar__overflow-menu { + height: 3rem; + width: 3rem; +} + +.security--icon-button-bar__overflow-menu-options--lg.bx--overflow-menu-options::after { + width: 3rem; +} + +.security--icon-button-bar--xl { + min-width: 4rem; +} + +.security--icon-button-bar--xl .security--icon-button-bar__overflow-menu { + height: 4rem; + width: 4rem; +} + +.security--icon-button-bar__overflow-menu-options--xl.bx--overflow-menu-options::after { + width: 4rem; +} + +@keyframes rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +@keyframes rotate-end-p1 { + 100% { + transform: rotate(360deg); + } +} + +@keyframes rotate-end-p2 { + 100% { + transform: rotate(-360deg); + } +} + +/* Stroke animations */ +@keyframes init-stroke { + 0% { + stroke-dashoffset: 240; + } + 100% { + stroke-dashoffset: 40; + } +} + +@keyframes stroke-end { + 0% { + stroke-dashoffset: 40; + } + 100% { + stroke-dashoffset: 240; + } +} + +.bx--loading { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + animation-name: rotate; + animation-duration: 690ms; + animation-timing-function: linear; + animation-fill-mode: forwards; + animation-iteration-count: infinite; + width: 10.5rem; + height: 10.5rem; +} + +.bx--loading *, +.bx--loading *:before, +.bx--loading *:after { + box-sizing: inherit; +} + +.bx--loading svg circle { + animation-name: init-stroke; + animation-duration: 10ms; + animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--loading__svg { + fill: transparent; +} + +.bx--loading__svg circle { + stroke-width: 8; + stroke-linecap: butt; + stroke-dasharray: 240; +} + +.bx--loading__stroke { + stroke: var(--interactive-04, #4589ff); + stroke-dashoffset: 40; +} + +.bx--loading--small .bx--loading__stroke { + stroke-dashoffset: 99; +} + +.bx--loading--stop { + animation: rotate-end-p1 700ms cubic-bezier(0.2, 0, 1, 0.9) forwards, rotate-end-p2 700ms cubic-bezier(0.2, 0, 1, 0.9) 700ms forwards; +} + +.bx--loading--stop svg circle { + animation-name: stroke-end; + animation-duration: 700ms; + animation-timing-function: cubic-bezier(0.2, 0, 1, 0.9); + animation-delay: 700ms; + animation-fill-mode: forwards; +} + +.bx--loading--small { + width: 2rem; + height: 2rem; +} + +.bx--loading--small circle { + stroke-width: 12; +} + +.bx--loading--small .bx--loading__svg { + stroke: var(--interactive-04, #4589ff); +} + +.bx--loading__background { + stroke: var(--ui-03, #393939); + stroke-dashoffset: 0; +} + +.bx--loading-overlay { + position: fixed; + top: 0; + left: 0; + height: 100%; + width: 100%; + background-color: rgba(var(--ui-02, #393939), 0.6); + display: flex; + justify-content: center; + align-items: center; + transition: background-color 720ms cubic-bezier(0.4, 0.14, 0.3, 1); + z-index: 8000; +} + +.bx--loading-overlay--stop { + display: none; +} + +@keyframes stroke { + 100% { + stroke-dashoffset: 0; + } +} + +.bx--inline-loading { + display: flex; + width: 100%; + min-height: 2rem; + align-items: center; +} + +.bx--inline-loading .bx--loading__svg circle { + stroke-width: 12; +} + +.bx--inline-loading .bx--loading__stroke { + stroke-dashoffset: 99; +} + +.bx--inline-loading__text { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + color: var(--text-02, #c6c6c6); +} + +.bx--inline-loading__animation { + position: relative; + width: 2rem; + height: 2rem; + display: flex; + justify-content: center; + align-items: center; +} + +.bx--inline-loading__checkmark-container { + fill: var(--interactive-04, #4589ff); +} + +.bx--inline-loading__checkmark-container.bx--inline-loading__svg { + width: 0.75rem; + position: absolute; + top: 0.75rem; +} + +.bx--inline-loading__checkmark-container[hidden] { + display: none; +} + +.bx--inline-loading__checkmark { + fill: none; + stroke: var(--interactive-04, #4589ff); + transform-origin: 50% 50%; + stroke-width: 1.8; + stroke-dasharray: 12; + stroke-dashoffset: 12; + animation-name: stroke; + animation-duration: 0.25s; + animation-fill-mode: forwards; +} + +.bx--inline-loading--error { + fill: var(--support-01, #fa4d56); + width: 1rem; + height: 1rem; +} + +.bx--inline-loading--error[hidden] { + display: none; +} + +.bx--loading--small .bx--inline-loading__svg { + stroke: var(--interactive-04, #4589ff); +} + +/* If IE11 Don\\"t show check animation */ +@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { + .bx--inline-loading__checkmark-container { + top: 1px; + right: 0.5rem; + } + .bx--inline-loading__checkmark { + animation: none; + stroke-dashoffset: 0; + stroke-dasharray: 0; + } +} + +.security--nav { + position: relative; +} + +.security--nav:not(:first-of-type) { + padding-top: 1rem; +} + +.security--nav:not(:last-of-type) { + padding-bottom: 1rem; +} + +.security--nav:last-of-type { + padding-bottom: 2rem; +} + +.security--nav + .security--nav > .security--nav__heading { + padding-top: 0.25rem; +} + +.security--nav::before { + display: inline-block; + position: absolute; + left: 2rem; + right: 2rem; + bottom: 0; + width: auto; + border-bottom: 0.0625rem solid var(--ui-02, #393939); + content: \\"\\"; +} + +.security--nav:last-of-type::before { + border-width: 0; +} + +.security--nav__wrapper { + padding-left: unset; + margin-top: unset; + margin-bottom: unset; + list-style: none; +} + +.security--nav__wrapper[dir=\\"rtl\\"], +[dir=\\"rtl\\"] .security--nav__wrapper { + padding-right: unset; +} + +.security--nav__heading { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + padding: 0.75rem 2rem; + margin-top: unset; + margin-bottom: unset; + color: var(--text-02, #c6c6c6); + font-weight: 400; +} + +.security--nav__list { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + display: flex; + flex-direction: column; + list-style: none; +} + +.security--nav__list, .security--nav__list__item { + margin-bottom: 0.125rem; +} + +.security--nav__list:focus { + background-color: var(--ui-02, #393939); + outline-width: 0; +} + +.security--nav__list:focus > .security--nav__list__item__link { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.security--nav__list__icon { + transition-duration: 0.2s; + transition-property: transform; + transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9); + position: absolute; + top: 25%; + left: 1rem; + fill: var(--text-01, #f4f4f4); + transform: translate3d(-50%, 0, 0) rotate(270deg); +} + +.security--nav__list__icon[dir=\\"rtl\\"], +[dir=\\"rtl\\"] .security--nav__list__icon { + right: 0.25rem; + transform: translate3d(-50%, 0, 0) rotate(90deg); +} + +.security--nav__list__item { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + position: relative; +} + +.security--nav__list__item__content { + display: flex; +} + +.security--nav__list__item::before { + transition-duration: 0.2s; + transition-property: transform; + transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9); + display: inline-block; + position: absolute; + top: 0; + left: 0; + width: 0.25rem; + height: 100%; + background-color: transparent; + content: \\"\\"; + transform: translate3d(-100%, 0, 0); + z-index: 10000; +} + +.security--nav__list__item[dir=\\"rtl\\"]::before, +[dir=\\"rtl\\"] .security--nav__list__item::before { + right: 0; + transform: translate3d(100%, 0, 0); +} + +.security--nav__list__item--disabled { + pointer-events: none; +} + +.security--nav__list__item--disabled > .security--nav__list__item__link { + color: var(--disabled-03, #6f6f6f); +} + +.security--nav__list__item--active { + font-weight: 600; +} + +.security--nav__list__item--active[dir=\\"rtl\\"]::before, +[dir=\\"rtl\\"] .security--nav__list__item--active::before { + transform: translate3d(0, 0, 0); +} + +.security--nav__list__item--active::before { + background-color: var(--interactive-01, #0f62fe); + transform: translate3d(0, 0, 0); +} + +.security--nav__list__item__link { + transition-duration: 0.2s; + transition-property: background-color; + transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9); + position: relative; + display: flex; + padding: 0.375rem 2rem; + color: var(--text-01, #f4f4f4); + text-decoration: none; + cursor: pointer; + justify-content: space-between; +} + +.security--nav__list__item__link:hover, .security--nav__list__item__link:focus { + background-color: var(--ui-02, #393939); +} + +.security--nav__list__item__link:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.security--nav__list__item__link--external .security--nav__list__item__link--external__icon { + margin-left: 0.25rem; + align-self: center; + fill: var(--text-01, #f4f4f4); + opacity: 0; + flex-shrink: 0; +} + +.security--nav__list__item__link--external:hover > .security--nav__list__item__link--external__icon, .security--nav__list__item__link--external:focus > .security--nav__list__item__link--external__icon { + opacity: 1; +} + +.security--nav__list__item--expanded { + margin-bottom: 0.5rem; +} + +.security--nav__list__item--expanded > .security--nav__list--nested { + max-height: 20rem; + margin-top: 0.625rem; + opacity: 1; + transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9); +} + +.security--nav__list__item--expanded > .security--nav__list__item__link > .security--nav__list__icon { + transform: translate3d(-50%, 0, 0) rotate(360deg); +} + +.security--nav__list__item--expanded > .security--nav__list__item__link > .security--nav__list__icon[dir=\\"rtl\\"], +[dir=\\"rtl\\"] .security--nav__list__item--expanded > .security--nav__list__item__link > .security--nav__list__icon { + transform: translate3d(-50%, 0, 0) rotate(0); +} + +.security--nav__list--nested { + transition-duration: 0.2s; + transition-property: max-height, opacity; + transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9); + max-height: 0; + margin-bottom: 0; + padding-left: 0; + opacity: 0; + overflow: hidden; +} + +.security--nav__list--nested[dir=\\"rtl\\"], +[dir=\\"rtl\\"] .security--nav__list--nested { + padding-right: 0; + padding-left: unset; +} + +.security--nav__list--nested > .security--nav__list__item:last-of-type { + margin-bottom: 0.5rem; +} + +.security--ne-section { + min-height: 12.5rem; + background-position: center right; + background-repeat: no-repeat; + background-size: contain; +} + +.security--ne-section .bx--grid { + margin-right: auto; + margin-left: auto; + max-width: 99rem; + padding-left: 1rem; + padding-right: 1rem; +} + +@media (min-width: 42rem) { + .security--ne-section .bx--grid { + padding-left: 2rem; + padding-right: 2rem; + } +} + +@media (min-width: 99rem) { + .security--ne-section .bx--grid { + padding-left: 2.5rem; + padding-right: 2.5rem; + } +} + +@media (min-width: 99rem) { + .security--ne-section .bx--grid--full-width { + max-width: 100%; + } +} + +.security--ne-section .bx--row { + display: flex; + flex-wrap: wrap; + margin-right: -1rem; + margin-left: -1rem; +} + +.security--ne-section .bx--grid--condensed [class*=\\"bx--col\\"] { + padding-top: 0.0625rem; + padding-bottom: 0.0625rem; +} + +.security--ne-section .bx--col { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col, +.bx--grid--condensed .security--ne-section .bx--col { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-sm-0 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-sm-0, +.bx--grid--condensed .security--ne-section .bx--col-sm-0 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-sm-1 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-sm-1, +.bx--grid--condensed .security--ne-section .bx--col-sm-1 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-sm-2 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-sm-2, +.bx--grid--condensed .security--ne-section .bx--col-sm-2 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-sm-3 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-sm-3, +.bx--grid--condensed .security--ne-section .bx--col-sm-3 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-sm-4 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-sm-4, +.bx--grid--condensed .security--ne-section .bx--col-sm-4 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-sm, +.security--ne-section .bx--col-sm--auto { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-sm, +.bx--grid--condensed .security--ne-section .bx--col-sm, .bx--row--condensed +.security--ne-section .bx--col-sm--auto, +.bx--grid--condensed +.security--ne-section .bx--col-sm--auto { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col, +.security--ne-section .bx--col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.security--ne-section .bx--col--auto, +.security--ne-section .bx--col-sm--auto { + flex: 1 0 0%; + width: auto; + max-width: 100%; +} + +.security--ne-section .bx--col-sm-0 { + display: none; +} + +.security--ne-section .bx--col-sm-1 { + display: block; + flex: 0 0 25%; + max-width: 25%; +} + +.security--ne-section .bx--col-sm-2 { + display: block; + flex: 0 0 50%; + max-width: 50%; +} + +.security--ne-section .bx--col-sm-3 { + display: block; + flex: 0 0 75%; + max-width: 75%; +} + +.security--ne-section .bx--col-sm-4 { + display: block; + flex: 0 0 100%; + max-width: 100%; +} + +.security--ne-section .bx--offset-sm-0 { + margin-left: 0; +} + +.security--ne-section .bx--offset-sm-1 { + margin-left: 25%; +} + +.security--ne-section .bx--offset-sm-2 { + margin-left: 50%; +} + +.security--ne-section .bx--offset-sm-3 { + margin-left: 75%; +} + +.security--ne-section .bx--col-md-0 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-md-0, +.bx--grid--condensed .security--ne-section .bx--col-md-0 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-md-1 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-md-1, +.bx--grid--condensed .security--ne-section .bx--col-md-1 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-md-2 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-md-2, +.bx--grid--condensed .security--ne-section .bx--col-md-2 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-md-3 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-md-3, +.bx--grid--condensed .security--ne-section .bx--col-md-3 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-md-4 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-md-4, +.bx--grid--condensed .security--ne-section .bx--col-md-4 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-md-5 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-md-5, +.bx--grid--condensed .security--ne-section .bx--col-md-5 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-md-6 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-md-6, +.bx--grid--condensed .security--ne-section .bx--col-md-6 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-md-7 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-md-7, +.bx--grid--condensed .security--ne-section .bx--col-md-7 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-md-8 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-md-8, +.bx--grid--condensed .security--ne-section .bx--col-md-8 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-md, +.security--ne-section .bx--col-md--auto { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-md, +.bx--grid--condensed .security--ne-section .bx--col-md, .bx--row--condensed +.security--ne-section .bx--col-md--auto, +.bx--grid--condensed +.security--ne-section .bx--col-md--auto { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +@media (min-width: 42rem) { + .security--ne-section .bx--col, + .security--ne-section .bx--col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .security--ne-section .bx--col--auto, + .security--ne-section .bx--col-md--auto { + flex: 1 0 0%; + width: auto; + max-width: 100%; + } + .security--ne-section .bx--col-md-0 { + display: none; + } + .security--ne-section .bx--col-md-1 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; + } + .security--ne-section .bx--col-md-2 { + display: block; + flex: 0 0 25%; + max-width: 25%; + } + .security--ne-section .bx--col-md-3 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; + } + .security--ne-section .bx--col-md-4 { + display: block; + flex: 0 0 50%; + max-width: 50%; + } + .security--ne-section .bx--col-md-5 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; + } + .security--ne-section .bx--col-md-6 { + display: block; + flex: 0 0 75%; + max-width: 75%; + } + .security--ne-section .bx--col-md-7 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; + } + .security--ne-section .bx--col-md-8 { + display: block; + flex: 0 0 100%; + max-width: 100%; + } + .security--ne-section .bx--offset-md-0 { + margin-left: 0; + } + .security--ne-section .bx--offset-md-1 { + margin-left: 12.5%; + } + .security--ne-section .bx--offset-md-2 { + margin-left: 25%; + } + .security--ne-section .bx--offset-md-3 { + margin-left: 37.5%; + } + .security--ne-section .bx--offset-md-4 { + margin-left: 50%; + } + .security--ne-section .bx--offset-md-5 { + margin-left: 62.5%; + } + .security--ne-section .bx--offset-md-6 { + margin-left: 75%; + } + .security--ne-section .bx--offset-md-7 { + margin-left: 87.5%; + } +} + +.security--ne-section .bx--col-lg-0 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-lg-0, +.bx--grid--condensed .security--ne-section .bx--col-lg-0 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-lg-1 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-lg-1, +.bx--grid--condensed .security--ne-section .bx--col-lg-1 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-lg-2 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-lg-2, +.bx--grid--condensed .security--ne-section .bx--col-lg-2 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-lg-3 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-lg-3, +.bx--grid--condensed .security--ne-section .bx--col-lg-3 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-lg-4 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-lg-4, +.bx--grid--condensed .security--ne-section .bx--col-lg-4 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-lg-5 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-lg-5, +.bx--grid--condensed .security--ne-section .bx--col-lg-5 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-lg-6 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-lg-6, +.bx--grid--condensed .security--ne-section .bx--col-lg-6 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-lg-7 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-lg-7, +.bx--grid--condensed .security--ne-section .bx--col-lg-7 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-lg-8 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-lg-8, +.bx--grid--condensed .security--ne-section .bx--col-lg-8 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-lg-9 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-lg-9, +.bx--grid--condensed .security--ne-section .bx--col-lg-9 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-lg-10 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-lg-10, +.bx--grid--condensed .security--ne-section .bx--col-lg-10 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-lg-11 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-lg-11, +.bx--grid--condensed .security--ne-section .bx--col-lg-11 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-lg-12 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-lg-12, +.bx--grid--condensed .security--ne-section .bx--col-lg-12 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-lg-13 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-lg-13, +.bx--grid--condensed .security--ne-section .bx--col-lg-13 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-lg-14 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-lg-14, +.bx--grid--condensed .security--ne-section .bx--col-lg-14 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-lg-15 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-lg-15, +.bx--grid--condensed .security--ne-section .bx--col-lg-15 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-lg-16 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-lg-16, +.bx--grid--condensed .security--ne-section .bx--col-lg-16 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-lg, +.security--ne-section .bx--col-lg--auto { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-lg, +.bx--grid--condensed .security--ne-section .bx--col-lg, .bx--row--condensed +.security--ne-section .bx--col-lg--auto, +.bx--grid--condensed +.security--ne-section .bx--col-lg--auto { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +@media (min-width: 66rem) { + .security--ne-section .bx--col, + .security--ne-section .bx--col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .security--ne-section .bx--col--auto, + .security--ne-section .bx--col-lg--auto { + flex: 1 0 0%; + width: auto; + max-width: 100%; + } + .security--ne-section .bx--col-lg-0 { + display: none; + } + .security--ne-section .bx--col-lg-1 { + display: block; + flex: 0 0 6.25%; + max-width: 6.25%; + } + .security--ne-section .bx--col-lg-2 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; + } + .security--ne-section .bx--col-lg-3 { + display: block; + flex: 0 0 18.75%; + max-width: 18.75%; + } + .security--ne-section .bx--col-lg-4 { + display: block; + flex: 0 0 25%; + max-width: 25%; + } + .security--ne-section .bx--col-lg-5 { + display: block; + flex: 0 0 31.25%; + max-width: 31.25%; + } + .security--ne-section .bx--col-lg-6 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; + } + .security--ne-section .bx--col-lg-7 { + display: block; + flex: 0 0 43.75%; + max-width: 43.75%; + } + .security--ne-section .bx--col-lg-8 { + display: block; + flex: 0 0 50%; + max-width: 50%; + } + .security--ne-section .bx--col-lg-9 { + display: block; + flex: 0 0 56.25%; + max-width: 56.25%; + } + .security--ne-section .bx--col-lg-10 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; + } + .security--ne-section .bx--col-lg-11 { + display: block; + flex: 0 0 68.75%; + max-width: 68.75%; + } + .security--ne-section .bx--col-lg-12 { + display: block; + flex: 0 0 75%; + max-width: 75%; + } + .security--ne-section .bx--col-lg-13 { + display: block; + flex: 0 0 81.25%; + max-width: 81.25%; + } + .security--ne-section .bx--col-lg-14 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; + } + .security--ne-section .bx--col-lg-15 { + display: block; + flex: 0 0 93.75%; + max-width: 93.75%; + } + .security--ne-section .bx--col-lg-16 { + display: block; + flex: 0 0 100%; + max-width: 100%; + } + .security--ne-section .bx--offset-lg-0 { + margin-left: 0; + } + .security--ne-section .bx--offset-lg-1 { + margin-left: 6.25%; + } + .security--ne-section .bx--offset-lg-2 { + margin-left: 12.5%; + } + .security--ne-section .bx--offset-lg-3 { + margin-left: 18.75%; + } + .security--ne-section .bx--offset-lg-4 { + margin-left: 25%; + } + .security--ne-section .bx--offset-lg-5 { + margin-left: 31.25%; + } + .security--ne-section .bx--offset-lg-6 { + margin-left: 37.5%; + } + .security--ne-section .bx--offset-lg-7 { + margin-left: 43.75%; + } + .security--ne-section .bx--offset-lg-8 { + margin-left: 50%; + } + .security--ne-section .bx--offset-lg-9 { + margin-left: 56.25%; + } + .security--ne-section .bx--offset-lg-10 { + margin-left: 62.5%; + } + .security--ne-section .bx--offset-lg-11 { + margin-left: 68.75%; + } + .security--ne-section .bx--offset-lg-12 { + margin-left: 75%; + } + .security--ne-section .bx--offset-lg-13 { + margin-left: 81.25%; + } + .security--ne-section .bx--offset-lg-14 { + margin-left: 87.5%; + } + .security--ne-section .bx--offset-lg-15 { + margin-left: 93.75%; + } +} + +.security--ne-section .bx--col-xlg-0 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-xlg-0, +.bx--grid--condensed .security--ne-section .bx--col-xlg-0 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-xlg-1 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-xlg-1, +.bx--grid--condensed .security--ne-section .bx--col-xlg-1 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-xlg-2 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-xlg-2, +.bx--grid--condensed .security--ne-section .bx--col-xlg-2 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-xlg-3 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-xlg-3, +.bx--grid--condensed .security--ne-section .bx--col-xlg-3 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-xlg-4 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-xlg-4, +.bx--grid--condensed .security--ne-section .bx--col-xlg-4 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-xlg-5 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-xlg-5, +.bx--grid--condensed .security--ne-section .bx--col-xlg-5 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-xlg-6 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-xlg-6, +.bx--grid--condensed .security--ne-section .bx--col-xlg-6 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-xlg-7 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-xlg-7, +.bx--grid--condensed .security--ne-section .bx--col-xlg-7 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-xlg-8 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-xlg-8, +.bx--grid--condensed .security--ne-section .bx--col-xlg-8 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-xlg-9 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-xlg-9, +.bx--grid--condensed .security--ne-section .bx--col-xlg-9 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-xlg-10 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-xlg-10, +.bx--grid--condensed .security--ne-section .bx--col-xlg-10 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-xlg-11 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-xlg-11, +.bx--grid--condensed .security--ne-section .bx--col-xlg-11 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-xlg-12 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-xlg-12, +.bx--grid--condensed .security--ne-section .bx--col-xlg-12 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-xlg-13 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-xlg-13, +.bx--grid--condensed .security--ne-section .bx--col-xlg-13 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-xlg-14 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-xlg-14, +.bx--grid--condensed .security--ne-section .bx--col-xlg-14 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-xlg-15 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-xlg-15, +.bx--grid--condensed .security--ne-section .bx--col-xlg-15 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-xlg-16 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-xlg-16, +.bx--grid--condensed .security--ne-section .bx--col-xlg-16 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-xlg, +.security--ne-section .bx--col-xlg--auto { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-xlg, +.bx--grid--condensed .security--ne-section .bx--col-xlg, .bx--row--condensed +.security--ne-section .bx--col-xlg--auto, +.bx--grid--condensed +.security--ne-section .bx--col-xlg--auto { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +@media (min-width: 82rem) { + .security--ne-section .bx--col, + .security--ne-section .bx--col-xlg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .security--ne-section .bx--col--auto, + .security--ne-section .bx--col-xlg--auto { + flex: 1 0 0%; + width: auto; + max-width: 100%; + } + .security--ne-section .bx--col-xlg-0 { + display: none; + } + .security--ne-section .bx--col-xlg-1 { + display: block; + flex: 0 0 6.25%; + max-width: 6.25%; + } + .security--ne-section .bx--col-xlg-2 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; + } + .security--ne-section .bx--col-xlg-3 { + display: block; + flex: 0 0 18.75%; + max-width: 18.75%; + } + .security--ne-section .bx--col-xlg-4 { + display: block; + flex: 0 0 25%; + max-width: 25%; + } + .security--ne-section .bx--col-xlg-5 { + display: block; + flex: 0 0 31.25%; + max-width: 31.25%; + } + .security--ne-section .bx--col-xlg-6 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; + } + .security--ne-section .bx--col-xlg-7 { + display: block; + flex: 0 0 43.75%; + max-width: 43.75%; + } + .security--ne-section .bx--col-xlg-8 { + display: block; + flex: 0 0 50%; + max-width: 50%; + } + .security--ne-section .bx--col-xlg-9 { + display: block; + flex: 0 0 56.25%; + max-width: 56.25%; + } + .security--ne-section .bx--col-xlg-10 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; + } + .security--ne-section .bx--col-xlg-11 { + display: block; + flex: 0 0 68.75%; + max-width: 68.75%; + } + .security--ne-section .bx--col-xlg-12 { + display: block; + flex: 0 0 75%; + max-width: 75%; + } + .security--ne-section .bx--col-xlg-13 { + display: block; + flex: 0 0 81.25%; + max-width: 81.25%; + } + .security--ne-section .bx--col-xlg-14 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; + } + .security--ne-section .bx--col-xlg-15 { + display: block; + flex: 0 0 93.75%; + max-width: 93.75%; + } + .security--ne-section .bx--col-xlg-16 { + display: block; + flex: 0 0 100%; + max-width: 100%; + } + .security--ne-section .bx--offset-xlg-0 { + margin-left: 0; + } + .security--ne-section .bx--offset-xlg-1 { + margin-left: 6.25%; + } + .security--ne-section .bx--offset-xlg-2 { + margin-left: 12.5%; + } + .security--ne-section .bx--offset-xlg-3 { + margin-left: 18.75%; + } + .security--ne-section .bx--offset-xlg-4 { + margin-left: 25%; + } + .security--ne-section .bx--offset-xlg-5 { + margin-left: 31.25%; + } + .security--ne-section .bx--offset-xlg-6 { + margin-left: 37.5%; + } + .security--ne-section .bx--offset-xlg-7 { + margin-left: 43.75%; + } + .security--ne-section .bx--offset-xlg-8 { + margin-left: 50%; + } + .security--ne-section .bx--offset-xlg-9 { + margin-left: 56.25%; + } + .security--ne-section .bx--offset-xlg-10 { + margin-left: 62.5%; + } + .security--ne-section .bx--offset-xlg-11 { + margin-left: 68.75%; + } + .security--ne-section .bx--offset-xlg-12 { + margin-left: 75%; + } + .security--ne-section .bx--offset-xlg-13 { + margin-left: 81.25%; + } + .security--ne-section .bx--offset-xlg-14 { + margin-left: 87.5%; + } + .security--ne-section .bx--offset-xlg-15 { + margin-left: 93.75%; + } +} + +.security--ne-section .bx--col-max-0 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-max-0, +.bx--grid--condensed .security--ne-section .bx--col-max-0 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-max-1 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-max-1, +.bx--grid--condensed .security--ne-section .bx--col-max-1 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-max-2 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-max-2, +.bx--grid--condensed .security--ne-section .bx--col-max-2 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-max-3 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-max-3, +.bx--grid--condensed .security--ne-section .bx--col-max-3 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-max-4 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-max-4, +.bx--grid--condensed .security--ne-section .bx--col-max-4 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-max-5 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-max-5, +.bx--grid--condensed .security--ne-section .bx--col-max-5 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-max-6 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-max-6, +.bx--grid--condensed .security--ne-section .bx--col-max-6 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-max-7 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-max-7, +.bx--grid--condensed .security--ne-section .bx--col-max-7 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-max-8 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-max-8, +.bx--grid--condensed .security--ne-section .bx--col-max-8 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-max-9 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-max-9, +.bx--grid--condensed .security--ne-section .bx--col-max-9 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-max-10 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-max-10, +.bx--grid--condensed .security--ne-section .bx--col-max-10 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-max-11 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-max-11, +.bx--grid--condensed .security--ne-section .bx--col-max-11 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-max-12 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-max-12, +.bx--grid--condensed .security--ne-section .bx--col-max-12 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-max-13 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-max-13, +.bx--grid--condensed .security--ne-section .bx--col-max-13 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-max-14 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-max-14, +.bx--grid--condensed .security--ne-section .bx--col-max-14 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-max-15 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-max-15, +.bx--grid--condensed .security--ne-section .bx--col-max-15 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-max-16 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-max-16, +.bx--grid--condensed .security--ne-section .bx--col-max-16 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.security--ne-section .bx--col-max, +.security--ne-section .bx--col-max--auto { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .security--ne-section .bx--col-max, +.bx--grid--condensed .security--ne-section .bx--col-max, .bx--row--condensed +.security--ne-section .bx--col-max--auto, +.bx--grid--condensed +.security--ne-section .bx--col-max--auto { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +@media (min-width: 99rem) { + .security--ne-section .bx--col, + .security--ne-section .bx--col-max { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .security--ne-section .bx--col--auto, + .security--ne-section .bx--col-max--auto { + flex: 1 0 0%; + width: auto; + max-width: 100%; + } + .security--ne-section .bx--col-max-0 { + display: none; + } + .security--ne-section .bx--col-max-1 { + display: block; + flex: 0 0 6.25%; + max-width: 6.25%; + } + .security--ne-section .bx--col-max-2 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; + } + .security--ne-section .bx--col-max-3 { + display: block; + flex: 0 0 18.75%; + max-width: 18.75%; + } + .security--ne-section .bx--col-max-4 { + display: block; + flex: 0 0 25%; + max-width: 25%; + } + .security--ne-section .bx--col-max-5 { + display: block; + flex: 0 0 31.25%; + max-width: 31.25%; + } + .security--ne-section .bx--col-max-6 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; + } + .security--ne-section .bx--col-max-7 { + display: block; + flex: 0 0 43.75%; + max-width: 43.75%; + } + .security--ne-section .bx--col-max-8 { + display: block; + flex: 0 0 50%; + max-width: 50%; + } + .security--ne-section .bx--col-max-9 { + display: block; + flex: 0 0 56.25%; + max-width: 56.25%; + } + .security--ne-section .bx--col-max-10 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; + } + .security--ne-section .bx--col-max-11 { + display: block; + flex: 0 0 68.75%; + max-width: 68.75%; + } + .security--ne-section .bx--col-max-12 { + display: block; + flex: 0 0 75%; + max-width: 75%; + } + .security--ne-section .bx--col-max-13 { + display: block; + flex: 0 0 81.25%; + max-width: 81.25%; + } + .security--ne-section .bx--col-max-14 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; + } + .security--ne-section .bx--col-max-15 { + display: block; + flex: 0 0 93.75%; + max-width: 93.75%; + } + .security--ne-section .bx--col-max-16 { + display: block; + flex: 0 0 100%; + max-width: 100%; + } + .security--ne-section .bx--offset-max-0 { + margin-left: 0; + } + .security--ne-section .bx--offset-max-1 { + margin-left: 6.25%; + } + .security--ne-section .bx--offset-max-2 { + margin-left: 12.5%; + } + .security--ne-section .bx--offset-max-3 { + margin-left: 18.75%; + } + .security--ne-section .bx--offset-max-4 { + margin-left: 25%; + } + .security--ne-section .bx--offset-max-5 { + margin-left: 31.25%; + } + .security--ne-section .bx--offset-max-6 { + margin-left: 37.5%; + } + .security--ne-section .bx--offset-max-7 { + margin-left: 43.75%; + } + .security--ne-section .bx--offset-max-8 { + margin-left: 50%; + } + .security--ne-section .bx--offset-max-9 { + margin-left: 56.25%; + } + .security--ne-section .bx--offset-max-10 { + margin-left: 62.5%; + } + .security--ne-section .bx--offset-max-11 { + margin-left: 68.75%; + } + .security--ne-section .bx--offset-max-12 { + margin-left: 75%; + } + .security--ne-section .bx--offset-max-13 { + margin-left: 81.25%; + } + .security--ne-section .bx--offset-max-14 { + margin-left: 87.5%; + } + .security--ne-section .bx--offset-max-15 { + margin-left: 93.75%; + } +} + +.security--ne-section .bx--no-gutter, +.security--ne-section .bx--row.bx--no-gutter [class*=\\"bx--col\\"] { + padding-left: 0; + padding-right: 0; +} + +.security--ne-section .bx--no-gutter--left, +.security--ne-section .bx--row.bx--no-gutter--left [class*=\\"bx--col\\"] { + padding-left: 0; +} + +.security--ne-section .bx--no-gutter--right, +.security--ne-section .bx--row.bx--no-gutter--right [class*=\\"bx--col\\"] { + padding-right: 0; +} + +.security--ne-section .bx--hang--left { + padding-left: 1rem; +} + +.security--ne-section .bx--hang--right { + padding-right: 1rem; +} + +.security--ne-section .bx--aspect-ratio { + height: 0; + position: relative; +} + +.security--ne-section .bx--aspect-ratio--object { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 100; +} + +.security--ne-section .bx--aspect-ratio--16x9 { + padding-bottom: 56.25%; +} + +.security--ne-section .bx--aspect-ratio--2x1 { + padding-bottom: 50%; +} + +.security--ne-section .bx--aspect-ratio--4x3 { + padding-bottom: 75%; +} + +.security--ne-section .bx--aspect-ratio--1x1 { + padding-bottom: 100%; +} + +.security--ne-section .bx--aspect-ratio--1x2 { + padding-bottom: 200%; +} + +.security--ne-section__content-wrapper { + padding: 6rem 2rem 3rem 2rem; +} + +.security--ne-section__title, .security--ne-section__sub-title, .security--ne-section__description { + color: var(--ui-05, #f4f4f4); + font-weight: normal; + line-height: initial; +} + +.security--ne-section__title { + font-size: 1.5rem; + margin: 0 0 3.25rem 0; +} + +.security--ne-section__sub-title { + font-size: 0.75rem; + margin: 0 0 0.5rem 0; +} + +.security--ne-section__description { + font-size: 1.125rem; + margin: 0 0 2rem 0; +} + +.security--ne-section__link { + display: inline-flex; + margin: 0 0 0.25rem 0; + padding: 0; +} + +.security--ne-section__link__icon { + height: 1.25rem; + width: auto; + align-self: center; + padding: 0 0.5rem 0 0; +} + +.bx--inline-notification { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: flex; + position: relative; + height: auto; + min-height: 3rem; + min-width: 18rem; + max-width: 18rem; + width: 100%; + color: var(--inverse-01, #161616); + margin-top: 1rem; + margin-bottom: 1rem; +} + +.bx--inline-notification *, +.bx--inline-notification *:before, +.bx--inline-notification *:after { + box-sizing: inherit; +} + +@media (min-width: 42rem) { + .bx--inline-notification { + max-width: 38rem; + } +} + +@media (min-width: 66rem) { + .bx--inline-notification { + max-width: 46rem; + } +} + +@media (min-width: 99rem) { + .bx--inline-notification { + max-width: 52rem; + } +} + +.bx--inline-notification:not(.bx--inline-notification--low-contrast) a { + color: var(--inverse-link, #0f62fe); +} + +.bx--inline-notification a { + text-decoration: none; +} + +.bx--inline-notification a:hover { + text-decoration: underline; +} + +.bx--inline-notification a:focus { + outline: 1px solid var(--inverse-link, #0f62fe); +} + +.bx--inline-notification.bx--inline-notification--low-contrast a:focus { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--inline-notification--low-contrast { + color: #161616; +} + +.bx--inline-notification--low-contrast::before { + content: \\"\\"; + pointer-events: none; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-sizing: border-box; + filter: opacity(0.4); + border-style: solid; + border-width: 1px 1px 1px 0; +} + +.bx--inline-notification--error { + border-left: 3px solid var(--inverse-support-01, #da1e28); + background: var(--inverse-02, #f4f4f4); +} + +.bx--inline-notification--error .bx--inline-notification__icon, +.bx--inline-notification--error .bx--toast-notification__icon { + fill: var(--inverse-support-01, #da1e28); +} + +.bx--inline-notification--low-contrast.bx--inline-notification--error { + border-left: 3px solid var(--support-01, #fa4d56); + background: #fff1f1; +} + +.bx--inline-notification--low-contrast.bx--inline-notification--error .bx--inline-notification__icon, +.bx--inline-notification--low-contrast.bx--inline-notification--error .bx--toast-notification__icon { + fill: var(--support-01, #fa4d56); +} + +.bx--inline-notification--low-contrast.bx--inline-notification--error:before { + border-color: var(--support-01, #fa4d56); +} + +.bx--inline-notification--success { + border-left: 3px solid var(--inverse-support-02, #24a148); + background: var(--inverse-02, #f4f4f4); +} + +.bx--inline-notification--success .bx--inline-notification__icon, +.bx--inline-notification--success .bx--toast-notification__icon { + fill: var(--inverse-support-02, #24a148); +} + +.bx--inline-notification--low-contrast.bx--inline-notification--success { + border-left: 3px solid var(--support-02, #42be65); + background: #defbe6; +} + +.bx--inline-notification--low-contrast.bx--inline-notification--success .bx--inline-notification__icon, +.bx--inline-notification--low-contrast.bx--inline-notification--success .bx--toast-notification__icon { + fill: var(--support-02, #42be65); +} + +.bx--inline-notification--low-contrast.bx--inline-notification--success:before { + border-color: var(--support-02, #42be65); +} + +.bx--inline-notification--info { + border-left: 3px solid var(--inverse-support-04, #0f62fe); + background: var(--inverse-02, #f4f4f4); +} + +.bx--inline-notification--info .bx--inline-notification__icon, +.bx--inline-notification--info .bx--toast-notification__icon { + fill: var(--inverse-support-04, #0f62fe); +} + +.bx--inline-notification--low-contrast.bx--inline-notification--info { + border-left: 3px solid var(--support-04, #4589ff); + background: #edf5ff; +} + +.bx--inline-notification--low-contrast.bx--inline-notification--info .bx--inline-notification__icon, +.bx--inline-notification--low-contrast.bx--inline-notification--info .bx--toast-notification__icon { + fill: var(--support-04, #4589ff); +} + +.bx--inline-notification--low-contrast.bx--inline-notification--info:before { + border-color: var(--support-04, #4589ff); +} + +.bx--inline-notification--warning { + border-left: 3px solid var(--inverse-support-03, #f1c21b); + background: var(--inverse-02, #f4f4f4); +} + +.bx--inline-notification--warning .bx--inline-notification__icon, +.bx--inline-notification--warning .bx--toast-notification__icon { + fill: var(--inverse-support-03, #f1c21b); +} + +.bx--inline-notification--low-contrast.bx--inline-notification--warning { + border-left: 3px solid var(--support-03, #f1c21b); + background: #fdf6dd; +} + +.bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--inline-notification__icon, +.bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--toast-notification__icon { + fill: var(--support-03, #f1c21b); +} + +.bx--inline-notification--low-contrast.bx--inline-notification--warning:before { + border-color: var(--support-03, #f1c21b); +} + +.bx--inline-notification--warning .bx--inline-notification__icon path[opacity=\\"0\\"] { + fill: #000000; + opacity: 1; +} + +.bx--inline-notification__details { + display: flex; + flex-grow: 1; + margin: 0 1rem; +} + +.bx--inline-notification__icon { + flex-shrink: 0; + margin-right: 1rem; + margin-top: 0.875rem; +} + +.bx--inline-notification__text-wrapper { + display: flex; + flex-wrap: wrap; + align-items: center; + padding: 0.75rem 0; +} + +.bx--inline-notification__title { + font-size: 0.875rem; + font-weight: 600; + line-height: 1.125rem; + letter-spacing: 0.16px; + margin: 0 0.25rem 0 0; + line-height: 1.5rem; +} + +.bx--inline-notification__subtitle { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + word-break: break-word; +} + +.bx--inline-notification__action-button.bx--btn--ghost { + height: 2rem; + margin: 0.5rem 0; +} + +.bx--inline-notification__action-button.bx--btn--ghost, .bx--inline-notification__action-button.bx--btn--ghost:hover, .bx--inline-notification__action-button.bx--btn--ghost:focus, .bx--inline-notification__action-button.bx--btn--ghost:active { + color: var(--inverse-link, #0f62fe); +} + +.bx--inline-notification__action-button.bx--btn--ghost:focus { + border-color: transparent; + outline: 2px solid var(--inverse-focus-ui, #0f62fe); + outline-offset: -2px; +} + +.bx--inline-notification__action-button.bx--btn--ghost:hover { + background-color: var(--inverse-hover-ui, #e5e5e5); +} + +.bx--inline-notification--hide-close-button .bx--inline-notification__action-button.bx--btn--ghost { + margin-right: 0.5rem; +} + +.bx--inline-notification__close-button { + outline: 2px solid transparent; + outline-offset: -2px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background: transparent; + border: none; + cursor: pointer; + padding: 0; + height: 3rem; + width: 3rem; + min-width: 3rem; + max-width: 3rem; + transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--inline-notification__close-button:focus { + outline: 2px solid var(--inverse-focus-ui, #0f62fe); + outline-offset: -2px; +} + +.bx--inline-notification__close-button .bx--inline-notification__close-icon { + fill: var(--inverse-01, #161616); +} + +.bx--inline-notification--low-contrast .bx--inline-notification__close-button .bx--inline-notification__close-icon { + fill: #161616; +} + +.bx--inline-notification--low-contrast .bx--inline-notification__action-button { + color: #0f62fe; +} + +.bx--inline-notification--low-contrast .bx--inline-notification__action-button:active { + color: #002d9c; +} + +.bx--inline-notification--low-contrast .bx--inline-notification__action-button:active, .bx--inline-notification--low-contrast .bx--inline-notification__action-button:hover { + background-color: #ffffff; +} + +.bx--toast-notification { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: flex; + width: 18rem; + height: auto; + padding-left: 0.875rem; + color: var(--inverse-01, #161616); + margin-top: 0.5rem; + margin-bottom: 0.5rem; + margin-right: 1rem; + box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); +} + +.bx--toast-notification *, +.bx--toast-notification *:before, +.bx--toast-notification *:after { + box-sizing: inherit; +} + +.bx--toast-notification:first-child { + margin-top: 1rem; +} + +@media (min-width: 99rem) { + .bx--toast-notification { + width: 22rem; + } +} + +.bx--toast-notification:not(.bx--toast-notification--low-contrast) a { + color: var(--inverse-link, #0f62fe); +} + +.bx--toast-notification a { + text-decoration: none; +} + +.bx--toast-notification a:hover { + text-decoration: underline; +} + +.bx--toast-notification a:focus { + outline: 1px solid var(--inverse-link, #0f62fe); +} + +.bx--toast-notification.bx--toast-notification--low-contrast a:focus { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--toast-notification--low-contrast { + color: #161616; +} + +.bx--toast-notification--error { + border-left: 3px solid var(--inverse-support-01, #da1e28); + background: var(--inverse-02, #f4f4f4); +} + +.bx--toast-notification--error .bx--inline-notification__icon, +.bx--toast-notification--error .bx--toast-notification__icon { + fill: var(--inverse-support-01, #da1e28); +} + +.bx--toast-notification--low-contrast.bx--toast-notification--error { + border-left: 3px solid var(--support-01, #fa4d56); + background: #fff1f1; +} + +.bx--toast-notification--low-contrast.bx--toast-notification--error .bx--inline-notification__icon, +.bx--toast-notification--low-contrast.bx--toast-notification--error .bx--toast-notification__icon { + fill: var(--support-01, #fa4d56); +} + +.bx--toast-notification--success { + border-left: 3px solid var(--inverse-support-02, #24a148); + background: var(--inverse-02, #f4f4f4); +} + +.bx--toast-notification--success .bx--inline-notification__icon, +.bx--toast-notification--success .bx--toast-notification__icon { + fill: var(--inverse-support-02, #24a148); +} + +.bx--toast-notification--low-contrast.bx--toast-notification--success { + border-left: 3px solid var(--support-02, #42be65); + background: #defbe6; +} + +.bx--toast-notification--low-contrast.bx--toast-notification--success .bx--inline-notification__icon, +.bx--toast-notification--low-contrast.bx--toast-notification--success .bx--toast-notification__icon { + fill: var(--support-02, #42be65); +} + +.bx--toast-notification--info { + border-left: 3px solid var(--inverse-support-04, #0f62fe); + background: var(--inverse-02, #f4f4f4); +} + +.bx--toast-notification--info .bx--inline-notification__icon, +.bx--toast-notification--info .bx--toast-notification__icon { + fill: var(--inverse-support-04, #0f62fe); +} + +.bx--toast-notification--low-contrast.bx--toast-notification--info { + border-left: 3px solid var(--support-04, #4589ff); + background: #edf5ff; +} + +.bx--toast-notification--low-contrast.bx--toast-notification--info .bx--inline-notification__icon, +.bx--toast-notification--low-contrast.bx--toast-notification--info .bx--toast-notification__icon { + fill: var(--support-04, #4589ff); +} + +.bx--toast-notification--warning { + border-left: 3px solid var(--inverse-support-03, #f1c21b); + background: var(--inverse-02, #f4f4f4); +} + +.bx--toast-notification--warning .bx--inline-notification__icon, +.bx--toast-notification--warning .bx--toast-notification__icon { + fill: var(--inverse-support-03, #f1c21b); +} + +.bx--toast-notification--low-contrast.bx--toast-notification--warning { + border-left: 3px solid var(--support-03, #f1c21b); + background: #fdf6dd; +} + +.bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--inline-notification__icon, +.bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--toast-notification__icon { + fill: var(--support-03, #f1c21b); +} + +.bx--toast-notification--warning .bx--toast-notification__icon path[opacity=\\"0\\"] { + fill: #000000; + opacity: 1; +} + +.bx--toast-notification__icon { + flex-shrink: 0; + margin-right: 0.875rem; + margin-top: 0.875rem; +} + +.bx--toast-notification__details { + margin-right: 1rem; +} + +.bx--toast-notification__close-button { + outline: 2px solid transparent; + outline-offset: -2px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background-color: transparent; + border: none; + cursor: pointer; + margin-left: auto; + padding: 0; + height: 3rem; + width: 3rem; + min-height: 3rem; + min-width: 3rem; + transition: outline 110ms, background-color 110ms; +} + +.bx--toast-notification__close-button:focus { + outline: 2px solid var(--inverse-focus-ui, #0f62fe); + outline-offset: -2px; +} + +.bx--toast-notification__close-button .bx--toast-notification__close-icon { + fill: var(--inverse-01, #161616); +} + +.bx--toast-notification--low-contrast .bx--toast-notification__close-button .bx--toast-notification__close-icon { + fill: #161616; +} + +.bx--toast-notification__title { + font-size: 0.875rem; + font-weight: 600; + line-height: 1.125rem; + letter-spacing: 0.16px; + font-weight: 600; + margin-top: 1rem; + word-break: break-word; +} + +.bx--toast-notification__subtitle { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + color: var(--inverse-01, #161616); + margin-top: 0; + margin-bottom: 1.5rem; + word-break: break-word; +} + +.bx--toast-notification--low-contrast .bx--toast-notification__subtitle { + color: #161616; +} + +.bx--toast-notification__caption { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + color: var(--inverse-01, #161616); + margin-bottom: 1rem; +} + +.bx--toast-notification--low-contrast .bx--toast-notification__caption { + color: #161616; +} + +.security--panel { + display: flex; + position: fixed; + top: 0; + right: 0; + height: 100%; + width: 20rem; + color: var(--text-01, #f4f4f4); + background-color: var(--ui-01, #262626); + flex-direction: column; + justify-content: space-between; + z-index: 10000; +} + +.security--theme--cg10 .security--panel { + --interactive-01: #0f62fe; + --interactive-02: #697077; + --interactive-03: #ffffff; + --interactive-04: #4589ff; + --ui-background: #121619; + --ui-01: #21272a; + --ui-02: #343a3f; + --ui-03: #343a3f; + --ui-04: #697077; + --ui-05: #f2f4f8; + --text-01: #f2f4f8; + --text-02: #c1c7cd; + --text-03: #697077; + --text-04: #ffffff; + --text-05: #878d96; + --text-error: #ff8389; + --icon-01: #f2f4f8; + --icon-02: #c1c7cd; + --icon-03: #ffffff; + --link-01: #78a9ff; + --inverse-link: #0f62fe; + --field-01: #21272a; + --field-02: #343a3f; + --inverse-01: #121619; + --inverse-02: #f2f4f8; + --support-01: #fa4d56; + --support-02: #42be65; + --support-03: #f1c21b; + --support-04: #4589ff; + --inverse-support-01: #da1e28; + --inverse-support-02: #24a148; + --inverse-support-03: #f1c21b; + --inverse-support-04: #0f62fe; + --overlay-01: rgba(22, 22, 22, 0.7); + --danger: #da1e28; + --focus: #ffffff; + --inverse-focus-ui: #0f62fe; + --hover-primary: #0353e9; + --active-primary: #002d9c; + --hover-primary-text: #a6c8ff; + --hover-secondary: #5a6066; + --active-secondary: #343a3f; + --hover-tertiary: #f2f4f8; + --active-tertiary: #c1c7cd; + --hover-ui: #2f353a; + --active-ui: #4d5358; + --selected-ui: #343a3f; + --inverse-hover-ui: #e0e4ea; + --hover-selected-ui: #464c51; + --hover-danger: #b81921; + --active-danger: #750e13; + --hover-row: #2f353a; + --visited-link: #be95ff; + --disabled-01: #21272a; + --disabled-02: #4d5358; + --disabled-03: #697077; + --highlight: #002d9c; + --skeleton-01: #2f353a; + --skeleton-02: #343a3f; + --brand-01: #0f62fe; + --brand-02: #697077; + --brand-03: #ffffff; + --active-01: #4d5358; + --hover-field: #2f353a; +} + +.security--panel[dir=\\"rtl\\"], +[dir=\\"rtl\\"] .security--panel { + right: unset; + left: 0; +} + +.security--panel__container .security--header__container { + width: calc( 100% - 3rem - 20rem); +} + +.security--panel__container .security--header__container > .security--header { + width: inherit; +} + +.security--panel__button--close:only-child { + margin-left: auto; +} + +.security--panel__button--close:only-child[dir=\\"rtl\\"], +[dir=\\"rtl\\"] .security--panel__button--close:only-child { + margin-right: auto; + margin-left: unset; +} + +.security--panel__header { + display: flex; + position: fixed; + top: 0; + width: 18rem; + padding-top: 1rem; + padding-bottom: 1rem; + margin-right: 1rem; + margin-left: 1rem; + box-sizing: border-box; + justify-content: space-between; + border-bottom: 0.0625rem solid var(--ui-04, #6f6f6f); +} + +.security--panel__header__container--title { + width: 14.5rem; +} + +.security--panel__header--title, .security--panel__header--subtitle { + color: var(--text-01, #f4f4f4); + word-break: break-word; +} + +.security--panel__header--title { + font-size: 1.25rem; + font-weight: 400; + line-height: 1.625rem; + letter-spacing: 0; + display: block; + margin-bottom: 0.75rem; +} + +.security--panel__header--subtitle { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +.security--panel__body { + margin-top: 5.5rem; + flex-grow: 1; + overflow-y: auto; +} + +.security--panel__body--content { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + padding: 1rem; + border-bottom: 0.0625rem solid var(--ui-04, #6f6f6f); +} + +.security--panel__body--content:last-child { + border-bottom: none; +} + +.security--panel__body--footer { + margin-bottom: 3rem; +} + +.security--panel__footer { + display: flex; + position: fixed; + bottom: 0; + width: 20rem; +} + +.security--panel__footer__button { + max-width: 20rem; + flex-grow: 1; +} + +.security--pill { + border-radius: 6.25rem; + padding: 0 0.5rem; +} + +.security--pill--inline { + border-radius: 3.125rem; + display: inline-flex; + padding: 0 0.25rem; +} + +.security--profile-image { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + display: inline-flex; + width: 1.75rem; + height: 1.75rem; + color: var(--inverse-01, #161616); + align-items: center; + background-color: var(--icon-02, #c6c6c6); + border-radius: 50%; + justify-content: center; + object-fit: cover; + text-transform: uppercase; +} + +.security--profile-image--large { + font-size: 1.25rem; + font-weight: 400; + line-height: 1.625rem; + letter-spacing: 0; + width: 3.5rem; + height: 3.5rem; +} + +.bx--progress { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: flex; + list-style: none; +} + +.bx--progress *, +.bx--progress *:before, +.bx--progress *:after { + box-sizing: inherit; +} + +.bx--progress-step { + position: relative; + display: inline-flex; + flex-direction: row; + min-width: 7rem; + width: 8rem; + overflow: visible; +} + +.bx--progress-step .bx--tooltip__label { + display: block; +} + +.bx--progress-line { + position: absolute; + left: 0; + height: 1px; + width: 8rem; + border: 1px inset transparent; +} + +.bx--progress-step svg { + position: relative; + z-index: 1; + width: 1rem; + height: 1rem; + border-radius: 50%; + margin: 9px 0.5rem 0 0; + fill: var(--interactive-04, #4589ff); +} + +.bx--progress-label { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + color: var(--text-01, #f4f4f4); + line-height: 1.45; + max-width: 5.5rem; + margin: 0.5rem 0 0 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + transition: box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--progress-label::before { + content: \\"\\"; + display: block; +} + +.bx--progress-label:hover { + color: var(--link-01, #78a9ff); + cursor: pointer; + box-shadow: 0 0.0625rem var(--link-01, #78a9ff); +} + +.bx--progress-label:focus { + outline: none; + color: var(--link-01, #78a9ff); + box-shadow: 0 0.1875rem 0 0 var(--link-01, #78a9ff); +} + +.bx--progress-label:active { + color: var(--interactive-01, #0f62fe); + box-shadow: 0 0.1875rem 0 0 var(--interactive-01, #0f62fe); +} + +.bx--progress-label-overflow:hover ~ .bx--tooltip, +.bx--progress-label-overflow:focus ~ .bx--tooltip { + visibility: visible; +} + +.bx--progress-step .bx--tooltip .bx--tooltip__caret { + margin-left: 0.625rem; +} + +.bx--tooltip__text { + padding: 0; + margin: 0; + font-weight: normal; +} + +.bx--progress-step .bx--tooltip { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.25rem; + letter-spacing: 0.16px; + min-width: 7.1875rem; + width: 7.8125rem; + min-height: 1.5rem; + margin-left: 1.375rem; + margin-top: 2.5rem; + padding: 0.5rem 1rem; + display: block; + visibility: hidden; + color: var(--inverse-01, #161616); +} + +.bx--progress-step .bx--tooltip_multi { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.25rem; + letter-spacing: 0.16px; + width: 9.375rem; + height: auto; + color: var(--inverse-01, #161616); +} + +.bx--progress-optional { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + position: absolute; + left: 0; + margin-left: 1.5rem; + margin-top: 1.75rem; + color: var(--text-02, #c6c6c6); + text-align: start; +} + +.bx--progress-step--current .bx--progress-line { + background-color: var(--interactive-01, #0f62fe); +} + +.bx--progress-step--current svg { + stroke: var(--interactive-04, #4589ff); + fill: var(--interactive-04, #4589ff); +} + +.bx--progress-step--current svg path:last-of-type { + stroke-width: 40%; +} + +.bx--progress-step--incomplete svg { + fill: var(--ui-05, #f4f4f4); +} + +.bx--progress-step--incomplete .bx--progress-line { + background-color: var(--ui-03, #393939); +} + +.bx--progress-step--complete .bx--progress-line { + background-color: var(--interactive-01, #0f62fe); +} + +.bx--progress-step-button { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + width: 100%; + display: flex; +} + +.bx--progress-step-button *, +.bx--progress-step-button *:before, +.bx--progress-step-button *:after { + box-sizing: inherit; +} + +.bx--progress-step-button::-moz-focus-inner { + border: 0; +} + +.bx--progress-step-button--unclickable { + outline: none; +} + +.bx--progress-step--disabled { + cursor: not-allowed; +} + +.bx--progress-step--disabled svg { + fill: var(--disabled-02, #525252); + cursor: not-allowed; +} + +.bx--progress-step--disabled .bx--progress-label, +.bx--progress-step--disabled .bx--progress-label:hover { + color: var(--disabled-02, #525252); + cursor: not-allowed; + box-shadow: none; +} + +.bx--progress-step--disabled .bx--progress-label:focus, +.bx--progress-step--disabled .bx--progress-label:active { + outline: none; + box-shadow: none; +} + +.bx--progress-step--disabled .bx--progress-line { + cursor: not-allowed; +} + +.bx--progress-step--disabled .bx--progress-label-overflow:hover ~ .bx--tooltip--definition .bx--tooltip--definition__bottom { + display: none; +} + +.bx--progress__warning > path { + fill: var(--support-01, #fa4d56); +} + +.bx--progress.bx--skeleton .bx--progress-label { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + height: 0.75rem; + width: 2.5rem; +} + +.bx--progress.bx--skeleton .bx--progress-label:hover, .bx--progress.bx--skeleton .bx--progress-label:focus, .bx--progress.bx--skeleton .bx--progress-label:active { + border: none; + outline: none; + cursor: default; +} + +.bx--progress.bx--skeleton .bx--progress-label:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--progress.bx--skeleton .bx--progress-label:before { + animation: none; + } +} + +.bx--progress--vertical { + display: flex; + flex-direction: column; +} + +.bx--progress--vertical .bx--progress-step, +.bx--progress--vertical .bx--progress-step-button { + display: list-item; + min-height: 3.625rem; + width: initial; + min-width: initial; +} + +.bx--progress--vertical .bx--progress-step svg, +.bx--progress--vertical .bx--progress-step-button svg { + display: inline-block; + margin: 0.1rem 0.5rem; +} + +.bx--progress--vertical .bx--progress-step-button svg { + margin-right: 0.7rem; +} + +.bx--progress--vertical .bx--progress-step--current svg { + margin-left: 0.563rem; +} + +.bx--progress--vertical .bx--progress-label { + display: inline-block; + width: initial; + max-width: 10rem; + vertical-align: top; + margin: 0; + white-space: initial; +} + +.bx--progress--vertical .bx--progress-step .bx--tooltip { + margin-top: 0.5rem; +} + +.bx--progress--vertical .bx--progress-optional { + margin-top: auto; + margin-left: 2.25rem; +} + +.bx--progress--vertical .bx--progress-line { + left: 0; + height: 100%; + width: 1px; +} + +.bx--assistive-text, +.bx--visually-hidden { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + visibility: visible; + white-space: nowrap; +} + +.bx--body { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + color: var(--text-01, #f4f4f4); + background-color: var(--ui-background, #161616); + line-height: 1; +} + +.bx--body *, +.bx--body *:before, +.bx--body *:after { + box-sizing: inherit; +} + +.bx--list-box__wrapper--inline { + display: inline-grid; + align-items: center; + grid-template: auto auto / auto auto; + grid-gap: 0.25rem; +} + +.bx--list-box__wrapper--inline .bx--label { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +.bx--list-box__wrapper--inline .bx--label, +.bx--list-box__wrapper--inline .bx--form__helper-text, +.bx--list-box__wrapper--inline .bx--form-requirement { + margin: 0; +} + +.bx--list-box__wrapper--inline .bx--form__helper-text { + max-width: none; +} + +.bx--list-box__wrapper--inline .bx--form-requirement { + grid-column: 2; +} + +.bx--list-box { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + position: relative; + width: 100%; + height: 2.5rem; + max-height: 2.5rem; + background-color: var(--field-01, #262626); + border: none; + border-bottom: 1px solid var(--ui-04, #6f6f6f); + cursor: pointer; + color: var(--text-01, #f4f4f4); + transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--list-box *, +.bx--list-box *:before, +.bx--list-box *:after { + box-sizing: inherit; +} + +.bx--list-box:hover { + background-color: var(--hover-ui, #353535); +} + +.bx--list-box--xl { + height: 3rem; + max-height: 3rem; +} + +.bx--list-box--sm { + height: 2rem; + max-height: 2rem; +} + +.bx--list-box--expanded { + border-bottom-color: var(--ui-03, #393939); +} + +.bx--list-box--expanded:hover { + background-color: var(--field-01, #262626); +} + +.bx--list-box--expanded:hover.bx--list-box--light:hover { + background-color: var(--field-02, #393939); +} + +.bx--list-box .bx--text-input { + height: 100%; +} + +.bx--list-box__invalid-icon { + position: absolute; + top: 50%; + right: 2.5rem; + fill: var(--support-01, #fa4d56); + transform: translateY(-50%); +} + +.bx--list-box[data-invalid] .bx--list-box__field { + border-bottom: 0; + padding-right: 4rem; +} + +.bx--list-box[data-invalid].bx--list-box--inline .bx--list-box__field { + padding-right: 3.5rem; +} + +.bx--list-box--light { + background-color: var(--field-02, #393939); +} + +.bx--list-box--light.bx--list-box--expanded { + border-bottom-width: 0; +} + +.bx--list-box--disabled:hover { + background-color: var(--field-01, #262626); +} + +.bx--list-box--light.bx--list-box--disabled { + background-color: var(--field-02, #393939); +} + +.bx--list-box--disabled, +.bx--list-box--disabled .bx--list-box__field, +.bx--list-box--disabled .bx--list-box__field:focus { + border-bottom-width: 0; + outline: none; +} + +.bx--list-box--disabled .bx--list-box__label, +.bx--list-box--disabled.bx--list-box--inline .bx--list-box__label { + color: var(--disabled-02, #525252); +} + +.bx--list-box--disabled .bx--list-box__menu-icon > svg { + fill: var(--disabled-02, #525252); +} + +.bx--list-box--disabled, +.bx--list-box--disabled .bx--list-box__field, +.bx--list-box--disabled .bx--list-box__menu-icon { + cursor: not-allowed; +} + +.bx--list-box--disabled .bx--list-box__menu-item, +.bx--list-box--disabled .bx--list-box__menu-item:hover, +.bx--list-box--disabled .bx--list-box__menu-item--highlighted { + color: var(--disabled-02, #525252); + text-decoration: none; +} + +.bx--list-box--disabled .bx--list-box__selection:hover { + cursor: not-allowed; +} + +.bx--list-box--disabled.bx--list-box[data-invalid] .bx--list-box__field { + padding-right: 3rem; +} + +.bx--list-box--disabled.bx--list-box[data-invalid].bx--list-box--inline .bx--list-box__field { + padding-right: 2rem; +} + +.bx--list-box.bx--list-box--inline { + background-color: transparent; + border-width: 0; +} + +.bx--list-box.bx--list-box--inline:hover { + background-color: var(--hover-ui, #353535); +} + +.bx--list-box.bx--list-box--inline.bx--list-box--expanded { + border-bottom-width: 0; +} + +.bx--list-box.bx--list-box--inline.bx--list-box--expanded .bx--list-box__field[aria-expanded=\\"true\\"] { + border-width: 0; +} + +.bx--list-box.bx--list-box--inline.bx--list-box--disabled:hover { + background-color: transparent; +} + +.bx--list-box.bx--list-box--inline.bx--list-box--expanded:hover { + background-color: var(--field-02, #393939); +} + +.bx--list-box.bx--list-box--inline, +.bx--list-box.bx--list-box--inline .bx--list-box__field { + height: 2rem; +} + +.bx--list-box.bx--list-box--inline .bx--list-box__field { + padding: 0 2rem 0 0.5rem; +} + +.bx--list-box.bx--list-box--inline .bx--list-box__menu-icon { + right: 0.5rem; +} + +.bx--list-box.bx--list-box--inline .bx--list-box__invalid-icon { + right: 2rem; +} + +.bx--list-box--inline .bx--list-box__label { + color: var(--text-01, #f4f4f4); +} + +.bx--list-box__field { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + width: 100%; + position: relative; + display: inline-flex; + align-items: center; + vertical-align: top; + height: calc(100% + 1px); + padding: 0 3rem 0 1rem; + cursor: pointer; + outline: none; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.bx--list-box__field *, +.bx--list-box__field *:before, +.bx--list-box__field *:after { + box-sizing: inherit; +} + +.bx--list-box__field::-moz-focus-inner { + border: 0; +} + +.bx--list-box__field:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--list-box__field[disabled] { + outline: none; + color: var(--disabled-02, #525252); +} + +.bx--list-box__field .bx--text-input { + padding-right: 4.5rem; +} + +.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input { + padding-right: 6.125rem; +} + +.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input + .bx--list-box__invalid-icon { + right: 4.125rem; +} + +.bx--list-box__field .bx--text-input--empty { + padding-right: 3rem; +} + +.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input--empty { + padding-right: 4.5rem; +} + +.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input--empty + .bx--list-box__invalid-icon { + right: 2.5rem; +} + +.bx--list-box__label { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + color: var(--text-01, #f4f4f4); + user-select: none; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + +.bx--list-box__menu-icon { + position: absolute; + top: 0; + right: 1rem; + bottom: 0; + height: 100%; + transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9); + cursor: pointer; +} + +.bx--list-box__menu-icon > svg { + fill: var(--icon-01, #f4f4f4); + height: 100%; +} + +.bx--list-box__menu-icon--open { + transform: rotate(180deg); +} + +.bx--list-box__selection { + position: absolute; + right: 2.0625rem; + top: 50%; + transform: translateY(-50%); + display: flex; + justify-content: center; + align-items: center; + height: 1.875rem; + width: 1.875rem; + cursor: pointer; + user-select: none; + transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--list-box__selection:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--list-box__selection--multi { + top: auto; + transform: none; +} + +.bx--list-box__selection > svg { + fill: var(--icon-02, #c6c6c6); +} + +.bx--list-box--disabled .bx--list-box__selection:focus { + outline: none; +} + +.bx--list-box--disabled .bx--list-box__selection > svg { + fill: var(--disabled-02, #525252); +} + +.bx--list-box__selection--multi { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + position: static; + display: flex; + align-items: center; + justify-content: space-between; + padding: 0; + background-color: var(--inverse-02, #f4f4f4); + height: 1.5rem; + width: auto; + color: var(--inverse-01, #161616); + line-height: 0; + padding: 0.5rem; + padding-right: 0.125rem; + margin-right: 0.625rem; + border-radius: 0.75rem; +} + +.bx--list-box__selection--multi > svg { + fill: var(--inverse-01, #161616); + margin-left: 0.25rem; + width: 1.25rem; + height: 1.25rem; + padding: 0.125rem; +} + +.bx--list-box__selection--multi > svg:hover { + border-radius: 50%; + background-color: var(--hover-secondary, #606060); +} + +.bx--list-box__selection--multi:focus, +.bx--list-box__selection--multi:hover { + outline: none; +} + +.bx--list-box__menu { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + position: absolute; + left: 0; + right: 0; + width: 100%; + background-color: var(--ui-01, #262626); + max-height: 8.75rem; + overflow-y: auto; + z-index: 9100; +} + +.bx--list-box__menu-item { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + height: 2.5rem; + color: var(--text-02, #c6c6c6); + cursor: pointer; + user-select: none; + position: relative; + transition: background 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--list-box__menu-item:hover { + background-color: var(--hover-ui, #353535); +} + +.bx--list-box__menu-item:active { + background-color: var(--selected-ui, #393939); +} + +.bx--list-box--sm .bx--list-box__menu-item { + height: 2rem; +} + +.bx--list-box--xl .bx--list-box__menu-item { + height: 3rem; +} + +.bx--list-box--disabled .bx--list-box__menu-item:hover { + background-color: transparent; +} + +.bx--list-box--disabled .bx--list-box__menu-item__option:hover { + border-top-color: var(--ui-03, #393939); +} + +.bx--list-box__menu-item:first-of-type .bx--list-box__menu-item__option { + border-top-color: transparent; +} + +.bx--list-box__menu-item:hover .bx--list-box__menu-item__option { + color: var(--text-01, #f4f4f4); +} + +.bx--list-box__menu-item:hover + .bx--list-box__menu-item .bx--list-box__menu-item__option { + border-top-color: transparent; +} + +.bx--list-box--disabled .bx--list-box__menu-item:hover + .bx--list-box__menu-item .bx--list-box__menu-item__option { + border-top-color: var(--ui-03, #393939); +} + +.bx--list-box__menu-item__option { + outline: 2px solid transparent; + outline-offset: -2px; + display: block; + height: 2.5rem; + color: var(--text-02, #c6c6c6); + text-decoration: none; + font-weight: normal; + line-height: 1rem; + padding: 0.6875rem 0; + margin: 0 1rem; + padding-right: 1.5rem; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + border-top-color: var(--ui-03, #393939); + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + transition: border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), color 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--list-box__menu-item__option:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + margin: 0; + padding: 0.6875rem 1rem; + border-color: transparent; +} + +.bx--list-box__menu-item__option:hover { + color: var(--text-01, #f4f4f4); + border-color: transparent; +} + +.bx--list-box--sm .bx--list-box__menu-item__option { + padding-top: 0.4375rem; + padding-bottom: 0.4375rem; + height: 2rem; +} + +.bx--list-box--xl .bx--list-box__menu-item__option { + padding-top: 0.9375rem; + padding-bottom: 0.9375rem; + height: 3rem; +} + +.bx--list-box--disabled .bx--list-box__menu-item:hover .bx--list-box__menu-item__option, +.bx--list-box--disabled .bx--list-box__menu-item__option { + color: var(--disabled-02, #525252); +} + +.bx--list-box.bx--list-box--inline .bx--list-box__menu-item__option { + margin: 0 0.5rem; +} + +.bx--list-box.bx--list-box--inline .bx--list-box__menu-item__option:focus { + margin: 0; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.bx--list-box__menu-item--highlighted { + background-color: var(--hover-ui, #353535); + color: var(--text-01, #f4f4f4); + border-color: transparent; +} + +.bx--list-box__menu-item--highlighted .bx--list-box__menu-item__option, +.bx--list-box__menu-item--highlighted + .bx--list-box__menu-item .bx--list-box__menu-item__option { + border-top-color: transparent; +} + +.bx--list-box__menu-item--highlighted .bx--list-box__menu-item__option { + color: var(--text-01, #f4f4f4); +} + +.bx--list-box__menu-item--active { + color: var(--text-01, #f4f4f4); + background-color: var(--selected-ui, #393939); + border-bottom-color: var(--selected-ui, #393939); +} + +.bx--list-box__menu-item--active .bx--list-box__menu-item__option { + color: var(--text-01, #f4f4f4); +} + +.bx--list-box__menu-item__selected-icon { + display: none; + position: absolute; + top: 50%; + right: 1rem; + transform: translateY(-50%); + fill: var(--icon-01, #f4f4f4); +} + +.bx--list-box--inline .bx--list-box__menu-item__selected-icon { + right: 0.5rem; +} + +.bx--list-box__menu-item--active .bx--list-box__menu-item__selected-icon { + display: block; +} + +.bx--list-box__menu-item .bx--checkbox-label { + width: 100%; +} + +.bx--list-box__menu-item .bx--checkbox-label-text { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} + +.bx--list-box input[role=\\"combobox\\"] { + background-color: inherit; + min-width: 0; +} + +.bx--multi-select .bx--list-box__menu { + min-width: auto; +} + +.bx--multi-select .bx--list-box__menu-item__option .bx--checkbox-wrapper { + width: 100%; + height: 100%; + display: flex; + align-items: center; +} + +.bx--multi-select .bx--list-box__menu-item__option > .bx--form-item { + margin: 0; + flex-direction: row; +} + +.bx--multi-select .bx--list-box__menu-item .bx--checkbox:checked ~ .bx--checkbox-label-text { + color: var(--text-01, #f4f4f4); +} + +.bx--multi-select--filterable .bx--list-box__selection--multi { + position: absolute; + left: 0.5rem; + right: auto; +} + +.bx--multi-select--selected .bx--text-input { + padding-left: 3.5rem; +} + +.bx--multi-select, +.bx--multi-select * { + box-sizing: border-box; +} + +.bx--multi-select .bx--list-box__selection--multi > svg { + fill: var(--inverse-01, #161616); +} + +.bx--multi-select .bx--list-box__selection--multi > svg:hover { + fill: var(--icon-03, #ffffff); +} + +.bx--multi-select .bx--list-box__menu-item__option .bx--checkbox-wrapper { + width: 100%; + height: 100%; + display: flex; + align-items: center; +} + +.bx--multi-select .bx--list-box__menu-item__option > .bx--form-item { + margin: 0; + flex-direction: row; +} + +.security--search-bar { + display: flex; +} + +.security--search-bar__scopes.bx--list-box { + flex: 0 0 14rem; + border: 0; +} + +.security--search-bar__scopes.bx--list-box, +.security--search-bar__scopes.bx--list-box .bx--list-box__field { + height: 100%; + max-height: unset; +} + +.security--stacked-notification { + border-width: 0; + box-shadow: 0.25rem 0.25rem var(--ui-04, #6f6f6f), 0.5rem 0.5rem 0 var(--ui-03, #393939); +} + +@keyframes rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +@keyframes rotate-end-p1 { + 100% { + transform: rotate(360deg); + } +} + +@keyframes rotate-end-p2 { + 100% { + transform: rotate(-360deg); + } +} + +/* Stroke animations */ +@keyframes init-stroke { + 0% { + stroke-dashoffset: 240; + } + 100% { + stroke-dashoffset: 40; + } +} + +@keyframes stroke-end { + 0% { + stroke-dashoffset: 40; + } + 100% { + stroke-dashoffset: 240; + } +} + +.security--loading-message { + display: flex; + align-items: center; +} + +.bx--loading { + width: 4rem; + height: 4rem; +} + +.bx--loading--small { + width: 2rem; + height: 2rem; +} + +.security--status-icon { + display: flex; + align-items: center; +} + +.security--status-icon__icon--success { + padding: 0.5rem; + fill: var(--icon-01, #f4f4f4); + border: 0.125rem solid var(--support-02, #42be65); + border-radius: 100%; + box-sizing: border-box; + transform: scale3d(0.55, 0.55, 0.55); +} + +.security--status-icon__icon--color { + width: 0.5rem; + height: 0.5rem; + background-color: var(--icon-02, #c6c6c6); + border-radius: 50%; +} + +.security--status-icon__icon--color--error { + background-color: var(--support-01, #fa4d56); +} + +.security--status-icon__icon--color--info { + background-color: var(--support-04, #4589ff); +} + +.security--status-icon__icon--color--success { + background-color: var(--support-02, #42be65); +} + +.security--status-icon__icon--color--warning { + background-color: var(--support-03, #f1c21b); +} + +.security--status-icon--lg > .security--status-icon__icon { + width: 4.5rem; + height: 4.5rem; +} + +.security--status-icon--md > .security--status-icon__icon { + width: 2.5rem; + height: 2.5rem; +} + +.security--status-icon--sm > .security--status-icon__icon { + width: 2rem; + height: 2rem; +} + +.security--status-icon__message { + margin-left: 0.5rem; +} + +.security--status-indicator { + display: flex; + flex-direction: column; +} + +.security--status-indicator__title { + font-size: 1rem; + font-weight: 600; + line-height: 1.375rem; + letter-spacing: 0; + margin-top: 0; + margin-bottom: 0.25rem; +} + +.security--status-indicator__list { + padding-left: 0; + margin-top: 0; + margin-bottom: 0; + list-style: none; +} + +.security--status-indicator__step__icon-wrapper, .security--status-indicator__step-wrapper { + display: flex; + align-items: center; +} + +.security--status-indicator__step__icon-wrapper > .bx--inline-loading__text, .security--status-indicator__step-wrapper > .bx--inline-loading__text { + color: var(--text-01, #f4f4f4); +} + +.security--status-indicator__step__icon-wrapper { + width: 2rem; + height: 2rem; + justify-content: center; +} + +.security--status-indicator__step__icon { + width: 1rem; + height: 1rem; +} + +.security--status-indicator__step__label { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + margin-top: 0; + margin-bottom: 0; +} + +.security--status-indicator__step--failed__icon { + fill: var(--support-01, #fa4d56); +} + +.security--status-indicator__step--incomplete__icon { + fill: var(--disabled-03, #6f6f6f); +} + +.security--status-indicator__step--incomplete__label { + color: var(--disabled-03, #6f6f6f); +} + +.security--status-indicator__step__error-message { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + display: inline-block; + margin-top: 0; + margin-bottom: 0.25rem; + margin-left: 2rem; + color: var(--support-01, #fa4d56); +} + +.security--status-indicator__button--retry { + margin-top: 0.25rem; +} + +.security--step-indicator { + flex-direction: column; +} + +.security--step-indicator > .security--step { + width: 100%; + min-width: unset; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.security--step-indicator > .security--step > .bx--progress-step-button { + align-items: center; +} + +.security--step-indicator > .security--step > .bx--progress-step-button > svg { + position: absolute; + margin-top: 0; + margin-right: 0; +} + +.security--step-indicator > .security--step > .bx--progress-step-button > .bx--progress-label { + max-width: unset; + padding-left: 2rem; + margin-top: 0; +} + +.security--step-indicator > .security--step > .bx--progress-step-button > .bx--progress-label:hover { + box-shadow: unset; + color: var(--text-01, #f4f4f4); + cursor: default; +} + +.security--step-indicator > .security--step > .bx--progress-step-button > .bx--progress-line { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + visibility: visible; + white-space: nowrap; +} + +.security--step-indicator > .security--step.bx--progress-step--current svg { + transform: translate3d(0.0625rem, 0, 0); +} + +.security--step-indicator > .security--step.bx--progress-step--disabled, +.security--step-indicator > .security--step.bx--progress-step--disabled svg:hover { + cursor: default; +} + +.security--step-indicator > .security--step.bx--progress-step--disabled .bx--progress-label:hover, +.security--step-indicator > .security--step.bx--progress-step--disabled svg:hover { + color: var(--disabled-03, #6f6f6f); +} + +.bx--tooltip__label { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + display: inline-flex; + align-items: center; + color: var(--text-02, #c6c6c6); +} + +.bx--tooltip__label:focus { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--tooltip__trigger svg { + fill: var(--icon-02, #c6c6c6); +} + +.bx--tooltip__trigger:not(.bx--btn--icon-only) { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + display: inline-flex; + align-items: center; + cursor: pointer; + font-size: 1rem; +} + +.bx--tooltip__trigger:not(.bx--btn--icon-only) *, +.bx--tooltip__trigger:not(.bx--btn--icon-only) *:before, +.bx--tooltip__trigger:not(.bx--btn--icon-only) *:after { + box-sizing: inherit; +} + +.bx--tooltip__trigger:not(.bx--btn--icon-only)::-moz-focus-inner { + border: 0; +} + +.bx--tooltip__trigger:not(.bx--btn--icon-only):focus { + outline: 1px solid var(--focus, #ffffff); + fill: var(--hover-primary, #0353e9); +} + +.bx--tooltip__label .bx--tooltip__trigger { + margin-left: 0.5rem; +} + +.bx--tooltip__label--bold { + font-weight: 600; +} + +.bx--tooltip { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + position: absolute; + display: none; + min-width: 13rem; + max-width: 18rem; + background: var(--inverse-02, #f4f4f4); + margin-top: 0.25rem; + padding: 1rem; + border-radius: 0.125rem; + z-index: 10000; + word-wrap: break-word; + color: var(--inverse-01, #161616); +} + +.bx--tooltip *, +.bx--tooltip *:before, +.bx--tooltip *:after { + box-sizing: inherit; +} + +.bx--tooltip:focus { + box-shadow: inset 0 0 0 1px var(--inverse-02, #f4f4f4), inset 0 0 0 2px var(--ui-background, #161616); + outline: 0; +} + +.bx--tooltip p { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +.bx--tooltip button { + padding-right: 2rem; +} + +.bx--tooltip .bx--btn:focus { + border-color: var(--inverse-focus-ui, #0f62fe); + outline-color: var(--inverse-02, #f4f4f4); +} + +.bx--tooltip .bx--link { + color: var(--inverse-link, #0f62fe); + font-size: 0.875rem; +} + +.bx--tooltip .bx--link:focus { + outline: 1px solid var(--inverse-focus-ui, #0f62fe); + outline-offset: 2px; +} + +.bx--tooltip .bx--link:active { + color: var(--inverse-01, #161616); +} + +.bx--tooltip .bx--link:visited { + color: var(--inverse-link, #0f62fe); +} + +.bx--tooltip .bx--tooltip__content[tabindex=\\"-1\\"]:focus { + outline: none; +} + +.bx--tooltip .bx--tooltip__caret { + border-left: 0.42969rem solid transparent; + border-right: 0.42969rem solid transparent; + border-bottom: 0.42969rem solid var(--inverse-02, #f4f4f4); + position: absolute; + left: 0; + top: calc(-0.42969rem + 1px); + right: 0; + width: 0; + height: 0; + margin: 0 auto; + content: \\"\\"; +} + +.bx--tooltip .bx--tooltip__footer { + display: flex; + align-items: center; + justify-content: space-between; + margin-top: 1rem; +} + +.bx--tooltip[data-floating-menu-direction=\\"left\\"] .bx--tooltip__caret { + left: auto; + top: 50%; + right: calc(-0.42969rem + 1px); + transform: rotate(90deg) translate(50%, -50%); +} + +.bx--tooltip[data-floating-menu-direction=\\"top\\"] .bx--tooltip__caret { + top: auto; + bottom: calc(-0.42969rem + 1px); + transform: rotate(180deg); +} + +.bx--tooltip[data-floating-menu-direction=\\"right\\"] .bx--tooltip__caret { + left: calc(-0.42969rem + 1px); + top: 50%; + right: auto; + transform: rotate(270deg) translate(50%, -50%); +} + +.bx--tooltip__heading { + font-size: 0.875rem; + font-weight: 600; + line-height: 1.125rem; + letter-spacing: 0.16px; + margin-bottom: 0.5rem; +} + +.bx--tooltip--shown { + display: block; +} + +/* begin legacy definition tooltip TODO: deprecate */ +.bx--tooltip--definition { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + position: relative; +} + +.bx--tooltip--definition *, +.bx--tooltip--definition *:before, +.bx--tooltip--definition *:after { + box-sizing: inherit; +} + +.bx--tooltip--definition .bx--tooltip__trigger { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + display: inline-flex; + position: relative; + border-bottom: 1px dotted var(--interactive-01, #0f62fe); + color: var(--text-01, #f4f4f4); +} + +.bx--tooltip--definition .bx--tooltip__trigger:hover { + cursor: pointer; +} + +.bx--tooltip--definition .bx--tooltip__trigger:hover + .bx--tooltip--definition__top, +.bx--tooltip--definition .bx--tooltip__trigger:hover + .bx--tooltip--definition__bottom { + display: block; +} + +.bx--tooltip--definition .bx--tooltip__trigger:focus { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--tooltip--definition .bx--tooltip__trigger:focus + .bx--tooltip--definition__top, +.bx--tooltip--definition .bx--tooltip__trigger:focus + .bx--tooltip--definition__bottom { + display: block; +} + +.bx--tooltip--definition__bottom, +.bx--tooltip--definition__top { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + position: absolute; + z-index: 1; + display: none; + background: var(--inverse-02, #f4f4f4); + width: 13rem; + margin-top: 0.75rem; + padding: 0.5rem 1rem; + border-radius: 0.125rem; + pointer-events: none; + cursor: pointer; +} + +.bx--tooltip--definition__bottom p, +.bx--tooltip--definition__top p { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + color: var(--inverse-01, #161616); +} + +.bx--tooltip--definition__bottom .bx--tooltip__caret, +.bx--tooltip--definition__top .bx--tooltip__caret { + position: absolute; + right: 0; + left: 0; + width: 0.6rem; + height: 0.6rem; + background: var(--inverse-02, #f4f4f4); + margin-left: 1rem; +} + +.bx--tooltip--definition__bottom .bx--tooltip__caret { + top: -0.2rem; + transform: rotate(-135deg); +} + +.bx--tooltip--definition__top { + transform: translateY(-100%); + margin-top: -2rem; +} + +.bx--tooltip--definition__top .bx--tooltip__caret { + bottom: -0.2rem; + transform: rotate(45deg); +} + +.bx--tooltip--definition__align-end { + right: 0; +} + +.bx--tooltip--definition__align-center { + margin-left: 50%; + transform: translateX(-50%); +} + +.bx--tooltip--definition__top.bx--tooltip--definition__align-center { + margin-left: 50%; + transform: translate(-50%, -100%); +} + +.bx--tooltip--definition__align-center .bx--tooltip__caret { + left: auto; + margin-left: auto; + margin-right: calc(50% - 6px); +} + +.bx--tooltip--definition__align-end .bx--tooltip__caret { + left: auto; + margin-left: auto; + margin-right: 1rem; +} + +/* end legacy definition tooltip */ +.bx--tooltip--definition.bx--tooltip--a11y { + display: inline-flex; +} + +.bx--tooltip--definition button.bx--tooltip--a11y { + margin: 0; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + border-bottom: 0.0625rem dotted var(--interactive-01, #0f62fe); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top { + position: relative; + display: inline-flex; + align-items: center; + cursor: pointer; + overflow: visible; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text { + position: absolute; + z-index: 10000; + display: flex; + align-items: center; + opacity: 0; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text { + display: inline-block; + } +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after { + transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y::after { + transition: none; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before { + width: 0; + height: 0; + border-style: solid; + content: \\"\\"; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text { + box-sizing: content-box; + color: inherit; + opacity: 1; + white-space: normal; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + width: max-content; + max-width: 13rem; + height: auto; + padding: 0.5rem 1rem; + border-radius: 0.125rem; + color: var(--inverse-01, #161616); + font-weight: 400; + text-align: left; + transform: translateX(-50%); + background-color: var(--inverse-02, #f4f4f4); + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text { + width: 13rem; + } +} + +@supports (-ms-accelerator: true) { + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text { + width: 13rem; + } +} + +@supports (-ms-ime-align: auto) { + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text { + width: 13rem; + } +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after { + content: attr(aria-label); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y::after { + content: none; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus::after { + opacity: 1; +} + +@keyframes tooltip-fade { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus + .bx--assistive-text { + clip: auto; + margin: auto; + overflow: visible; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus.bx--tooltip--a11y::before { + animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden + .bx--assistive-text { + clip: rect(0, 0, 0, 0); + margin: -1px; + overflow: hidden; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden.bx--tooltip--a11y::before { + animation: none; + opacity: 0; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text { + top: 0; + left: 50%; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before { + top: -0.25rem; + border-width: 0.3125rem 0.25rem 0 0.25rem; + border-color: var(--inverse-02, #f4f4f4) transparent transparent transparent; + transform: translate(-50%, -100%); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text { + top: -0.5625rem; + left: 0; + transform: translate(0, -100%); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::after, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start + .bx--assistive-text { + top: 0; + left: 50%; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::before { + top: -0.25rem; + border-width: 0.3125rem 0.25rem 0 0.25rem; + border-color: var(--inverse-02, #f4f4f4) transparent transparent transparent; + transform: translate(-50%, -100%); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::after, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start + .bx--assistive-text { + top: -0.5625rem; + left: 0; + transform: translate(0, -100%); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::after, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center + .bx--assistive-text { + top: 0; + left: 50%; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::before { + top: -0.25rem; + border-width: 0.3125rem 0.25rem 0 0.25rem; + border-color: var(--inverse-02, #f4f4f4) transparent transparent transparent; + transform: translate(-50%, -100%); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::after, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center + .bx--assistive-text { + top: -0.5625rem; + left: 50%; + transform: translate(-50%, -100%); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::after, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end + .bx--assistive-text { + top: 0; + left: 50%; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::before { + top: -0.25rem; + border-width: 0.3125rem 0.25rem 0 0.25rem; + border-color: var(--inverse-02, #f4f4f4) transparent transparent transparent; + transform: translate(-50%, -100%); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::after, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end + .bx--assistive-text { + top: -0.5625rem; + right: 0; + left: auto; + transform: translate(0, -100%); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom { + position: relative; + display: inline-flex; + align-items: center; + cursor: pointer; + overflow: visible; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text { + position: absolute; + z-index: 10000; + display: flex; + align-items: center; + opacity: 0; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text { + display: inline-block; + } +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after { + transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y::after { + transition: none; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before { + width: 0; + height: 0; + border-style: solid; + content: \\"\\"; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text { + box-sizing: content-box; + color: inherit; + opacity: 1; + white-space: normal; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + width: max-content; + max-width: 13rem; + height: auto; + padding: 0.5rem 1rem; + border-radius: 0.125rem; + color: var(--inverse-01, #161616); + font-weight: 400; + text-align: left; + transform: translateX(-50%); + background-color: var(--inverse-02, #f4f4f4); + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text { + width: 13rem; + } +} + +@supports (-ms-accelerator: true) { + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text { + width: 13rem; + } +} + +@supports (-ms-ime-align: auto) { + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text { + width: 13rem; + } +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after { + content: attr(aria-label); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y::after { + content: none; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus::after { + opacity: 1; +} + +@keyframes tooltip-fade { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus + .bx--assistive-text { + clip: auto; + margin: auto; + overflow: visible; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus.bx--tooltip--a11y::before { + animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden + .bx--assistive-text { + clip: rect(0, 0, 0, 0); + margin: -1px; + overflow: hidden; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden.bx--tooltip--a11y::before { + animation: none; + opacity: 0; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text { + bottom: 0; + left: 50%; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before { + bottom: -0.25rem; + border-width: 0 0.25rem 0.3125rem 0.25rem; + border-color: transparent transparent var(--inverse-02, #f4f4f4) transparent; + transform: translate(-50%, 100%); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text { + bottom: -0.5625rem; + left: 0; + transform: translate(0, 100%); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y + .bx--assistive-text { + bottom: -0.5rem; + transform: translate(0, 100%); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::after, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start + .bx--assistive-text { + bottom: 0; + left: 50%; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::before { + bottom: -0.25rem; + border-width: 0 0.25rem 0.3125rem 0.25rem; + border-color: transparent transparent var(--inverse-02, #f4f4f4) transparent; + transform: translate(-50%, 100%); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::after, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start + .bx--assistive-text { + bottom: -0.5625rem; + left: 0; + transform: translate(0, 100%); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start.bx--tooltip--a11y + .bx--assistive-text { + bottom: -0.5rem; + transform: translate(0, 100%); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::after, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center + .bx--assistive-text { + bottom: 0; + left: 50%; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::before { + bottom: -0.25rem; + border-width: 0 0.25rem 0.3125rem 0.25rem; + border-color: transparent transparent var(--inverse-02, #f4f4f4) transparent; + transform: translate(-50%, 100%); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::after, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center + .bx--assistive-text { + bottom: -0.5625rem; + transform: translate(-50%, 100%); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center.bx--tooltip--a11y + .bx--assistive-text { + bottom: -0.5rem; + transform: translate(-50%, 100%); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::after, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end + .bx--assistive-text { + bottom: 0; + left: 50%; +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::before { + bottom: -0.25rem; + border-width: 0 0.25rem 0.3125rem 0.25rem; + border-color: transparent transparent var(--inverse-02, #f4f4f4) transparent; + transform: translate(-50%, 100%); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::after, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end + .bx--assistive-text { + bottom: -0.5625rem; + right: 0; + left: auto; + transform: translate(0, 100%); +} + +.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end.bx--tooltip--a11y + .bx--assistive-text { + bottom: -0.5rem; + transform: translate(0, 100%); +} + +/* begin tooltip icon (TODO: deprecate) */ +.bx--tooltip--icon { + display: inline-flex; + align-items: center; +} + +.bx--tooltip--icon__top, +.bx--tooltip--icon__bottom { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + position: relative; + display: inline-flex; + align-items: center; + cursor: pointer; + overflow: visible; +} + +.bx--tooltip--icon__top *, +.bx--tooltip--icon__top *:before, +.bx--tooltip--icon__top *:after, +.bx--tooltip--icon__bottom *, +.bx--tooltip--icon__bottom *:before, +.bx--tooltip--icon__bottom *:after { + box-sizing: inherit; +} + +.bx--tooltip--icon__top::before, .bx--tooltip--icon__top::after, +.bx--tooltip--icon__bottom::before, +.bx--tooltip--icon__bottom::after { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + position: absolute; + display: flex; + align-items: center; + opacity: 0; + pointer-events: none; + transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--tooltip--icon__top::before, +.bx--tooltip--icon__bottom::before { + right: 0; + left: 0; + width: 0; + height: 0; + border-width: 0 0.25rem 0.3125rem 0.25rem; + border-style: solid; + border-color: transparent transparent var(--inverse-02, #f4f4f4) transparent; + margin: 0 auto; + content: \\"\\"; + margin-top: 1px; + margin-left: 50%; +} + +.bx--tooltip--icon__top::after, +.bx--tooltip--icon__bottom::after { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + min-width: 1.5rem; + max-width: 13rem; + height: 1.5rem; + margin-left: 50%; + padding: 0 1rem; + border-radius: 0.125rem; + color: var(--inverse-01, #161616); + font-weight: 400; + content: attr(aria-label); + transform: translateX(-50%); + white-space: nowrap; + pointer-events: none; + background-color: var(--inverse-02, #f4f4f4); +} + +.bx--tooltip--icon__top:hover::before, .bx--tooltip--icon__top:hover::after, .bx--tooltip--icon__top:focus::before, .bx--tooltip--icon__top:focus::after, +.bx--tooltip--icon__bottom:hover::before, +.bx--tooltip--icon__bottom:hover::after, +.bx--tooltip--icon__bottom:focus::before, +.bx--tooltip--icon__bottom:focus::after { + opacity: 1; +} + +.bx--tooltip--icon__top:hover svg, .bx--tooltip--icon__top:focus svg, +.bx--tooltip--icon__bottom:hover svg, +.bx--tooltip--icon__bottom:focus svg { + fill: var(--icon-02, #c6c6c6); +} + +.bx--tooltip--icon__top:focus, +.bx--tooltip--icon__bottom:focus { + outline: 1px solid transparent; +} + +.bx--tooltip--icon__top:focus svg, +.bx--tooltip--icon__bottom:focus svg { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--tooltip--icon__top::before { + top: 1px; + transform: translate(-50%, calc(-100% - 9px)) rotate(180deg); +} + +.bx--tooltip--icon__top::after { + top: 0; + transform: translate(-50%, calc(-100% - 12px)); +} + +.bx--tooltip--icon__bottom::before { + bottom: 0; + transform: translate(-50%, 10px) rotate(0); +} + +.bx--tooltip--icon__bottom::after { + bottom: 0; + transform: translate(-50%, calc(100% + 10px)); +} + +.bx--tooltip--icon__top.bx--tooltip--icon__align-start::before { + top: 1px; + margin-left: 4px; + transform: translate(0, calc(-100% - 9px)) rotate(180deg); +} + +.bx--tooltip--icon__top.bx--tooltip--icon__align-start::after { + top: 0; + margin-left: 0; + transform: translate(0, calc(-100% - 12px)); +} + +.bx--tooltip--icon__top.bx--tooltip--icon__align-end::before { + top: 1px; + margin-right: 4px; + left: auto; + right: 0; + transform: translate(0, calc(-100% - 9px)) rotate(180deg); +} + +.bx--tooltip--icon__top.bx--tooltip--icon__align-end::after { + top: 0; + margin-left: 0; + right: 0; + transform: translate(0, calc(-100% - 12px)); +} + +.bx--tooltip--icon__bottom.bx--tooltip--icon__align-start::before { + bottom: 0; + margin-left: 4px; + transform: translate(0, 10px) rotate(0); +} + +.bx--tooltip--icon__bottom.bx--tooltip--icon__align-start::after { + bottom: 0; + margin-left: 0; + transform: translate(0, calc(100% + 10px)); +} + +.bx--tooltip--icon__bottom.bx--tooltip--icon__align-end::before { + bottom: 0; + margin-right: 4px; + left: auto; + right: 0; + transform: translate(0, 10px) rotate(0); +} + +.bx--tooltip--icon__bottom.bx--tooltip--icon__align-end::after { + bottom: 0; + margin-left: 0; + right: 0; + transform: translate(0, calc(100% + 10px)); +} + +.bx--tooltip--icon .bx--tooltip__trigger svg { + margin-left: 0; +} + +/* end legacy tooltip icon */ +.bx--tooltip__trigger:hover svg, .bx--tooltip__trigger:focus svg { + fill: var(--icon-02, #c6c6c6); +} + +.bx--tooltip__trigger.bx--tooltip--top { + position: relative; + display: inline-flex; + align-items: center; + cursor: pointer; + overflow: visible; +} + +.bx--tooltip__trigger.bx--tooltip--top:focus { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--tooltip__trigger.bx--tooltip--top:focus { + outline: 1px solid transparent; +} + +.bx--tooltip__trigger.bx--tooltip--top:focus svg { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip--top::after, +.bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text { + position: absolute; + z-index: 10000; + display: flex; + align-items: center; + opacity: 0; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip--top::after, + .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text { + display: inline-block; + } +} + +.bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip--top::after { + transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::after { + transition: none; +} + +.bx--tooltip__trigger.bx--tooltip--top::before { + width: 0; + height: 0; + border-style: solid; + content: \\"\\"; +} + +.bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text { + box-sizing: content-box; + color: inherit; + opacity: 1; + white-space: normal; +} + +.bx--tooltip__trigger.bx--tooltip--top::after, +.bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + width: max-content; + max-width: 13rem; + height: auto; + padding: 0.1875rem 1rem; + border-radius: 0.125rem; + color: var(--inverse-01, #161616); + font-weight: 400; + text-align: left; + transform: translateX(-50%); + background-color: var(--inverse-02, #f4f4f4); + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--tooltip__trigger.bx--tooltip--top::after, + .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text { + width: 13rem; + } +} + +@supports (-ms-accelerator: true) { + .bx--tooltip__trigger.bx--tooltip--top::after, + .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text { + width: 13rem; + } +} + +@supports (-ms-ime-align: auto) { + .bx--tooltip__trigger.bx--tooltip--top::after, + .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text { + width: 13rem; + } +} + +.bx--tooltip__trigger.bx--tooltip--top::after { + content: attr(aria-label); +} + +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::after { + content: none; +} + +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible::after, .bx--tooltip__trigger.bx--tooltip--top:hover::before, .bx--tooltip__trigger.bx--tooltip--top:hover::after, .bx--tooltip__trigger.bx--tooltip--top:focus::before, .bx--tooltip__trigger.bx--tooltip--top:focus::after { + opacity: 1; +} + +@keyframes tooltip-fade { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:hover .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:focus .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top:focus + .bx--assistive-text { + clip: auto; + margin: auto; + overflow: visible; +} + +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--top:hover .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--top:focus .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:focus.bx--tooltip--a11y::before { + animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--hidden .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--hidden + .bx--assistive-text { + clip: rect(0, 0, 0, 0); + margin: -1px; + overflow: hidden; +} + +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--hidden.bx--tooltip--a11y::before { + animation: none; + opacity: 0; +} + +.bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip--top::after, +.bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text { + top: 0; + left: 50%; +} + +.bx--tooltip__trigger.bx--tooltip--top::before { + top: -0.5rem; + border-width: 0.3125rem 0.25rem 0 0.25rem; + border-color: var(--inverse-02, #f4f4f4) transparent transparent transparent; + transform: translate(-50%, -100%); +} + +.bx--tooltip__trigger.bx--tooltip--top::after, +.bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text { + top: -0.8125rem; + left: 50%; + transform: translate(-50%, -100%); +} + +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::after, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start + .bx--assistive-text { + top: 0; + left: 50%; +} + +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::before { + top: -0.5rem; + border-width: 0.3125rem 0.25rem 0 0.25rem; + border-color: var(--inverse-02, #f4f4f4) transparent transparent transparent; + transform: translate(-50%, -100%); +} + +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::after, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start + .bx--assistive-text { + top: -0.8125rem; + left: 0; + transform: translate(0, -100%); +} + +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::after, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center + .bx--assistive-text { + top: 0; + left: 50%; +} + +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::before { + top: -0.5rem; + border-width: 0.3125rem 0.25rem 0 0.25rem; + border-color: var(--inverse-02, #f4f4f4) transparent transparent transparent; + transform: translate(-50%, -100%); +} + +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::after, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center + .bx--assistive-text { + top: -0.8125rem; + left: 50%; + transform: translate(-50%, -100%); +} + +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::after, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end + .bx--assistive-text { + top: 0; + left: 50%; +} + +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::before { + top: -0.5rem; + border-width: 0.3125rem 0.25rem 0 0.25rem; + border-color: var(--inverse-02, #f4f4f4) transparent transparent transparent; + transform: translate(-50%, -100%); +} + +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::after, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end + .bx--assistive-text { + top: -0.8125rem; + right: 0; + left: auto; + transform: translate(0, -100%); +} + +.bx--tooltip__trigger.bx--tooltip--right { + position: relative; + display: inline-flex; + align-items: center; + cursor: pointer; + overflow: visible; +} + +.bx--tooltip__trigger.bx--tooltip--right:focus { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--tooltip__trigger.bx--tooltip--right:focus { + outline: 1px solid transparent; +} + +.bx--tooltip__trigger.bx--tooltip--right:focus svg { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip__trigger.bx--tooltip--right::after, +.bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text { + position: absolute; + z-index: 10000; + display: flex; + align-items: center; + opacity: 0; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip__trigger.bx--tooltip--right::after, + .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text { + display: inline-block; + } +} + +.bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip__trigger.bx--tooltip--right::after { + transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::after { + transition: none; +} + +.bx--tooltip__trigger.bx--tooltip--right::before { + width: 0; + height: 0; + border-style: solid; + content: \\"\\"; +} + +.bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text { + box-sizing: content-box; + color: inherit; + opacity: 1; + white-space: normal; +} + +.bx--tooltip__trigger.bx--tooltip--right::after, +.bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + width: max-content; + max-width: 13rem; + height: auto; + padding: 0.1875rem 1rem; + border-radius: 0.125rem; + color: var(--inverse-01, #161616); + font-weight: 400; + text-align: left; + transform: translateX(-50%); + background-color: var(--inverse-02, #f4f4f4); + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--tooltip__trigger.bx--tooltip--right::after, + .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text { + width: 13rem; + } +} + +@supports (-ms-accelerator: true) { + .bx--tooltip__trigger.bx--tooltip--right::after, + .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text { + width: 13rem; + } +} + +@supports (-ms-ime-align: auto) { + .bx--tooltip__trigger.bx--tooltip--right::after, + .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text { + width: 13rem; + } +} + +.bx--tooltip__trigger.bx--tooltip--right::after { + content: attr(aria-label); +} + +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::after { + content: none; +} + +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible::after, .bx--tooltip__trigger.bx--tooltip--right:hover::before, .bx--tooltip__trigger.bx--tooltip--right:hover::after, .bx--tooltip__trigger.bx--tooltip--right:focus::before, .bx--tooltip__trigger.bx--tooltip--right:focus::after { + opacity: 1; +} + +@keyframes tooltip-fade { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:hover .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:focus .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right:focus + .bx--assistive-text { + clip: auto; + margin: auto; + overflow: visible; +} + +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--right:hover .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--right:focus .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:focus.bx--tooltip--a11y::before { + animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--hidden .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--hidden + .bx--assistive-text { + clip: rect(0, 0, 0, 0); + margin: -1px; + overflow: hidden; +} + +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--hidden.bx--tooltip--a11y::before { + animation: none; + opacity: 0; +} + +.bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip__trigger.bx--tooltip--right::after, +.bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text { + top: 50%; + right: 0; +} + +.bx--tooltip__trigger.bx--tooltip--right::before { + right: -0.5rem; + border-width: 0.25rem 0.3125rem 0.25rem 0; + border-color: transparent var(--inverse-02, #f4f4f4) transparent transparent; + transform: translate(100%, -50%); +} + +.bx--tooltip__trigger.bx--tooltip--right::after, +.bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text { + right: -0.8125rem; + transform: translate(100%, -50%); +} + +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::after, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start + .bx--assistive-text { + top: 50%; + right: 0; +} + +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::before { + right: -0.5rem; + border-width: 0.25rem 0.3125rem 0.25rem 0; + border-color: transparent var(--inverse-02, #f4f4f4) transparent transparent; + transform: translate(100%, -50%); +} + +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::after, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start + .bx--assistive-text { + right: -0.8125rem; + transform: translate(100%, -50%); +} + +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::after, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center + .bx--assistive-text { + top: 50%; + right: 0; +} + +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::before { + right: -0.5rem; + border-width: 0.25rem 0.3125rem 0.25rem 0; + border-color: transparent var(--inverse-02, #f4f4f4) transparent transparent; + transform: translate(100%, -50%); +} + +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::after, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center + .bx--assistive-text { + right: -0.8125rem; + transform: translate(100%, -50%); +} + +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::after, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end + .bx--assistive-text { + top: 50%; + right: 0; +} + +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::before { + right: -0.5rem; + border-width: 0.25rem 0.3125rem 0.25rem 0; + border-color: transparent var(--inverse-02, #f4f4f4) transparent transparent; + transform: translate(100%, -50%); +} + +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::after, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end + .bx--assistive-text { + right: -0.8125rem; + transform: translate(100%, -50%); +} + +.bx--tooltip__trigger.bx--tooltip--bottom { + position: relative; + display: inline-flex; + align-items: center; + cursor: pointer; + overflow: visible; +} + +.bx--tooltip__trigger.bx--tooltip--bottom:focus { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--tooltip__trigger.bx--tooltip--bottom:focus { + outline: 1px solid transparent; +} + +.bx--tooltip__trigger.bx--tooltip--bottom:focus svg { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip--bottom::after, +.bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text { + position: absolute; + z-index: 10000; + display: flex; + align-items: center; + opacity: 0; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip--bottom::after, + .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text { + display: inline-block; + } +} + +.bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip--bottom::after { + transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::after { + transition: none; +} + +.bx--tooltip__trigger.bx--tooltip--bottom::before { + width: 0; + height: 0; + border-style: solid; + content: \\"\\"; +} + +.bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text { + box-sizing: content-box; + color: inherit; + opacity: 1; + white-space: normal; +} + +.bx--tooltip__trigger.bx--tooltip--bottom::after, +.bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + width: max-content; + max-width: 13rem; + height: auto; + padding: 0.1875rem 1rem; + border-radius: 0.125rem; + color: var(--inverse-01, #161616); + font-weight: 400; + text-align: left; + transform: translateX(-50%); + background-color: var(--inverse-02, #f4f4f4); + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--tooltip__trigger.bx--tooltip--bottom::after, + .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text { + width: 13rem; + } +} + +@supports (-ms-accelerator: true) { + .bx--tooltip__trigger.bx--tooltip--bottom::after, + .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text { + width: 13rem; + } +} + +@supports (-ms-ime-align: auto) { + .bx--tooltip__trigger.bx--tooltip--bottom::after, + .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text { + width: 13rem; + } +} + +.bx--tooltip__trigger.bx--tooltip--bottom::after { + content: attr(aria-label); +} + +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::after { + content: none; +} + +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible::after, .bx--tooltip__trigger.bx--tooltip--bottom:hover::before, .bx--tooltip__trigger.bx--tooltip--bottom:hover::after, .bx--tooltip__trigger.bx--tooltip--bottom:focus::before, .bx--tooltip__trigger.bx--tooltip--bottom:focus::after { + opacity: 1; +} + +@keyframes tooltip-fade { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:hover .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:focus .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom:focus + .bx--assistive-text { + clip: auto; + margin: auto; + overflow: visible; +} + +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--bottom:hover .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--bottom:focus .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:focus.bx--tooltip--a11y::before { + animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--hidden .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--hidden + .bx--assistive-text { + clip: rect(0, 0, 0, 0); + margin: -1px; + overflow: hidden; +} + +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--hidden.bx--tooltip--a11y::before { + animation: none; + opacity: 0; +} + +.bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip--bottom::after, +.bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text { + bottom: 0; + left: 50%; +} + +.bx--tooltip__trigger.bx--tooltip--bottom::before { + bottom: -0.5rem; + border-width: 0 0.25rem 0.3125rem 0.25rem; + border-color: transparent transparent var(--inverse-02, #f4f4f4) transparent; + transform: translate(-50%, 100%); +} + +.bx--tooltip__trigger.bx--tooltip--bottom::after, +.bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text { + bottom: -0.8125rem; + transform: translate(-50%, 100%); +} + +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::after, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start + .bx--assistive-text { + bottom: 0; + left: 50%; +} + +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::before { + bottom: -0.5rem; + border-width: 0 0.25rem 0.3125rem 0.25rem; + border-color: transparent transparent var(--inverse-02, #f4f4f4) transparent; + transform: translate(-50%, 100%); +} + +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::after, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start + .bx--assistive-text { + bottom: -0.8125rem; + left: 0; + transform: translate(0, 100%); +} + +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::after, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center + .bx--assistive-text { + bottom: 0; + left: 50%; +} + +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::before { + bottom: -0.5rem; + border-width: 0 0.25rem 0.3125rem 0.25rem; + border-color: transparent transparent var(--inverse-02, #f4f4f4) transparent; + transform: translate(-50%, 100%); +} + +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::after, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center + .bx--assistive-text { + bottom: -0.8125rem; + transform: translate(-50%, 100%); +} + +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::after, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end + .bx--assistive-text { + bottom: 0; + left: 50%; +} + +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::before { + bottom: -0.5rem; + border-width: 0 0.25rem 0.3125rem 0.25rem; + border-color: transparent transparent var(--inverse-02, #f4f4f4) transparent; + transform: translate(-50%, 100%); +} + +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::after, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end + .bx--assistive-text { + bottom: -0.8125rem; + right: 0; + left: auto; + transform: translate(0, 100%); +} + +.bx--tooltip__trigger.bx--tooltip--left { + position: relative; + display: inline-flex; + align-items: center; + cursor: pointer; + overflow: visible; +} + +.bx--tooltip__trigger.bx--tooltip--left:focus { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--tooltip__trigger.bx--tooltip--left:focus { + outline: 1px solid transparent; +} + +.bx--tooltip__trigger.bx--tooltip--left:focus svg { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip__trigger.bx--tooltip--left::after, +.bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text { + position: absolute; + z-index: 10000; + display: flex; + align-items: center; + opacity: 0; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip__trigger.bx--tooltip--left::after, + .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text { + display: inline-block; + } +} + +.bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip__trigger.bx--tooltip--left::after { + transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::after { + transition: none; +} + +.bx--tooltip__trigger.bx--tooltip--left::before { + width: 0; + height: 0; + border-style: solid; + content: \\"\\"; +} + +.bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text { + box-sizing: content-box; + color: inherit; + opacity: 1; + white-space: normal; +} + +.bx--tooltip__trigger.bx--tooltip--left::after, +.bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + width: max-content; + max-width: 13rem; + height: auto; + padding: 0.1875rem 1rem; + border-radius: 0.125rem; + color: var(--inverse-01, #161616); + font-weight: 400; + text-align: left; + transform: translateX(-50%); + background-color: var(--inverse-02, #f4f4f4); + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--tooltip__trigger.bx--tooltip--left::after, + .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text { + width: 13rem; + } +} + +@supports (-ms-accelerator: true) { + .bx--tooltip__trigger.bx--tooltip--left::after, + .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text { + width: 13rem; + } +} + +@supports (-ms-ime-align: auto) { + .bx--tooltip__trigger.bx--tooltip--left::after, + .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text, + .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text { + width: 13rem; + } +} + +.bx--tooltip__trigger.bx--tooltip--left::after { + content: attr(aria-label); +} + +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::after { + content: none; +} + +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible::after, .bx--tooltip__trigger.bx--tooltip--left:hover::before, .bx--tooltip__trigger.bx--tooltip--left:hover::after, .bx--tooltip__trigger.bx--tooltip--left:focus::before, .bx--tooltip__trigger.bx--tooltip--left:focus::after { + opacity: 1; +} + +@keyframes tooltip-fade { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:hover .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:focus .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left:focus + .bx--assistive-text { + clip: auto; + margin: auto; + overflow: visible; +} + +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--left:hover .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--left:focus .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:focus.bx--tooltip--a11y::before { + animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--hidden .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--hidden + .bx--assistive-text { + clip: rect(0, 0, 0, 0); + margin: -1px; + overflow: hidden; +} + +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--hidden.bx--tooltip--a11y::before { + animation: none; + opacity: 0; +} + +.bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip__trigger.bx--tooltip--left::after, +.bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text { + top: 50%; + left: 0; +} + +.bx--tooltip__trigger.bx--tooltip--left::before { + left: -0.5rem; + border-width: 0.25rem 0 0.25rem 0.3125rem; + border-color: transparent transparent transparent var(--inverse-02, #f4f4f4); + transform: translate(-100%, -50%); +} + +.bx--tooltip__trigger.bx--tooltip--left::after, +.bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text { + left: -0.8125rem; + transform: translate(-100%, -50%); +} + +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::after, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start + .bx--assistive-text { + top: 50%; + left: 0; +} + +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::before { + left: -0.5rem; + border-width: 0.25rem 0 0.25rem 0.3125rem; + border-color: transparent transparent transparent var(--inverse-02, #f4f4f4); + transform: translate(-100%, -50%); +} + +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::after, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start + .bx--assistive-text { + left: -0.8125rem; + transform: translate(-100%, -50%); +} + +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::after, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center + .bx--assistive-text { + top: 50%; + left: 0; +} + +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::before { + left: -0.5rem; + border-width: 0.25rem 0 0.25rem 0.3125rem; + border-color: transparent transparent transparent var(--inverse-02, #f4f4f4); + transform: translate(-100%, -50%); +} + +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::after, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center + .bx--assistive-text { + left: -0.8125rem; + transform: translate(-100%, -50%); +} + +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::after, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end + .bx--assistive-text { + top: 50%; + left: 0; +} + +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::before { + left: -0.5rem; + border-width: 0.25rem 0 0.25rem 0.3125rem; + border-color: transparent transparent transparent var(--inverse-02, #f4f4f4); + transform: translate(-100%, -50%); +} + +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::after, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end + .bx--assistive-text, +.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end + .bx--assistive-text { + left: -0.8125rem; + transform: translate(-100%, -50%); +} + +.security--string-formatter { + display: inline-block; + text-align: left; +} + +.security--string-formatter--truncate { + max-width: 80ch; + overflow: hidden; + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; +} + +.security--string-formatter__tooltip > .bx--tooltip__trigger { + color: currentColor; + font-size: inherit; + font-weight: inherit; + line-height: inherit; + border-width: 0; +} + +.bx--select { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + position: relative; + display: flex; + flex-direction: column; + align-items: flex-start; +} + +.bx--select *, +.bx--select *:before, +.bx--select *:after { + box-sizing: inherit; +} + +.bx--select-input__wrapper { + position: relative; + display: flex; + align-items: center; +} + +.bx--select-input { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + outline: 2px solid transparent; + outline-offset: -2px; + height: 2.5rem; + appearance: none; + display: block; + width: 14rem; + min-width: 8rem; + max-width: 28rem; + padding: 0 3rem 0 1rem; + color: var(--text-01, #f4f4f4); + background-color: var(--field-01, #262626); + border: none; + border-bottom: 1px solid var(--ui-04, #6f6f6f); + border-radius: 0; + cursor: pointer; + transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--select-input:hover { + background-color: var(--hover-ui, #353535); +} + +.bx--select-input::-ms-expand { + display: none; +} + +@-moz-document url-prefix() { + .bx--select-input:-moz-focusring, .bx--select-input::-moz-focus-inner { + color: transparent; + text-shadow: 0 0 0 #000; + background-image: none; + } +} + +.bx--select-input:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + color: var(--text-01, #f4f4f4); +} + +.bx--select-input:disabled, .bx--select-input:hover:disabled { + cursor: not-allowed; + background-color: var(--disabled-01, #262626); + color: var(--disabled-02, #525252); + border-bottom-color: var(--disabled-01, #262626); +} + +.bx--select-input--sm { + height: 2rem; + max-height: 2rem; +} + +.bx--select-input--xl { + height: 3rem; + max-height: 3rem; +} + +.bx--select--disabled .bx--label, +.bx--select--disabled .bx--form__helper-text { + color: var(--disabled-02, #525252); +} + +.bx--select-input__wrapper[data-invalid] .bx--select-input { + padding-right: 5rem; +} + +.bx--select-input__wrapper[data-invalid] .bx--select-input, +.bx--select-input__wrapper[data-invalid] .bx--select-input:focus { + outline: 2px solid var(--support-01, #fa4d56); + outline-offset: -2px; +} + +.bx--form-requirement { + display: block; + color: var(--text-error, #ff8389); + font-weight: 400; + overflow: visible; +} + +.bx--select-input:disabled ~ .bx--select__arrow { + fill: var(--disabled-02, #525252); +} + +.bx--select--light .bx--select-input { + background-color: var(--field-02, #393939); +} + +.bx--select--light .bx--select-input:hover { + background-color: var(--hover-ui, #353535); +} + +.bx--select--light .bx--select-input:disabled, .bx--select--light .bx--select-input:hover:disabled { + cursor: not-allowed; + background-color: var(--disabled-01, #262626); + color: var(--disabled-02, #525252); +} + +.bx--select__arrow { + fill: var(--ui-05, #f4f4f4); + position: absolute; + right: 1rem; + pointer-events: none; +} + +.bx--select-input__wrapper[data-invalid] .bx--select-input ~ .bx--select__invalid-icon { + position: absolute; + right: 3rem; +} + +.bx--select-input__wrapper[data-invalid] .bx--select-input ~ .bx--select__invalid-icon { + fill: var(--support-01, #fa4d56); +} + +.bx--select-optgroup, +.bx--select-option { + color: var(--text-01, #f4f4f4); +} + +.bx--select-option[disabled] { + opacity: 0.5; + cursor: not-allowed; +} + +@-moz-document url-prefix() { + .bx--select-option { + background-color: var(--ui-01, #262626); + color: var(--text-01, #f4f4f4); + } + .bx--select-optgroup { + color: var(--text-01, #f4f4f4); + } +} + +.bx--select--inline { + display: flex; + flex-direction: row; + align-items: center; +} + +.bx--select--inline.bx--select--invalid .bx--label, +.bx--select--inline.bx--select--invalid .bx--form__helper-text { + margin-top: 0.8125rem; + align-self: flex-start; +} + +.bx--select--inline .bx--form__helper-text { + margin-bottom: 0; + margin-left: 0.5rem; +} + +.bx--select--inline .bx--label { + white-space: nowrap; + margin: 0 0.5rem 0 0; +} + +.bx--select--inline .bx--select-input { + background-color: transparent; + color: var(--text-01, #f4f4f4); + border-bottom: none; + padding-left: 0.5rem; + padding-right: 2rem; +} + +.bx--select--inline .bx--select-input[disabled], +.bx--select--inline .bx--select-input[disabled]:hover { + background-color: var(--disabled-01, #262626); +} + +.bx--select--inline .bx--select__arrow { + right: 0.5rem; +} + +.bx--select--inline.bx--select--invalid .bx--select-input { + padding-right: 3.5rem; +} + +.bx--select--inline.bx--select--invalid .bx--select-input ~ .bx--select__invalid-icon { + right: 2rem; +} + +.bx--select--inline .bx--select-input:disabled { + color: var(--disabled-02, #525252); + cursor: not-allowed; +} + +.bx--select--inline .bx--select-input:disabled ~ * { + cursor: not-allowed; +} + +.bx--select--inline .bx--select-input:disabled { + cursor: not-allowed; +} + +.bx--select.bx--skeleton { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 100%; + height: 2.5rem; +} + +.bx--select.bx--skeleton:hover, .bx--select.bx--skeleton:focus, .bx--select.bx--skeleton:active { + border: none; + outline: none; + cursor: default; +} + +.bx--select.bx--skeleton:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--select.bx--skeleton:before { + animation: none; + } +} + +.bx--select.bx--skeleton .bx--select-input { + display: none; +} + +.bx--select-input { + text-rendering: auto; +} + +.bx--select-input:focus { + color: var(--text-01, #f4f4f4); +} + +.security--summary-card { + position: relative; + display: flex; + height: 24rem; + min-width: 18rem; + flex-direction: column; +} + +.security--summary-card__container { + padding-top: 3rem; +} + +.security--summary-card__batch-actions { + height: 3rem; +} + +.security--summary-card__body { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.25rem; + letter-spacing: 0.16px; + overflow: hidden; + display: flex; + flex-direction: column; + flex-grow: 1; + height: 100%; + width: 100%; + padding: 1rem; + margin: 0; +} + +.security--summary-card__header { + height: 2rem; + display: flex; + padding: 1rem 1rem 0 1rem; +} + +.security--summary-card__header__title { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + color: var(--text-02, #c6c6c6); + flex-grow: 1; + margin: 0; + padding: 0; +} + +.security--summary-card__footer { + position: relative; + display: flex; + background-color: var(--ui-01, #262626); + border-top: 1px solid var(--ui-02, #393939); +} + +.security--summary-card__select { + display: flex; + padding-right: 0.5rem; + padding-left: 0.5rem; + align-items: center; +} + +.security--summary-card__select__checkbox { + display: block; + overflow-x: hidden; + text-overflow: ellipsis; + white-space: nowrap; + max-width: 10rem; +} + +.security--summary-card__action { + flex: 1; + max-width: unset; + overflow: hidden; + z-index: 8001; + background-color: inherit; +} + +.security--summary-card__action__text { + display: block; + overflow-x: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.security--summary-card__action.security--button--loading { + padding-top: 0; + padding-bottom: 0; +} + +.security--summary-card__action--icon-only { + justify-content: center; + width: 3rem; + flex: 0 0 auto; +} + +.security--summary-card__action--icon-only, .security--summary-card__action--icon-only:hover, .security--summary-card__action--icon-only:focus, .security--summary-card__action--icon-only:active { + color: var(--text-01, #f4f4f4); +} + +.security--summary-card__action--icon-only .bx--btn__icon path, .security--summary-card__action--icon-only:hover .bx--btn__icon path, .security--summary-card__action--icon-only:focus .bx--btn__icon path, .security--summary-card__action--icon-only:active .bx--btn__icon path { + fill: var(--icon-01, #f4f4f4); +} + +.security--summary-card__action--icon-only.bx--btn--icon-only:focus { + border: 3px solid var(--focus, #ffffff); +} + +.security--summary-card__action-overlay { + cursor: default; + position: absolute; + display: flex; + flex-direction: column; + background-color: var(--ui-01, #262626); + z-index: 8000; + top: -18rem; + bottom: 3rem; + right: 0; + left: 0; +} + +.security--summary-card__action-overlay__header { + display: flex; + justify-content: space-between; +} + +.security--summary-card__action-overlay__title, .security--summary-card__action-overlay__content { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.25rem; + letter-spacing: 0.16px; + margin: 0; +} + +.security--summary-card__action-overlay__title { + padding: 1rem; +} + +.security--summary-card__action-overlay__content { + height: 13rem; + padding: 0 1rem; +} + +.security--summary-card__action-overlay__close-button { + align-self: flex-start; +} + +.security--summary-card__action-overlay__close-button, .security--summary-card__action-overlay__close-button:hover, .security--summary-card__action-overlay__close-button:focus, .security--summary-card__action-overlay__close-button:active { + color: var(--text-01, #f4f4f4); +} + +.security--summary-card__action-overlay__close-button .bx--btn__icon path, .security--summary-card__action-overlay__close-button:hover .bx--btn__icon path, .security--summary-card__action-overlay__close-button:focus .bx--btn__icon path, .security--summary-card__action-overlay__close-button:active .bx--btn__icon path { + fill: var(--icon-01, #f4f4f4); +} + +.security--summary-card__action-overlay__close-button .bx--btn__icon { + margin-left: 0; + height: 1.25rem; + width: 1.25rem; +} + +.security--summary-card__action-overlay__transition--appear, .security--summary-card__action-overlay__transition--enter { + transform: translate3d(0, 19rem, 0); + opacity: 0; +} + +.security--summary-card__action-overlay__transition--appear--active, .security--summary-card__action-overlay__transition--enter--active { + transform: translate3d(0, 0, 0); + transition: all 240ms; + transition-timing-function: cubic-bezier(0, 0, 0.3, 1); + opacity: 1; +} + +.security--summary-card__action-overlay__transition--leave { + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.security--summary-card__action-overlay__transition--leave--active { + transform: translate3d(0, 19rem, 0); + transition: all 240ms; + transition-timing-function: cubic-bezier(0.4, 0.14, 1, 1); + opacity: 0; +} + +.security--summary-card__action-overlay--transparent { + position: absolute; + background-color: var(--overlay-01, rgba(22, 22, 22, 0.7)); + top: -21rem; + bottom: 3rem; + right: 0; + left: 0; + z-index: 7999; +} + +.bx--tag { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + display: inline-flex; + align-items: center; + justify-content: center; + padding: 0 0.5rem; + height: 1.5rem; + max-width: 100%; + min-width: 2rem; + margin: 0.25rem; + border-radius: 0.9375rem; + cursor: default; +} + +.bx--tag *, +.bx--tag *:before, +.bx--tag *:after { + box-sizing: inherit; +} + +.bx--tag::-moz-focus-inner { + border: 0; +} + +.bx--tag:not(:first-child) { + margin-left: 0; +} + +.bx--tag.bx--skeleton { + background-color: var(--ui-03, #393939); + color: var(--text-01, #f4f4f4); +} + +.bx--tag--red { + background-color: #ffd7d9; + color: #a2191f; +} + +.bx--tag--magenta { + background-color: #ffd6e8; + color: #9f1853; +} + +.bx--tag--purple { + background-color: #e8daff; + color: #6929c4; +} + +.bx--tag--blue { + background-color: #d0e2ff; + color: #0043ce; +} + +.bx--tag--cyan { + background-color: #bae6ff; + color: #00539a; +} + +.bx--tag--teal { + background-color: #9ef0f0; + color: #005d5d; +} + +.bx--tag--green { + background-color: #a7f0ba; + color: #0e6027; +} + +.bx--tag--gray { + background-color: #e0e0e0; + color: #161616; +} + +.bx--tag--cool-gray { + background-color: #dde1e6; + color: #121619; +} + +.bx--tag--warm-gray { + background-color: #e5e0df; + color: #171414; +} + +.bx--tag--disabled, +.bx--tag--filter.bx--tag--disabled { + background-color: #f4f4f4; + color: #c6c6c6; +} + +.bx--tag--disabled:hover, +.bx--tag--filter.bx--tag--disabled:hover { + cursor: not-allowed; +} + +.bx--tag__label { + max-width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.bx--tag--filter { + background-color: var(--inverse-02, #f4f4f4); + color: var(--inverse-01, #161616); + cursor: pointer; + padding-right: 0.125rem; +} + +.bx--tag--filter:focus, .bx--tag--filter:hover { + outline: none; +} + +.bx--tag--filter > svg { + flex-shrink: 0; + width: 1.25rem; + height: 1.25rem; + margin: 0 0 0 0.25rem; + padding: 0.125rem; + border: 0; + fill: var(--inverse-01, #161616); + background-color: transparent; + border-radius: 50%; +} + +.bx--tag--filter > svg:hover { + background-color: var(--inverse-hover-ui, #e5e5e5); +} + +.bx--tag--filter:focus > svg { + box-shadow: inset 0 0 0 2px var(--inverse-focus-ui, #0f62fe); + border-radius: 50%; +} + +.bx--tag--filter.bx--tag--disabled svg:hover { + background-color: transparent; +} + +.bx--tag--filter.bx--tag--disabled svg { + fill: var(--disabled-02, #525252); +} + +.bx--tag.bx--skeleton { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 3.75rem; + overflow: hidden; +} + +.bx--tag.bx--skeleton:hover, .bx--tag.bx--skeleton:focus, .bx--tag.bx--skeleton:active { + border: none; + outline: none; + cursor: default; +} + +.bx--tag.bx--skeleton:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--tag.bx--skeleton:before { + animation: none; + } +} + +.security--tag--interactive--default { + color: var(--text-01, #f4f4f4); + background-color: var(--active-ui, #525252); +} + +.security--tag--interactive--removable { + padding-right: 0.125rem; +} + +.security--tag--interactive__button { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + width: 100%; + position: relative; + margin-left: 0.5rem; + height: 1.25rem; + width: 1.25rem; + color: currentColor; +} + +.security--tag--interactive__button *, +.security--tag--interactive__button *:before, +.security--tag--interactive__button *:after { + box-sizing: inherit; +} + +.security--tag--interactive__button::-moz-focus-inner { + border: 0; +} + +.security--tag--interactive__button:focus, .security--tag--interactive__button:hover { + outline: none; +} + +.security--tag--interactive__button:focus > .security--tag--interactive__button__icon, .security--tag--interactive__button:hover > .security--tag--interactive__button__icon { + border-color: currentColor; +} + +.security--tag--interactive__button__icon { + transition-duration: 0.1s; + transition-property: border-color; + transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9); + position: absolute; + top: 50%; + left: 50%; + border: 0.125rem solid transparent; + border-radius: 50%; + fill: currentColor; + transform: translate(-50%, -50%); +} + +.security--tag-wall__label { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; +} + +.security--tag-wall > .security--tag--interactive { + margin-right: 0.5rem; + max-width: 40ex; + justify-content: space-between; +} + +.security--tag-wall > .security--tag--interactive__button { + flex-shrink: 0; +} + +.bx--text-input { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + outline: 2px solid transparent; + outline-offset: -2px; + background-color: var(--field-01, #262626); + width: 100%; + height: 2.5rem; + padding: 0 1rem; + color: var(--text-01, #f4f4f4); + border: none; + border-bottom: 1px solid var(--ui-04, #6f6f6f); + transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--text-input *, +.bx--text-input *:before, +.bx--text-input *:after { + box-sizing: inherit; +} + +.bx--text-input:focus, .bx--text-input:active { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--text-input-wrapper svg[hidden] { + display: none; +} + +.bx--text-input--xl { + height: 3rem; +} + +.bx--text-input--sm { + height: 2rem; +} + +.bx--password-input { + padding-right: 2.5rem; +} + +.bx--text-input::-webkit-input-placeholder { + color: var(--text-03, #6f6f6f); +} + +.bx--text-input--light { + background-color: var(--field-02, #393939); +} + +.bx--text-input__field-wrapper { + position: relative; + display: flex; + align-items: center; + width: 100%; +} + +.bx--text-input__field-wrapper .bx--text-input__invalid-icon { + position: absolute; + right: 1rem; + top: 50%; + transform: translateY(-50%); + fill: var(--support-01, #fa4d56); +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility { + position: relative; + display: inline-flex; + align-items: center; + cursor: pointer; + overflow: visible; +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility:focus { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility:focus { + outline: 1px solid transparent; +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility:focus svg { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility::after, +.bx--text-input__field-wrapper .bx--text-input--password__visibility .bx--assistive-text, +.bx--text-input__field-wrapper .bx--text-input--password__visibility + .bx--assistive-text { + position: absolute; + z-index: 10000; + display: flex; + align-items: center; + opacity: 0; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--text-input__field-wrapper .bx--text-input--password__visibility::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility::after, + .bx--text-input__field-wrapper .bx--text-input--password__visibility .bx--assistive-text, + .bx--text-input__field-wrapper .bx--text-input--password__visibility + .bx--assistive-text { + display: inline-block; + } +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility::after { + transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility.bx--tooltip--a11y::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility.bx--tooltip--a11y::after { + transition: none; +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility::before { + width: 0; + height: 0; + border-style: solid; + content: \\"\\"; +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility .bx--assistive-text, +.bx--text-input__field-wrapper .bx--text-input--password__visibility + .bx--assistive-text { + box-sizing: content-box; + color: inherit; + opacity: 1; + white-space: normal; +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility::after, +.bx--text-input__field-wrapper .bx--text-input--password__visibility .bx--assistive-text, +.bx--text-input__field-wrapper .bx--text-input--password__visibility + .bx--assistive-text { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + width: max-content; + max-width: 13rem; + height: auto; + padding: 0.1875rem 1rem; + border-radius: 0.125rem; + color: var(--inverse-01, #161616); + font-weight: 400; + text-align: left; + transform: translateX(-50%); + background-color: var(--inverse-02, #f4f4f4); + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--text-input__field-wrapper .bx--text-input--password__visibility::after, + .bx--text-input__field-wrapper .bx--text-input--password__visibility .bx--assistive-text, + .bx--text-input__field-wrapper .bx--text-input--password__visibility + .bx--assistive-text { + width: 13rem; + } +} + +@supports (-ms-accelerator: true) { + .bx--text-input__field-wrapper .bx--text-input--password__visibility::after, + .bx--text-input__field-wrapper .bx--text-input--password__visibility .bx--assistive-text, + .bx--text-input__field-wrapper .bx--text-input--password__visibility + .bx--assistive-text { + width: 13rem; + } +} + +@supports (-ms-ime-align: auto) { + .bx--text-input__field-wrapper .bx--text-input--password__visibility::after, + .bx--text-input__field-wrapper .bx--text-input--password__visibility .bx--assistive-text, + .bx--text-input__field-wrapper .bx--text-input--password__visibility + .bx--assistive-text { + width: 13rem; + } +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility::after { + content: attr(aria-label); +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility.bx--tooltip--a11y::after { + content: none; +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility.bx--tooltip--visible::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility.bx--tooltip--visible::after, .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover::after, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus::after { + opacity: 1; +} + +@keyframes tooltip-fade { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility.bx--tooltip--visible .bx--assistive-text, +.bx--text-input__field-wrapper .bx--text-input--password__visibility.bx--tooltip--visible + .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover .bx--assistive-text, +.bx--text-input__field-wrapper .bx--text-input--password__visibility:hover + .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus .bx--assistive-text, +.bx--text-input__field-wrapper .bx--text-input--password__visibility:focus + .bx--assistive-text { + clip: auto; + margin: auto; + overflow: visible; +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility.bx--tooltip--visible .bx--assistive-text, +.bx--text-input__field-wrapper .bx--text-input--password__visibility.bx--tooltip--visible + .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover .bx--assistive-text, +.bx--text-input__field-wrapper .bx--text-input--password__visibility:hover + .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover.bx--tooltip--a11y::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus .bx--assistive-text, +.bx--text-input__field-wrapper .bx--text-input--password__visibility:focus + .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus.bx--tooltip--a11y::before { + animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility.bx--tooltip--hidden .bx--assistive-text, +.bx--text-input__field-wrapper .bx--text-input--password__visibility.bx--tooltip--hidden + .bx--assistive-text { + clip: rect(0, 0, 0, 0); + margin: -1px; + overflow: hidden; +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility.bx--tooltip--hidden.bx--tooltip--a11y::before { + animation: none; + opacity: 0; +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility::after, +.bx--text-input__field-wrapper .bx--text-input--password__visibility .bx--assistive-text, +.bx--text-input__field-wrapper .bx--text-input--password__visibility + .bx--assistive-text { + bottom: 0; + left: 50%; +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility::before { + bottom: -0.5rem; + border-width: 0 0.25rem 0.3125rem 0.25rem; + border-color: transparent transparent var(--inverse-02, #f4f4f4) transparent; + transform: translate(-50%, 100%); +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility::after, +.bx--text-input__field-wrapper .bx--text-input--password__visibility .bx--assistive-text, +.bx--text-input__field-wrapper .bx--text-input--password__visibility .bx--assistive-text, +.bx--text-input__field-wrapper .bx--text-input--password__visibility + .bx--assistive-text, +.bx--text-input__field-wrapper .bx--text-input--password__visibility + .bx--assistive-text { + bottom: -0.8125rem; + transform: translate(-50%, 100%); +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility, +.bx--text-input__field-wrapper .bx--text-input--password__visibility__toggle.bx--tooltip__trigger { + position: absolute; + height: 1rem; + width: 1rem; + right: 1rem; + padding: 0; + border: 0; + background: none; + cursor: pointer; +} + +.bx--text-input__field-wrapper .bx--text-input--password__visibility svg, +.bx--text-input__field-wrapper .bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg { + fill: var(--icon-02, #c6c6c6); +} + +.bx--text-input__field-wrapper .bx--text-input--invalid { + padding-right: 2.5rem; +} + +.bx--text-input__field-wrapper .bx--text-input--invalid.bx--password-input { + padding-right: 4rem; +} + +.bx--text-input__field-wrapper .bx--text-input--invalid + .bx--text-input--password__visibility, +.bx--text-input__field-wrapper .bx--text-input--invalid + .bx--text-input--password__visibility__toggle { + right: 1rem; +} + +.bx--password-input-wrapper .bx--text-input__invalid-icon { + right: 2.5rem; +} + +.bx--text-input:disabled + .bx--text-input--password__visibility svg, +.bx--text-input:disabled + .bx--text-input--password__visibility__toggle svg { + opacity: 0.5; + cursor: not-allowed; +} + +.bx--text-input:disabled { + cursor: not-allowed; + outline: none; + background-color: var(--disabled-01, #262626); + border-bottom: 1px solid transparent; + color: var(--disabled-02, #525252); +} + +.bx--text-input--light:disabled { + background-color: var(--field-02, #393939); +} + +.bx--text-input:disabled::placeholder { + opacity: 1; + color: var(--disabled-02, #525252); +} + +.bx--text-input--invalid { + outline: 2px solid var(--support-01, #fa4d56); + outline-offset: -2px; + box-shadow: none; +} + +.bx--text-input--invalid .bx--text-input--password__visibility, +.bx--text-input--invalid .bx--text-input--password__visibility__toggle { + right: 2.5rem; +} + +.security--filter .bx--list-box__field { + padding-right: 0; + padding-left: 0; +} + +.security--filter .bx--list-box__menu-item__option { + display: flex; + align-items: center; + justify-content: space-between; +} + +.security--filter__search { + display: flex; + align-items: center; + position: absolute; + right: 1rem; + height: 100%; + top: 0; +} + +.security--filter__search__icon { + fill: var(--icon-02, #c6c6c6); +} + +.security--filter__add { + display: flex; +} + +.security--filter__add__icon { + fill: currentColor; + visibility: hidden; +} + +.security--filter__list-item:focus .security--filter__add__icon, .security--filter__list-item:hover .security--filter__add__icon { + visibility: visible; +} + +.security--filter__list-item:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.security--filter__list-item:hover { + background: var(--ui-02, #393939); + position: relative; +} + +.security--filter__list-item:hover:after { + content: \\"\\"; + position: absolute; + width: 100%; + background: var(--ui-02, #393939); + height: 1px; + bottom: 0; + transform: translateY(1px); +} + +.security--filter__list-item:first-of-type > .bx--list-box__menu-item__option { + border-color: transparent; +} + +.security--filter__list-item__entry { + align-items: center; + width: 100%; + justify-content: space-between; + display: flex; +} + +@keyframes rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +@keyframes rotate-end-p1 { + 100% { + transform: rotate(360deg); + } +} + +@keyframes rotate-end-p2 { + 100% { + transform: rotate(-360deg); + } +} + +/* Stroke animations */ +@keyframes init-stroke { + 0% { + stroke-dashoffset: 240; + } + 100% { + stroke-dashoffset: 40; + } +} + +@keyframes stroke-end { + 0% { + stroke-dashoffset: 40; + } + 100% { + stroke-dashoffset: 240; + } +} + +.security--tearsheet--small { + display: flex; + position: fixed; + left: 50%; + bottom: 0; + height: calc(100vh - 3rem); + min-height: 20rem; + background-color: var(--ui-01, #262626); + transform: translate3d(-50%, 0, 0); + z-index: 9000; + width: 32rem; + flex-direction: column; +} + +.security--input__background__color--light .bx--number .security--tearsheet--small input[type=\\"number\\"], .security--card .bx--number .security--tearsheet--small input[type=\\"number\\"], .security--tearsheet--small .bx--date-picker__input, .security--tearsheet--small .bx--dropdown, +.security--tearsheet--small .bx--number input[type=\\"number\\"], .security--tearsheet--small .bx--search-input, .security--tearsheet--small .bx--select-input, .security--tearsheet--small .bx--text-area, .security--tearsheet--small .bx--text-input, .security--tearsheet--small .bx--list-box, .security--tearsheet--small .bx--list-box__menu, .security--tearsheet--small .security--button--icon:focus, .security--tearsheet--small .security--button--icon:hover, .security--tearsheet .bx--number .security--tearsheet--small input[type=\\"number\\"] { + background-color: var(--ui-02, #393939); +} + +.security--tearsheet--small__transition--enter--active, .security--tearsheet--small__transition--leave--active { + transition-duration: 0.2s; + transition-property: transform; + transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.security--tearsheet--small__transition--enter { + transform: translate3d(-50%, 100%, 0); +} + +.security--tearsheet--small__transition--enter--active { + transform: translate3d(-50%, 0, 0); +} + +.security--tearsheet--small__transition--leave { + transform: translate3d(-50%, 0, 0); +} + +.security--tearsheet--small__transition--leave--active { + transform: translate3d(-50%, 100%, 0); +} + +.security--tearsheet--small__button--close { + position: absolute; + top: 0; + right: 0; +} + +.security--tearsheet--small > .bx--loading-overlay { + position: absolute; + background-color: var(--overlay-01, rgba(22, 22, 22, 0.7)); +} + +.security--tearsheet--small__loading .bx--loading__stroke { + stroke: var(--inverse-focus-ui, #0f62fe); +} + +.security--tearsheet--small__loading > .bx--loading { + width: 4rem; + height: 4rem; +} + +.security--tearsheet--small__header { + padding: 1rem; +} + +.security--tearsheet--small__title { + font-size: 2rem; + font-weight: 400; + line-height: 2.5rem; + letter-spacing: 0; + margin-top: 0; + margin-bottom: 1rem; +} + +.security--tearsheet--small__body { + display: flex; + min-height: 0; + width: 100%; + margin-bottom: 6rem; + flex-grow: 1; + overflow: auto; +} + +.security--tearsheet--small__scroll-gradient__content { + padding-right: 1rem; + padding-left: 1rem; +} + +.security--tearsheet--small__description { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +.security--tearsheet--small__content { + flex-grow: inherit; + word-break: break-word; +} + +.security--tearsheet--small__content .security--filter__search-field { + background-color: #525252; +} + +.security--tearsheet--small__footer { + display: flex; + position: fixed; + bottom: 0; + width: 32rem; +} + +.security--tearsheet--small__footer__button { + width: 100%; + align-items: start; + flex-direction: column; + max-width: 50%; + margin-left: auto; + flex: 1; +} + +.security--tearsheet--small__footer__button--secondary { + margin-left: 0; +} + +.security--tag-wall-filter__tag-wall { + min-height: 1.5rem; + margin: 0.75rem 0 0.5rem; +} + +.security--tag-wall-filter__tag-wall__label { + color: var(--text-02, #c6c6c6); +} + +.security--tag-wall-filter__description { + max-height: 20vh; + overflow: auto; +} + +.security--portal__overlay { + display: flex; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: var(--overlay-01, rgba(22, 22, 22, 0.7)); + justify-content: center; + z-index: 8000; +} + +.security--portal__overlay:focus { + outline: unset; +} + +.security--portal__container { + overflow-y: hidden; +} + +@keyframes rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +@keyframes rotate-end-p1 { + 100% { + transform: rotate(360deg); + } +} + +@keyframes rotate-end-p2 { + 100% { + transform: rotate(-360deg); + } +} + +/* Stroke animations */ +@keyframes init-stroke { + 0% { + stroke-dashoffset: 240; + } + 100% { + stroke-dashoffset: 40; + } +} + +@keyframes stroke-end { + 0% { + stroke-dashoffset: 40; + } + 100% { + stroke-dashoffset: 240; + } +} + +.security--tearsheet { + display: flex; + position: fixed; + left: 50%; + bottom: 0; + height: calc(100vh - 3rem); + min-height: 20rem; + background-color: var(--ui-01, #262626); + transform: translate3d(-50%, 0, 0); + z-index: 9000; + width: calc(100vw - 3rem); +} + +.security--input__background__color--light .bx--number .security--tearsheet input[type=\\"number\\"], .security--card .bx--number .security--tearsheet input[type=\\"number\\"], .security--tearsheet--small .bx--number .security--tearsheet input[type=\\"number\\"], .security--tearsheet .bx--date-picker__input, .security--tearsheet .bx--dropdown, +.security--tearsheet .bx--number input[type=\\"number\\"], .security--tearsheet .bx--search-input, .security--tearsheet .bx--select-input, .security--tearsheet .bx--text-area, .security--tearsheet .bx--text-input, .security--tearsheet .bx--list-box, .security--tearsheet .bx--list-box__menu, .security--tearsheet .security--button--icon:focus, .security--tearsheet .security--button--icon:hover { + background-color: var(--ui-02, #393939); +} + +.security--tearsheet__transition--enter--active, .security--tearsheet__transition--leave--active { + transition-duration: 0.2s; + transition-property: transform; + transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.security--tearsheet__transition--enter { + transform: translate3d(-50%, 100%, 0); +} + +.security--tearsheet__transition--enter--active { + transform: translate3d(-50%, 0, 0); +} + +.security--tearsheet__transition--leave { + transform: translate3d(-50%, 0, 0); +} + +.security--tearsheet__transition--leave--active { + transform: translate3d(-50%, 100%, 0); +} + +.security--tearsheet__button--close { + position: absolute; + top: 0; + right: 0; +} + +.security--tearsheet > .bx--loading-overlay { + position: absolute; + background-color: var(--overlay-01, rgba(22, 22, 22, 0.7)); +} + +.security--tearsheet__loading .bx--loading__stroke { + stroke: var(--inverse-focus-ui, #0f62fe); +} + +.security--tearsheet__button { + width: 100%; + align-items: start; + flex-direction: column; + max-width: 16.5rem; +} + +.security--tearsheet__button--tertiary { + display: flex; + flex-wrap: wrap; + justify-content: left; +} + +.security--tearsheet__button--tertiary__text { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + color: var(--text-01, #f4f4f4); +} + +.security--tearsheet__sidebar { + position: relative; + width: 33%; + max-width: 16.5rem; + padding: 1.5rem; + border-right: 0.0625rem solid var(--ui-background, #161616); +} + +.security--tearsheet__sidebar__title { + font-size: 1.25rem; + font-weight: 400; + line-height: 1.625rem; + letter-spacing: 0; + margin-top: 0; + margin-bottom: 0.25rem; +} + +.security--tearsheet__sidebar__subtitle { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + margin-top: 0; + margin-bottom: 1.5rem; + color: var(--text-02, #c6c6c6); +} + +.security--tearsheet__sidebar__footer { + display: flex; + position: absolute; + right: 0; + bottom: 0; + left: 0; + padding-bottom: 0.5rem; + padding-left: 0.5rem; +} + +.security--tearsheet__main { + position: relative; + display: flex; + padding-top: 1.5rem; + flex: 1; + flex-direction: column; + justify-content: space-between; +} + +.security--tearsheet__main__title, .security--tearsheet__main__content { + padding-left: 1.5rem; +} + +.security--tearsheet__main__scroll-gradient { + width: 100%; +} + +.security--tearsheet__main__scroll-gradient__content { + padding-right: 1.5rem; +} + +.security--tearsheet__main__title { + font-size: 1.75rem; + font-weight: 400; + line-height: 2.25rem; + letter-spacing: 0; + padding-right: 1.5rem; + margin-top: 0; + margin-bottom: 1.5rem; +} + +.security--tearsheet__main__content { + display: flex; + position: relative; + width: 100%; + min-height: 0; + box-sizing: border-box; + flex: 1; +} + +.security--tearsheet__container { + display: flex; + width: 100%; + flex-wrap: wrap; + justify-content: space-between; +} + +.security--tearsheet__container__start, .security--tearsheet__container__end { + display: flex; + justify-content: flex-end; +} + +.security--tearsheet__container__start { + flex-direction: column; +} + +.security--tearsheet__container__end { + flex-grow: 1; + flex-wrap: wrap; +} + +@keyframes rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +@keyframes rotate-end-p1 { + 100% { + transform: rotate(360deg); + } +} + +@keyframes rotate-end-p2 { + 100% { + transform: rotate(-360deg); + } +} + +/* Stroke animations */ +@keyframes init-stroke { + 0% { + stroke-dashoffset: 240; + } + 100% { + stroke-dashoffset: 40; + } +} + +@keyframes stroke-end { + 0% { + stroke-dashoffset: 40; + } + 100% { + stroke-dashoffset: 240; + } +} + +.security--time-indicator { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + display: flex; + color: var(--text-02, #c6c6c6); + align-items: center; +} + +.security--time-indicator__icon { + margin-right: 0.5rem; + fill: var(--icon-01, #f4f4f4); +} + +.security--toolbar { + position: fixed; + top: 0; + bottom: 0; + left: 0; + width: 3rem; + padding: 0.5rem 0.25rem; + background-color: var(--ui-background, #161616); + box-sizing: border-box; + z-index: 8002; +} + +.security--toolbar[dir=\\"rtl\\"], +[dir=\\"rtl\\"] .security--toolbar { + right: 0; + left: unset; + padding-right: 0.25rem; + padding-left: unset; +} + +.security--theme--cg10 .security--toolbar, .security--theme--cg10 .security--toolbar__panel { + --interactive-01: #0f62fe; + --interactive-02: #697077; + --interactive-03: #ffffff; + --interactive-04: #4589ff; + --ui-background: #121619; + --ui-01: #21272a; + --ui-02: #343a3f; + --ui-03: #343a3f; + --ui-04: #697077; + --ui-05: #f2f4f8; + --text-01: #f2f4f8; + --text-02: #c1c7cd; + --text-03: #697077; + --text-04: #ffffff; + --text-05: #878d96; + --text-error: #ff8389; + --icon-01: #f2f4f8; + --icon-02: #c1c7cd; + --icon-03: #ffffff; + --link-01: #78a9ff; + --inverse-link: #0f62fe; + --field-01: #21272a; + --field-02: #343a3f; + --inverse-01: #121619; + --inverse-02: #f2f4f8; + --support-01: #fa4d56; + --support-02: #42be65; + --support-03: #f1c21b; + --support-04: #4589ff; + --inverse-support-01: #da1e28; + --inverse-support-02: #24a148; + --inverse-support-03: #f1c21b; + --inverse-support-04: #0f62fe; + --overlay-01: rgba(22, 22, 22, 0.7); + --danger: #da1e28; + --focus: #ffffff; + --inverse-focus-ui: #0f62fe; + --hover-primary: #0353e9; + --active-primary: #002d9c; + --hover-primary-text: #a6c8ff; + --hover-secondary: #5a6066; + --active-secondary: #343a3f; + --hover-tertiary: #f2f4f8; + --active-tertiary: #c1c7cd; + --hover-ui: #2f353a; + --active-ui: #4d5358; + --selected-ui: #343a3f; + --inverse-hover-ui: #e0e4ea; + --hover-selected-ui: #464c51; + --hover-danger: #b81921; + --active-danger: #750e13; + --hover-row: #2f353a; + --visited-link: #be95ff; + --disabled-01: #21272a; + --disabled-02: #4d5358; + --disabled-03: #697077; + --highlight: #002d9c; + --skeleton-01: #2f353a; + --skeleton-02: #343a3f; + --brand-01: #0f62fe; + --brand-02: #697077; + --brand-03: #ffffff; + --active-01: #4d5358; + --hover-field: #2f353a; +} + +.security--toolbar__group { + padding-left: unset; + margin-top: unset; + margin-bottom: unset; + list-style: none; +} + +.security--toolbar__group[dir=\\"rtl\\"], +[dir=\\"rtl\\"] .security--toolbar__group { + padding-right: unset; +} + +.security--toolbar__button--active, .security--toolbar__button:hover, .security--toolbar__button:focus { + background-color: var(--ui-01, #262626); +} + +.security--toolbar__button--active .security--toolbar__icon, .security--toolbar__button:hover .security--toolbar__icon, .security--toolbar__button:focus .security--toolbar__icon { + opacity: 1; +} + +.security--toolbar__button:hover + .security--toolbar__tooltip { + opacity: 0.95; +} + +.security--theme--cg10 .security--toolbar__button::after, .security--theme--cg10 .security--toolbar__button::before { + --interactive-01: #0f62fe; + --interactive-02: #343a3f; + --interactive-03: #0f62fe; + --interactive-04: #0f62fe; + --ui-background: #f2f4f8; + --ui-01: #ffffff; + --ui-02: #f2f4f8; + --ui-03: #dde1e6; + --ui-04: #878d96; + --ui-05: #121619; + --text-01: #121619; + --text-02: #343a3f; + --text-03: #a2a9b0; + --text-04: #ffffff; + --text-05: #697077; + --text-error: #da1e28; + --icon-01: #121619; + --icon-02: #4d5358; + --icon-03: #ffffff; + --link-01: #0f62fe; + --inverse-link: #78a9ff; + --field-01: #ffffff; + --field-02: #f2f4f8; + --inverse-01: #ffffff; + --inverse-02: #343a3f; + --support-01: #da1e28; + --support-02: #24a148; + --support-03: #f1c21b; + --support-04: #0043ce; + --inverse-support-01: #fa4d56; + --inverse-support-02: #42be65; + --inverse-support-03: #f1c21b; + --inverse-support-04: #4589ff; + --overlay-01: rgba(22, 22, 22, 0.5); + --danger: #da1e28; + --focus: #0f62fe; + --inverse-focus-ui: #ffffff; + --hover-primary: #0353e9; + --active-primary: #002d9c; + --hover-primary-text: #0043ce; + --hover-secondary: #464c51; + --active-secondary: #697077; + --hover-tertiary: #0353e9; + --active-tertiary: #002d9c; + --hover-ui: #e0e4ea; + --active-ui: #c1c7cd; + --selected-ui: #dde1e6; + --inverse-hover-ui: #464c51; + --hover-selected-ui: #c4c9d1; + --hover-danger: #b81921; + --active-danger: #750e13; + --hover-row: #e0e4ea; + --visited-link: #8a3ffc; + --disabled-01: #ffffff; + --disabled-02: #c1c7cd; + --disabled-03: #878d96; + --highlight: #d0e2ff; + --skeleton-01: #e0e4ea; + --skeleton-02: #c1c7cd; + --brand-01: #0f62fe; + --brand-02: #343a3f; + --brand-03: #0f62fe; + --active-01: #c1c7cd; + --hover-field: #e0e4ea; +} + +.security--toolbar__icon { + opacity: 0.6; + pointer-events: none; +} + +.security--toolbar__nav__item__icon { + width: 1rem; + height: 1rem; +} + +.security--toolbar__panel { + position: fixed; + top: 0; + left: 3rem; + bottom: 0; + width: 16rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + background-color: var(--ui-01, #262626); + box-shadow: 0.125rem 0 0 0 var(--overlay-01, rgba(22, 22, 22, 0.7)); + box-sizing: border-box; + overflow-x: hidden; + overflow-y: auto; + z-index: 8001; +} + +.security--toolbar__panel[dir=\\"rtl\\"], +[dir=\\"rtl\\"] .security--toolbar__panel { + right: 3rem; + left: unset; + box-shadow: -0.125rem 0 0 0 var(--overlay-01, rgba(22, 22, 22, 0.7)); +} + +.security--toolbar__content { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + height: 95%; + width: 13rem; + overflow: hidden; + margin: 0 1.5rem 0 1.5rem; +} + +.security--toolbar__content > div:first-child { + height: 100%; + width: 100%; + overflow: auto; + margin-right: -1rem; + padding-right: 1rem; + margin-bottom: -1.5rem; + padding-bottom: 1.5rem; +} + +.security--toolbar__content a { + color: var(--link-01, #78a9ff); +} + +.security--toolbar__content h1 { + font-size: 1.25rem; + font-weight: 400; + line-height: 1.625rem; + letter-spacing: 0; +} + +.security--toolbar__transition--enter--active, .security--toolbar__transition--leave--active { + transition-duration: 0.1s; +} + +.security--toolbar__transition--enter { + transform: translate3d(-16rem, 0, 0); +} + +.security--toolbar__transition--enter[dir=\\"rtl\\"], +[dir=\\"rtl\\"] .security--toolbar__transition--enter { + transform: translate3d(16rem, 0, 0); +} + +.security--toolbar__transition--enter--active { + transform: translate3d(0, 0, 0); +} + +.security--toolbar__transition--leave--active { + transform: translate3d(-16rem, 0, 0); +} + +.security--toolbar__transition--leave--active[dir=\\"rtl\\"], +[dir=\\"rtl\\"] .security--toolbar__transition--leave--active { + transform: translate3d(16rem, 0, 0); +} + +.security--toolbar__content__transition--enter--active, .security--toolbar__content__transition--leave--active { + transition-duration: 0.1s; +} + +.security--toolbar__content__transition--enter { + transform: translate3d(-0.5rem, 0, 0); +} + +.security--toolbar__content__transition--enter[dir=\\"rtl\\"], +[dir=\\"rtl\\"] .security--toolbar__content__transition--enter { + transform: translate3d(0.5rem, 0, 0); +} + +.security--toolbar__content__transition--enter--active { + transform: translate3d(0, 0, 0); +} + +.security--toolbar__content__transition--leave--active { + transform: translate3d(-0.5rem, 0, 0); +} + +.security--toolbar__content__transition--leave--active[dir=\\"rtl\\"], +[dir=\\"rtl\\"] .security--toolbar__content__transition--leave--active { + transform: translate3d(0.5rem, 0, 0); +} + +.security--toolbar__content__transition--enter--active, .security--toolbar__content__transition--leave--active { + transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9); + opacity: 1; +} + +.security--toolbar__content__transition--enter { + opacity: 0; +} + +.security--toolbar__content__transition--enter--active { + opacity: 1; +} + +.security--toolbar__content__transition--leave { + opacity: 1; +} + +.security--toolbar__content__transition--leave--active { + opacity: 0; +} + +.security--toolbar__content__transition--enter, .security--toolbar__content__transition--leave { + width: 100%; +} + +.security--toolbar__content__transition--enter--active, .security--toolbar__content__transition--leave--active { + transition-property: opacity, transform; +} + +.security--toolbar__content__transition--enter { + position: absolute; +} + +.security--toolbar__content__transition--enter--active { + transition-delay: 0.2s; +} + +.security--trending-card { + transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9); + display: block; + min-width: 12rem; + padding: 1rem; + background-color: var(--ui-01, #262626); + transition-duration: 0.1s; + text-decoration: unset; +} + +.security--trending-card:focus, .security--trending-card:hover { + background-color: var(--hover-ui, #353535); +} + +.security--trending-card:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.security--trending-card__title, .security--trending-card__subtitle { + display: block; + overflow-x: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.security--trending-card__title { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.25rem; + letter-spacing: 0.16px; + margin-top: 0; + margin-bottom: 0.25rem; + color: var(--text-01, #f4f4f4); +} + +.security--trending-card__subtitle { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + color: var(--text-02, #c6c6c6); +} + +.security--truncated-list { + margin: 0; +} + +.security--truncated-list__scroller-container { + height: auto; +} + +.security--truncated-list__scroller { + transition-duration: 0.2s; + transition-property: height; + transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.security--truncated-list__expand-button { + width: 100%; + max-width: none; + min-height: auto; + padding: 0; + border: none; + background: transparent; + color: var(--link-01, #78a9ff); + margin-top: 1px; +} + +.security--truncated-list__expand-button:hover { + background: transparent; + color: var(--link-01, #78a9ff); +} + +.security--truncated-list__expand-button:active { + background: transparent; + color: var(--text-01, #f4f4f4); +} + +.bx--structured-list--selection .bx--structured-list-td, +.bx--structured-list--selection .bx--structured-list-th { + padding-left: 1rem; + padding-right: 1rem; +} + +.bx--structured-list--selection .bx--structured-list-td:first-child, +.bx--structured-list--selection .bx--structured-list-th:first-child { + padding-left: 1rem; + padding-right: 1rem; +} + +.bx--structured-list-input { + display: none; +} + +.bx--structured-list { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: table; + overflow-x: auto; + overflow-y: hidden; + width: 100%; + border-collapse: collapse; + border-spacing: 0; + margin-bottom: 5rem; + background-color: transparent; +} + +.bx--structured-list *, +.bx--structured-list *:before, +.bx--structured-list *:after { + box-sizing: inherit; +} + +.bx--structured-list.bx--structured-list--condensed .bx--structured-list-td, +.bx--structured-list.bx--structured-list--condensed .bx--structured-list-th { + padding: 0.5rem; + padding-left: 0; +} + +.bx--structured-list-row { + display: table-row; + border-bottom: 1px solid var(--ui-03, #393939); + transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) { + background-color: var(--hover-row, #353535); + cursor: pointer; + border-bottom: 1px solid var(--hover-row, #353535); +} + +.bx--structured-list-row.bx--structured-list-row--selected { + background-color: var(--selected-ui, #393939); +} + +.bx--structured-list-row.bx--structured-list-row--header-row { + border-bottom: 1px solid var(--selected-ui, #393939); + cursor: inherit; +} + +.bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td, +.bx--structured-list-row.bx--structured-list-row--selected > .bx--structured-list-td { + color: var(--text-01, #f4f4f4); +} + +.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td { + border-top: 1px solid var(--ui-01, #262626); +} + +.bx--structured-list-thead { + display: table-header-group; + vertical-align: middle; +} + +.bx--structured-list-th { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + padding-left: 1rem; + padding-right: 1rem; + padding-top: 1rem; + padding-bottom: 0.5rem; + font-size: 0.875rem; + font-weight: 600; + line-height: 1.125rem; + letter-spacing: 0.16px; + display: table-cell; + font-weight: 600; + height: 2.5rem; + text-align: left; + text-transform: none; + vertical-align: bottom; +} + +.bx--structured-list-th *, +.bx--structured-list-th *:before, +.bx--structured-list-th *:after { + box-sizing: inherit; +} + +.bx--structured-list-tbody { + display: table-row-group; + vertical-align: middle; +} + +.bx--structured-list-td { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.25rem; + letter-spacing: 0.16px; + padding-top: 1rem; + padding-right: 1rem; + padding-bottom: 1.5rem; + padding-left: 1rem; + line-height: 1.3125rem; + position: relative; + display: table-cell; + max-width: 36rem; + transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--structured-list-td *, +.bx--structured-list-td *:before, +.bx--structured-list-td *:after { + box-sizing: inherit; +} + +.bx--structured-list-th { + color: var(--text-01, #f4f4f4); +} + +.bx--structured-list-td { + color: var(--text-02, #c6c6c6); +} + +.bx--structured-list-content--nowrap { + white-space: nowrap; +} + +.bx--structured-list-svg { + display: inline-block; + fill: transparent; + vertical-align: middle; + transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--structured-list-row:hover .bx--structured-list-svg { + fill: #a8a8a8; +} + +.bx--structured-list-input:checked + .bx--structured-list-row .bx--structured-list-svg, +.bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg { + fill: var(--icon-01, #f4f4f4); +} + +.bx--structured-list.bx--skeleton .bx--structured-list-th:first-child { + width: 8%; +} + +.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n + 2) { + width: 30%; +} + +.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n + 3) { + width: 15%; +} + +.bx--structured-list.bx--skeleton .bx--structured-list-th span { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 75%; + height: 1rem; + display: block; +} + +.bx--structured-list.bx--skeleton .bx--structured-list-th span:hover, .bx--structured-list.bx--skeleton .bx--structured-list-th span:focus, .bx--structured-list.bx--skeleton .bx--structured-list-th span:active { + border: none; + outline: none; + cursor: default; +} + +.bx--structured-list.bx--skeleton .bx--structured-list-th span:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--structured-list.bx--skeleton .bx--structured-list-th span:before { + animation: none; + } +} + +.bx--structured-list.bx--skeleton .bx--structured-list-th span { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 75%; + height: 1rem; + display: block; +} + +.bx--structured-list.bx--skeleton .bx--structured-list-th span:hover, .bx--structured-list.bx--skeleton .bx--structured-list-th span:focus, .bx--structured-list.bx--skeleton .bx--structured-list-th span:active { + border: none; + outline: none; + cursor: default; +} + +.bx--structured-list.bx--skeleton .bx--structured-list-th span:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--structured-list.bx--skeleton .bx--structured-list-th span:before { + animation: none; + } +} + +.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child { + width: 5%; +} + +.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child span { + display: none; +} + +.bx--structured-list { + min-width: unset; +} + +.security--type-layout__container { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + max-width: unset; + min-width: unset; + margin-bottom: 2rem; +} + +.security--type-layout__container__row { + border-width: 0; +} + +.security--type-layout__container__row:first-of-type > .security--type-layout__container__cell { + padding-top: 0; +} + +.security--type-layout__container__row:last-of-type > .security--type-layout__container__cell { + padding-bottom: 0; +} + +.security--type-layout__container__cell { + display: table-cell; + padding: 0.5rem 1.5rem 0.5rem 0.5rem; + color: var(--text-01, #f4f4f4); +} + +.security--type-layout__container__cell[dir=\\"rtl\\"]:first-of-type, +[dir=\\"rtl\\"] .security--type-layout__container__cell:first-of-type { + padding-right: 0; + padding-left: unset; +} + +.security--type-layout__container__cell[dir=\\"rtl\\"]:last-of-type, +[dir=\\"rtl\\"] .security--type-layout__container__cell:last-of-type { + padding-right: unset; + padding-left: 0; +} + +.security--type-layout__container--lg .security--type-layout__container__cell { + padding: 1rem 1.5rem 1rem 1rem; +} + +.security--type-layout__container--sm .security--type-layout__container__cell { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + padding: 0.25rem 1.5rem 0.25rem 0.25rem; +} + +.security--type-layout__container--xs .security--type-layout__container__cell { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + padding: 0.25rem; +} + +.security--type-layout__container:not(.security--type-layout__container--xs) .security--type-layout__container__cell:first-of-type { + padding-left: 0; +} + +.security--type-layout__container__cell:first-of-type { + color: var(--text-02, #c6c6c6); + width: 1%; + white-space: nowrap; +} + +.security--type-layout__container__cell:last-of-type { + padding-right: 0; +} + +.security--type-layout__container__cell ul { + padding-left: 0; + margin-top: 0; + margin-bottom: 0; + list-style: none; +} + +.security--type-layout__container__cell ul li { + margin-bottom: 0.5rem; +} + +.security--type-layout__container--bordered .security--type-layout__container__row { + border-bottom: 1px solid var(--ui-03, #393939); +} + +.security--type-layout__container--bordered .security--type-layout__container__row:last-child { + border-width: 0; +} + +@keyframes rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +@keyframes rotate-end-p1 { + 100% { + transform: rotate(360deg); + } +} + +@keyframes rotate-end-p2 { + 100% { + transform: rotate(-360deg); + } +} + +/* Stroke animations */ +@keyframes init-stroke { + 0% { + stroke-dashoffset: 240; + } + 100% { + stroke-dashoffset: 40; + } +} + +@keyframes stroke-end { + 0% { + stroke-dashoffset: 40; + } + 100% { + stroke-dashoffset: 240; + } +} + +.security--wizard__navItem { + margin-left: -1.5rem; +} + +@keyframes collapse-accordion { + 0% { + height: 100%; + visibility: visible; + opacity: 1; + } + 100% { + height: 0; + visibility: hidden; + opacity: 0; + } +} + +@keyframes expand-accordion { + 0% { + height: 0; + visibility: hidden; + opacity: 0; + } + 100% { + height: 100%; + visibility: visible; + opacity: 1; + } +} + +.security--header__list__item { + height: inherit; +} + +.security--header__list__item--active { + margin-right: 0.5rem; +} + +.security--header__list__item--active:last-of-type { + margin-right: 0; +} + +.security--header__list__item > .bx--btn { + height: inherit; + min-height: inherit; +} + +.security--header__notification { + display: flex; + width: 100%; + box-sizing: border-box; + justify-content: space-between; +} + +.security--header__notification__content { + padding-top: 1rem; + padding-bottom: 1rem; + padding-left: 0.5rem; + flex-grow: 1; + text-decoration: none; + color: inherit; +} + +.security--header__notification__content:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + outline-color: var(--inverse-focus-ui, #0f62fe); + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.security--header__notification__content > .bx--tooltip--definition > .bx--tooltip__trigger { + color: currentColor; +} + +.security--header__notification__content > .bx--tooltip--definition > .bx--tooltip__trigger:focus { + outline-color: var(--inverse-focus-ui, #0f62fe); +} + +.security--header__notification__content > .bx--tooltip--definition > .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text, .security--header__notification__content > .bx--tooltip--definition > .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text { + background-color: var(--inverse-01, #161616); + color: var(--inverse-02, #f4f4f4); +} + +.security--header__notification__content > .bx--tooltip--definition > .bx--tooltip__trigger.bx--tooltip--bottom::before { + border-bottom-color: var(--inverse-01, #161616); +} + +.security--header__notification__content > .bx--tooltip--definition > .bx--tooltip__trigger.bx--tooltip--top::before { + border-top-color: var(--inverse-01, #161616); +} + +.security--header__notification__details { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + display: block; + margin-bottom: 0.5rem; +} + +.security--header__notification__time { + font-weight: 600; +} + +.security--header__notification__button { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + width: 100%; + width: 2.5rem; + height: 2.5rem; + display: flex; + position: relative; + padding-top: 0; + padding-right: 0; + padding-left: 0; + color: var(--icon-01, #f4f4f4); + background-color: inherit; + align-items: center; + border: 0; + fill: currentColor; + justify-content: center; + transition: 0.2s cubic-bezier(0.2, 0, 0.38, 0.9) background-color; + margin-left: auto; + color: var(--inverse-01, #161616); + transition: 0.1s background-color cubic-bezier(0.2, 0, 0.38, 0.9); + cursor: inherit; + flex-shrink: 0; + opacity: 0; + transform: translate3d(0.5rem, 0, 0); + transition-duration: 0.1s; + transition-property: opacity, transform; + transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.security--header__notification__button *, +.security--header__notification__button *:before, +.security--header__notification__button *:after { + box-sizing: inherit; +} + +.security--header__notification__button::-moz-focus-inner { + border: 0; +} + +.security--header__notification__button + .security--button--icon__tooltip::before { + left: 1.25rem; +} + +.security--header__notification__button:hover, .security--header__notification__button:focus { + background-color: var(--hover-ui, #353535); +} + +.security--header__notification__button:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + border-width: 0; +} + +.security--header__notification__button:disabled { + fill: var(--disabled-03, #6f6f6f); + cursor: not-allowed; +} + +.security--header__notification__button:disabled, .security--header__notification__button:disabled:hover, .security--header__notification__button:disabled:focus { + background-color: var(--disabled-01, #262626); +} + +.security--header__notification__button:disabled:focus { + outline-width: 0; +} + +.security--header__notification__button--lg { + width: 3rem; + height: 3rem; +} + +.security--header__notification__button--lg + .security--button--icon__tooltip::before { + left: 1.5rem; +} + +.security--header__notification__button--sm { + width: 2rem; + height: 2rem; +} + +.security--header__notification__button--sm + .security--button--icon__tooltip::before { + left: 1rem; +} + +.security--header__notification__button--xl { + width: 4rem; + height: 4rem; +} + +.security--header__notification__button--xl + .security--button--icon__tooltip::before { + left: 2rem; +} + +.security--header__notification__button--tooltip::before, .security--header__notification__button--tooltip::after { + z-index: 10000; +} + +.security--header__notification__button--tooltip::before { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + display: flex; + position: absolute; + padding: 0.125rem 1rem; + color: var(--inverse-01, #161616); + background-color: var(--inverse-02, #f4f4f4); + align-items: center; + border-radius: 0.125rem; + opacity: 0; + pointer-events: none; + transition-duration: 0.1s; + transition-property: opacity; + white-space: nowrap; + content: attr(aria-label); +} + +.security--header__notification__button--tooltip::after { + position: absolute; + display: inline-block; + border-color: transparent; + border-style: solid; + border-width: 0.25rem; + transition-duration: 0.1s; + transition-property: opacity; + opacity: 1; + content: \\"\\"; + opacity: 0; +} + +.security--header__notification__button--tooltip:focus::before, .security--header__notification__button--tooltip:focus::after, .security--header__notification__button--tooltip:hover::before, .security--header__notification__button--tooltip:hover::after { + opacity: 1; +} + +.security--header__notification__button--tooltip--top::before, .security--header__notification__button--tooltip--top::after, .security--header__notification__button--tooltip--bottom::before, .security--header__notification__button--tooltip--bottom::after { + left: 50%; +} + +.security--header__notification__button--tooltip--left::before, .security--header__notification__button--tooltip--left::after, .security--header__notification__button--tooltip--right::before, .security--header__notification__button--tooltip--right::after { + top: 50%; +} + +.security--header__notification__button--tooltip--top::before, .security--header__notification__button--tooltip--top::after { + bottom: calc( 100% + 0.25rem); +} + +.security--header__notification__button--tooltip--top::before { + transform: translate(-50%, -0.25rem); +} + +.security--header__notification__button--tooltip--top::after { + border-top-color: var(--inverse-02, #f4f4f4); + transform: translate(-50%, 0.25rem); +} + +.security--header__notification__button--tooltip--right::before, .security--header__notification__button--tooltip--right::after { + left: calc( 100% + 0.25rem); +} + +.security--header__notification__button--tooltip--right::before { + transform: translate(0.25rem, -50%); +} + +.security--header__notification__button--tooltip--right::after { + border-right-color: var(--inverse-02, #f4f4f4); + transform: translate(-0.25rem, -50%); +} + +.security--header__notification__button--tooltip--bottom::before, .security--header__notification__button--tooltip--bottom::after { + top: calc( 100% + 0.25rem); +} + +.security--header__notification__button--tooltip--bottom::before { + transform: translate(-50%, 0.25rem); +} + +.security--header__notification__button--tooltip--bottom::after { + border-bottom-color: var(--inverse-02, #f4f4f4); + transform: translate(-50%, -0.25rem); +} + +.security--header__notification__button--tooltip--left::before, .security--header__notification__button--tooltip--left::after { + right: calc( 100% + 0.25rem); +} + +.security--header__notification__button--tooltip--left::before { + transform: translate(-0.25rem, -50%); +} + +.security--header__notification__button--tooltip--left::after { + border-left-color: var(--inverse-02, #f4f4f4); + transform: translate(0.25rem, -50%); +} + +.security--header__notification__button:focus, .security--header__notification__button:hover { + background-color: var(--inverse-hover-ui, #e5e5e5); + outline-color: var(--inverse-focus-ui, #0f62fe); +} + +.security--header__notification__button:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + outline-color: var(--inverse-focus-ui, #0f62fe); + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.security--header__notification__button:active, .security--header__notification__button:focus, .security--header__notification__button:hover { + cursor: pointer; + background-color: var(--active-tertiary, #c6c6c6); +} + +.security--header__notification__transition--enter--active, .security--header__notification__transition--leave--active { + transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9); + opacity: 1; +} + +.security--header__notification__transition--enter { + opacity: 0; +} + +.security--header__notification__transition--enter--active { + opacity: 1; +} + +.security--header__notification__transition--leave { + opacity: 1; +} + +.security--header__notification__transition--leave--active { + opacity: 0; +} + +.security--header__notification__transition--leave { + max-height: 6rem; + transition-duration: 0.1s; + transition-property: max-height, opacity; +} + +.security--header__notification__transition--leave--active { + max-height: 0; +} + +.security--header__popover__header { + display: flex; + flex-wrap: nowrap; + align-items: center; + padding: 1.5rem; +} + +.security--header__popover__header__title { + font-size: 1rem; + font-weight: 600; + line-height: 1.375rem; + letter-spacing: 0; +} + +.security--header__popover__link--secondary, .security--header__popover__link--secondary:focus, .security--header__popover__link--secondary:hover, .security--header__popover__link--secondary:visited { + color: var(--inverse-link, #0f62fe); +} + +.security--header__popover__link--secondary:focus { + outline-color: var(--inverse-link, #0f62fe); +} + +.security--header { + display: flex; + position: fixed; + top: 0; + width: inherit; + height: inherit; + padding-top: inherit; + align-items: center; + background-color: inherit; + color: inherit; + z-index: 8000; +} + +.security--header__container { + width: 100%; + height: 3rem; + padding-top: 0.5rem; + background-color: var(--ui-background, #161616); +} + +.security--header__link { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + margin-left: 2rem; +} + +.security--header__link, .security--header__link:visited { + color: inherit; +} + +.security--header__link:hover, .security--header__link:focus { + color: var(--text-02, #c6c6c6); +} + +.security--header__link__title--domain { + font-size: 0.875rem; + font-weight: 600; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +.security--header__group { + display: flex; + padding-left: unset; + margin-top: unset; + margin-bottom: unset; + margin-left: auto; + list-style: none; +} + +.security--header__group--active { + margin-right: 2rem; +} + +.security--header__button::after { + content: \\"\\"; + height: 100%; +} + +.security--header__button--active::after { + position: absolute; + bottom: 0; + width: 100%; + height: 0.25rem; + background-color: var(--interactive-01, #0f62fe); + transition: 0.2s height cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.security--header__button--notifications::before { + display: inline-block; + position: absolute; + top: 0.75rem; + right: 0.5rem; + width: 0.5rem; + height: 0.5rem; + background-color: var(--support-01, #fa4d56); + border-radius: 50%; + content: \\"\\"; + z-index: 10000; +} + +.security--header__popover { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + position: absolute; + right: 0; + width: 100%; + max-width: 100%; + color: var(--inverse-01, #161616); + background-color: var(--inverse-02, #f4f4f4); +} + +@media (min-width: 42rem) { + .security--header__popover { + right: 0.5rem; + width: 17rem; + } +} + +.security--header__popover--focus:focus { + outline: none; +} + +.security--header__popover__container { + display: flex; + padding: 1.5rem; + align-items: center; + flex-wrap: wrap; +} + +.security--header__popover__title { + font-size: 1.25rem; + font-weight: 400; + line-height: 1.625rem; + letter-spacing: 0; +} + +.security--header__popover__content { + display: flex; + padding-right: 0.25rem; + padding-left: 1.5rem; + align-items: center; +} + +.security--header__popover__button { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + width: 100%; + width: 2.5rem; + height: 2.5rem; + display: flex; + position: relative; + padding-top: 0; + padding-right: 0; + padding-left: 0; + color: var(--icon-01, #f4f4f4); + background-color: inherit; + align-items: center; + border: 0; + fill: currentColor; + justify-content: center; + transition: 0.2s cubic-bezier(0.2, 0, 0.38, 0.9) background-color; + margin-left: auto; + color: var(--inverse-01, #161616); + transition: 0.1s background-color cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.security--header__popover__button *, +.security--header__popover__button *:before, +.security--header__popover__button *:after { + box-sizing: inherit; +} + +.security--header__popover__button::-moz-focus-inner { + border: 0; +} + +.security--header__popover__button + .security--button--icon__tooltip::before { + left: 1.25rem; +} + +.security--header__popover__button:hover, .security--header__popover__button:focus { + background-color: var(--hover-ui, #353535); +} + +.security--header__popover__button:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + border-width: 0; +} + +.security--header__popover__button:disabled { + fill: var(--disabled-03, #6f6f6f); + cursor: not-allowed; +} + +.security--header__popover__button:disabled, .security--header__popover__button:disabled:hover, .security--header__popover__button:disabled:focus { + background-color: var(--disabled-01, #262626); +} + +.security--header__popover__button:disabled:focus { + outline-width: 0; +} + +.security--header__popover__button--lg { + width: 3rem; + height: 3rem; +} + +.security--header__popover__button--lg + .security--button--icon__tooltip::before { + left: 1.5rem; +} + +.security--header__popover__button--sm { + width: 2rem; + height: 2rem; +} + +.security--header__popover__button--sm + .security--button--icon__tooltip::before { + left: 1rem; +} + +.security--header__popover__button--xl { + width: 4rem; + height: 4rem; +} + +.security--header__popover__button--xl + .security--button--icon__tooltip::before { + left: 2rem; +} + +.security--header__popover__button--tooltip::before, .security--header__popover__button--tooltip::after { + z-index: 10000; +} + +.security--header__popover__button--tooltip::before { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + display: flex; + position: absolute; + padding: 0.125rem 1rem; + color: var(--inverse-01, #161616); + background-color: var(--inverse-02, #f4f4f4); + align-items: center; + border-radius: 0.125rem; + opacity: 0; + pointer-events: none; + transition-duration: 0.1s; + transition-property: opacity; + white-space: nowrap; + content: attr(aria-label); +} + +.security--header__popover__button--tooltip::after { + position: absolute; + display: inline-block; + border-color: transparent; + border-style: solid; + border-width: 0.25rem; + transition-duration: 0.1s; + transition-property: opacity; + opacity: 1; + content: \\"\\"; + opacity: 0; +} + +.security--header__popover__button--tooltip:focus::before, .security--header__popover__button--tooltip:focus::after, .security--header__popover__button--tooltip:hover::before, .security--header__popover__button--tooltip:hover::after { + opacity: 1; +} + +.security--header__popover__button--tooltip--top::before, .security--header__popover__button--tooltip--top::after, .security--header__popover__button--tooltip--bottom::before, .security--header__popover__button--tooltip--bottom::after { + left: 50%; +} + +.security--header__popover__button--tooltip--left::before, .security--header__popover__button--tooltip--left::after, .security--header__popover__button--tooltip--right::before, .security--header__popover__button--tooltip--right::after { + top: 50%; +} + +.security--header__popover__button--tooltip--top::before, .security--header__popover__button--tooltip--top::after { + bottom: calc( 100% + 0.25rem); +} + +.security--header__popover__button--tooltip--top::before { + transform: translate(-50%, -0.25rem); +} + +.security--header__popover__button--tooltip--top::after { + border-top-color: var(--inverse-02, #f4f4f4); + transform: translate(-50%, 0.25rem); +} + +.security--header__popover__button--tooltip--right::before, .security--header__popover__button--tooltip--right::after { + left: calc( 100% + 0.25rem); +} + +.security--header__popover__button--tooltip--right::before { + transform: translate(0.25rem, -50%); +} + +.security--header__popover__button--tooltip--right::after { + border-right-color: var(--inverse-02, #f4f4f4); + transform: translate(-0.25rem, -50%); +} + +.security--header__popover__button--tooltip--bottom::before, .security--header__popover__button--tooltip--bottom::after { + top: calc( 100% + 0.25rem); +} + +.security--header__popover__button--tooltip--bottom::before { + transform: translate(-50%, 0.25rem); +} + +.security--header__popover__button--tooltip--bottom::after { + border-bottom-color: var(--inverse-02, #f4f4f4); + transform: translate(-50%, -0.25rem); +} + +.security--header__popover__button--tooltip--left::before, .security--header__popover__button--tooltip--left::after { + right: calc( 100% + 0.25rem); +} + +.security--header__popover__button--tooltip--left::before { + transform: translate(-0.25rem, -50%); +} + +.security--header__popover__button--tooltip--left::after { + border-left-color: var(--inverse-02, #f4f4f4); + transform: translate(0.25rem, -50%); +} + +.security--header__popover__button:focus, .security--header__popover__button:hover { + background-color: var(--inverse-hover-ui, #e5e5e5); + outline-color: var(--inverse-focus-ui, #0f62fe); +} + +.security--header__popover__label { + font-size: 0.875rem; + font-weight: 600; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +.security--header__popover__list { + max-height: 35rem; + padding-left: unset; + list-style: none; +} + +.security--header__popover__list-item { + display: block; + position: relative; + padding-right: 1.5rem; + padding-left: 1rem; + color: unset; + text-decoration: initial; + transition: 0.1s background-color cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.security--header__popover__list-item .security--header__notification { + box-shadow: inset 0 -0.0625rem 0 0 var(--inverse-hover-ui, #e5e5e5); +} + +.security--header__popover__list-item .security--header__notification__wrapper { + margin-right: -1.5rem; +} + +.security--header__popover__list-item .security--header__notification__button { + display: flex; + width: 3rem; + height: 100%; + flex-direction: column; + justify-content: center; +} + +.security--header__popover__list-item:focus, .security--header__popover__list-item:hover { + background-color: var(--inverse-hover-ui, #e5e5e5); +} + +.security--header__popover__list-item:focus .security--header__notification__button, .security--header__popover__list-item:hover .security--header__notification__button { + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.security--header__popover__list-item:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.security--header__popover__list-item:last-of-type .security--header__notification { + box-shadow: none; +} + +.security--header__popover__icon { + fill: currentColor; +} + +.security--header__popover__profile--large { + margin-right: 1rem; +} + +.security--header__popover__profile__header__icon { + margin-right: 1rem; + margin-bottom: auto; + flex: none; +} + +.security--header__popover__profile__header__title, .security--header__popover__profile__header__email { + display: block; + word-wrap: anywhere; +} + +.security--header__popover__profile__header__title { + font-size: 1.25rem; + font-weight: 400; + line-height: 1.625rem; + letter-spacing: 0; + hyphens: auto; + word-break: break-word; +} + +.security--header__popover__profile__header__email { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + word-break: break-all; +} + +.security--header__popover__profile__body--account { + padding-right: 1.5rem; + padding-bottom: 1rem; + padding-left: 1.5rem; +} + +.security--header__popover__profile__body__label { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; +} + +.security--header__popover__profile__body__name { + font-size: 1rem; + font-weight: 400; + line-height: 1.375rem; + letter-spacing: 0; + text-align: left; + width: 13rem; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.security--header__popover__profile__body__accordion > .bx--accordion__item--active .bx--accordion__arrow { + transform: rotate3d(0, 0, 1, 270deg); +} + +.security--header__popover__profile__body__accordion__item:last-child { + border-width: 0; +} + +.security--header__popover__profile__body__accordion__item .bx--accordion__arrow, .security--header__popover__profile__body__accordion__item .bx--accordion__heading { + color: inherit; +} + +.security--header__popover__profile__body__accordion__item .bx--accordion__arrow { + margin-right: 1rem; + margin-left: unset; + fill: currentColor; + transform: rotate3d(0, 0, 1, 90deg); +} + +.security--header__popover__profile__body__accordion__item .bx--accordion__heading { + flex-direction: row-reverse; +} + +.security--header__popover__profile__body__accordion__item .bx--accordion__heading:focus::before, .security--header__popover__profile__body__accordion__item .bx--accordion__heading:hover::before { + background-color: var(--inverse-hover-ui, #e5e5e5); +} + +.security--header__popover__profile__body__accordion__item .bx--accordion__heading:focus::before { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + outline-color: var(--inverse-focus-ui, #0f62fe); +} + +.security--header__popover__profile__body__accordion__item .bx--accordion__title { + margin-left: 1.5rem; +} + +.security--header__popover__profile__body__accordion__item .bx--accordion__content { + padding: unset; + margin-left: unset; +} + +.security--header__popover__profile__body__list { + padding-left: unset; + list-style: none; +} + +.security--header__popover__profile__body__account { + position: relative; +} + +.security--header__popover__profile__body__account__button { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + width: 100%; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + padding: 1rem 1.5rem; + color: inherit; + text-align: left; +} + +.security--header__popover__profile__body__account__button *, +.security--header__popover__profile__body__account__button *:before, +.security--header__popover__profile__body__account__button *:after { + box-sizing: inherit; +} + +.security--header__popover__profile__body__account__button::-moz-focus-inner { + border: 0; +} + +.security--header__popover__profile__body__account__button:focus, .security--header__popover__profile__body__account__button:hover { + background-color: var(--inverse-hover-ui, #e5e5e5); +} + +.security--header__popover__profile__body__account__button:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + outline-color: var(--inverse-focus-ui, #0f62fe); +} + +.security--header__popover__profile__body__account__button::before { + display: inline-block; + position: absolute; + right: 1.5rem; + bottom: 0; + left: 1.5rem; + background-color: var(--inverse-hover-ui, #e5e5e5); + height: 0.0625rem; + content: \\"\\"; + transform: translate3d(0, -0.125rem, 0); +} + +.security--header__popover__profile__body__account:last-of-type .security--header__popover__profile__body__account__button::before { + height: 0; +} + +.security--header__popover__profile__footer__logout { + margin-left: auto; +} + +.security--header__popover__footer { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + display: flex; + padding: 0.75rem 1.5rem; + align-items: center; + border-top: 0.0625rem solid var(--inverse-hover-ui, #e5e5e5); + justify-content: space-between; +} + +.security--header__transition--enter--active, .security--header__transition--leave--active { + transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9); + opacity: 1; +} + +.security--header__transition--enter { + opacity: 0; +} + +.security--header__transition--enter--active { + opacity: 1; +} + +.security--header__transition--leave { + opacity: 1; +} + +.security--header__transition--leave--active { + opacity: 0; +} + +.security--header__transition--enter--active, .security--header__transition--leave--active { + transition-delay: 0.025s; + transition-duration: 0.1s; + transition-property: opacity, transform; +} + +.security--header__transition--enter { + transform: translate3d(0, -3rem, 0); +} + +.security--header__transition--enter--active { + transform: translate3d(0, 0, 0); +} + +.security--header .selectable-text { + -moz-user-select: text; + -webkit-user-select: text; + -ms-user-select: text; + user-select: text; +} + +@keyframes collapse-accordion { + 0% { + height: 100%; + visibility: visible; + opacity: 1; + } + 100% { + height: 0; + visibility: hidden; + opacity: 0; + } +} + +@keyframes expand-accordion { + 0% { + height: 0; + visibility: hidden; + opacity: 0; + } + 100% { + height: 100%; + visibility: visible; + opacity: 1; + } +} + +.security--shell--active { + margin-left: 3rem; +} + +.security--shell--active__header > .security--header { + width: calc(100% - 3rem); +} + +.security--shell--active--return, .security--shell--active--return__toolbar, +.security--shell--active--return__header > .security--header, +.security--shell--active--return .security--toolbar__panel { + margin-top: 1.5rem; +} + +.security--shell__banner { + display: flex; + position: fixed; + top: 0; + width: 100%; + height: 1.5rem; + padding-left: 1rem; + background-color: var(--ui-01, #262626); + background-position: left; + background-repeat: no-repeat; + background-size: 10rem 1.5rem; + align-items: center; + transition: 0.2s background-size cubic-bezier(0.2, 0, 0.38, 0.9); + z-index: 8000; +} + +.security--theme--cg10 .security--shell__banner { + --interactive-01: #0f62fe; + --interactive-02: #697077; + --interactive-03: #ffffff; + --interactive-04: #4589ff; + --ui-background: #121619; + --ui-01: #21272a; + --ui-02: #343a3f; + --ui-03: #343a3f; + --ui-04: #697077; + --ui-05: #f2f4f8; + --text-01: #f2f4f8; + --text-02: #c1c7cd; + --text-03: #697077; + --text-04: #ffffff; + --text-05: #878d96; + --text-error: #ff8389; + --icon-01: #f2f4f8; + --icon-02: #c1c7cd; + --icon-03: #ffffff; + --link-01: #78a9ff; + --inverse-link: #0f62fe; + --field-01: #21272a; + --field-02: #343a3f; + --inverse-01: #121619; + --inverse-02: #f2f4f8; + --support-01: #fa4d56; + --support-02: #42be65; + --support-03: #f1c21b; + --support-04: #4589ff; + --inverse-support-01: #da1e28; + --inverse-support-02: #24a148; + --inverse-support-03: #f1c21b; + --inverse-support-04: #0f62fe; + --overlay-01: rgba(22, 22, 22, 0.7); + --danger: #da1e28; + --focus: #ffffff; + --inverse-focus-ui: #0f62fe; + --hover-primary: #0353e9; + --active-primary: #002d9c; + --hover-primary-text: #a6c8ff; + --hover-secondary: #5a6066; + --active-secondary: #343a3f; + --hover-tertiary: #f2f4f8; + --active-tertiary: #c1c7cd; + --hover-ui: #2f353a; + --active-ui: #4d5358; + --selected-ui: #343a3f; + --inverse-hover-ui: #e0e4ea; + --hover-selected-ui: #464c51; + --hover-danger: #b81921; + --active-danger: #750e13; + --hover-row: #2f353a; + --visited-link: #be95ff; + --disabled-01: #21272a; + --disabled-02: #4d5358; + --disabled-03: #697077; + --highlight: #002d9c; + --skeleton-01: #2f353a; + --skeleton-02: #343a3f; + --brand-01: #0f62fe; + --brand-02: #697077; + --brand-03: #ffffff; + --active-01: #4d5358; + --hover-field: #2f353a; +} + +.security--shell__banner, .security--shell__banner:hover, .security--shell__banner:visited { + color: var(--text-01, #f4f4f4); +} + +.security--shell__banner__icon { + fill: var(--icon-03, #ffffff); +} + +.security--shell__banner__text { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + padding-left: 0.75rem; + max-width: 26.5rem; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.security--shell__banner:focus, .security--shell__banner:hover { + background-size: 20rem 1.5rem; +} + +.security--shell__banner:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.security--shell__skip-to-content { + position: relative; + display: flex; + justify-content: center; +} + +.security--shell__skip-to-content__link.bx--skip-to-content:focus { + left: auto; + border-color: var(--focus, #ffffff); + background-color: var(--interactive-01, #0f62fe); + margin-top: 0.5rem; + color: var(--text-04, #ffffff); +} + +@keyframes collapse-accordion { + 0% { + height: 100%; + visibility: visible; + opacity: 1; + } + 100% { + height: 0; + visibility: hidden; + opacity: 0; + } +} + +@keyframes expand-accordion { + 0% { + height: 0; + visibility: hidden; + opacity: 0; + } + 100% { + height: 100%; + visibility: visible; + opacity: 1; + } +} + +@keyframes hide-feedback { + 0% { + visibility: visible; + opacity: 1; + } + 100% { + visibility: hidden; + opacity: 0; + } +} + +@keyframes show-feedback { + 0% { + visibility: hidden; + opacity: 0; + } + 100% { + visibility: visible; + opacity: 1; + } +} + +.bx--snippet { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; +} + +.bx--snippet *, +.bx--snippet *:before, +.bx--snippet *:after { + box-sizing: inherit; +} + +.bx--snippet code { + font-family: \\"IBM Plex Mono\\", \\"Menlo\\", \\"DejaVu Sans Mono\\", \\"Bitstream Vera Sans Mono\\", Courier, monospace; + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; +} + +.bx--snippet--inline { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + position: relative; + display: inline; + padding: 0; + border: 2px solid transparent; + border-radius: 4px; + background-color: var(--ui-01, #262626); + color: var(--text-01, #f4f4f4); + cursor: pointer; +} + +.bx--snippet--inline *, +.bx--snippet--inline *:before, +.bx--snippet--inline *:after { + box-sizing: inherit; +} + +.bx--snippet--inline:hover { + background-color: var(--ui-03, #393939); +} + +.bx--snippet--inline:active { + background-color: var(--active-ui, #525252); +} + +.bx--snippet--inline:focus { + outline: none; + border: 2px solid var(--focus, #ffffff); +} + +.bx--snippet--inline::before { + position: absolute; + z-index: 10000; + width: 0; + height: 0; + border-style: solid; + content: \\"\\"; + display: none; +} + +.bx--snippet--inline .bx--copy-btn__feedback { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + width: max-content; + max-width: 13rem; + height: auto; + padding: 0.1875rem 1rem; + border-radius: 0.125rem; + color: var(--inverse-01, #161616); + font-weight: 400; + text-align: left; + transform: translateX(-50%); + background-color: var(--inverse-02, #f4f4f4); + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + clip: auto; + margin: auto; + overflow: visible; + display: none; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--snippet--inline .bx--copy-btn__feedback { + width: 13rem; + } +} + +@supports (-ms-accelerator: true) { + .bx--snippet--inline .bx--copy-btn__feedback { + width: 13rem; + } +} + +@supports (-ms-ime-align: auto) { + .bx--snippet--inline .bx--copy-btn__feedback { + width: 13rem; + } +} + +.bx--snippet--inline::before, .bx--snippet--inline::after, +.bx--snippet--inline .bx--assistive-text, +.bx--snippet--inline + .bx--assistive-text { + bottom: 0; + left: 50%; +} + +.bx--snippet--inline::before { + bottom: -0.5rem; + border-width: 0 0.25rem 0.3125rem 0.25rem; + border-color: transparent transparent var(--inverse-02, #f4f4f4) transparent; + transform: translate(-50%, 100%); +} + +.bx--snippet--inline::after, +.bx--snippet--inline .bx--assistive-text, +.bx--snippet--inline .bx--assistive-text, +.bx--snippet--inline + .bx--assistive-text, +.bx--snippet--inline + .bx--assistive-text { + bottom: -0.8125rem; + transform: translate(-50%, 100%); +} + +.bx--snippet--inline.bx--copy-btn--animating::before, +.bx--snippet--inline.bx--copy-btn--animating .bx--copy-btn__feedback { + display: block; +} + +.bx--snippet--inline.bx--copy-btn--animating.bx--copy-btn--fade-out::before, +.bx--snippet--inline.bx--copy-btn--animating.bx--copy-btn--fade-out .bx--copy-btn__feedback { + animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) hide-feedback; +} + +.bx--snippet--inline.bx--copy-btn--animating.bx--copy-btn--fade-in::before, +.bx--snippet--inline.bx--copy-btn--animating.bx--copy-btn--fade-in .bx--copy-btn__feedback { + animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) show-feedback; +} + +.bx--snippet--inline code { + padding: 0 0.5rem; +} + +.bx--snippet--single { + font-family: \\"IBM Plex Mono\\", \\"Menlo\\", \\"DejaVu Sans Mono\\", \\"Bitstream Vera Sans Mono\\", Courier, monospace; + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + background: var(--ui-01, #262626); + border: 1px solid var(--ui-03, #393939); + position: relative; + max-width: 37.5rem; + width: 100%; + border: none; + max-width: 47.5rem; + min-width: 20rem; + height: 2.5rem; + padding: 0 2.5rem 0 0; +} + +.bx--snippet--single .bx--snippet-container { + position: relative; + display: flex; + align-items: center; + height: 100%; + padding-left: 1rem; + border-right: solid 1rem transparent; + overflow-x: auto; +} + +.bx--snippet--single .bx--snippet-container:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--snippet--single pre { + white-space: nowrap; + font-family: \\"IBM Plex Mono\\", \\"Menlo\\", \\"DejaVu Sans Mono\\", \\"Bitstream Vera Sans Mono\\", Courier, monospace; + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + padding-right: 0.5rem; +} + +.bx--snippet--single::after { + width: 1rem; + height: 100%; + content: \\"\\"; + position: absolute; + top: 0; + right: 3.5rem; + background-image: linear-gradient(to right, rgba(var(--ui-01, #262626), 0), var(--ui-01, #262626)); +} + +.bx--snippet--multi { + font-family: \\"IBM Plex Mono\\", \\"Menlo\\", \\"DejaVu Sans Mono\\", \\"Bitstream Vera Sans Mono\\", Courier, monospace; + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + background: var(--ui-01, #262626); + border: 1px solid var(--ui-03, #393939); + position: relative; + max-width: 37.5rem; + width: 100%; + border: none; + padding: 1rem; + min-width: 20rem; + max-width: 100%; +} + +.bx--snippet--multi .bx--snippet-container { + overflow: hidden; + position: relative; + max-height: 14.875rem; + min-height: 3.5rem; + transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--snippet--multi.bx--snippet--expand .bx--snippet-container { + max-height: 100%; + transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9); + padding-bottom: 1rem; +} + +.bx--snippet--multi .bx--snippet-container pre { + overflow: hidden; + padding-bottom: 1.5rem; +} + +.bx--snippet--multi.bx--snippet--expand .bx--snippet-container pre { + overflow-x: auto; +} + +.bx--snippet--multi .bx--snippet-container pre::after { + width: 1rem; + height: 100%; + content: \\"\\"; + position: absolute; + top: 0; + right: 0; + background-image: linear-gradient(to right, rgba(var(--ui-01, #262626), 0), var(--ui-01, #262626)); +} + +.bx--snippet--multi .bx--snippet-container pre code { + overflow: hidden; +} + +.bx--snippet__icon { + fill: var(--icon-01, #f4f4f4); + height: 1rem; + width: 1rem; + transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--snippet-button { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + cursor: pointer; + position: absolute; + top: 0; + right: 0; + border: none; + background-color: var(--ui-01, #262626); + outline: none; + padding: 0; + height: 2.5rem; + width: 2.5rem; + overflow: visible; + display: flex; + justify-content: center; + align-items: center; +} + +.bx--snippet-button *, +.bx--snippet-button *:before, +.bx--snippet-button *:after { + box-sizing: inherit; +} + +.bx--snippet-button:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + outline-color: var(--focus, #ffffff); +} + +.bx--snippet--multi .bx--snippet-button { + height: 2rem; + width: 2rem; + top: 0.5rem; + right: 0.5rem; +} + +.bx--snippet-button:hover { + background: var(--hover-ui, #353535); +} + +.bx--snippet-button:active { + background-color: var(--active-ui, #525252); +} + +.bx--btn--copy__feedback { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + font-family: \\"IBM Plex Sans\\", \\"Helvetica Neue\\", Arial, sans-serif; + z-index: 8000; + font-weight: 400; + left: inherit; + top: 0.75rem; + right: 1.25rem; +} + +.bx--btn--copy__feedback::before, +.bx--btn--copy__feedback::after { + background: var(--inverse-02, #f4f4f4); +} + +.bx--btn--copy__feedback::after { + border: none; +} + +.bx--snippet .bx--copy-btn { + position: absolute; + top: 0; + right: 0; + font-family: \\"IBM Plex Sans\\", \\"Helvetica Neue\\", Arial, sans-serif; +} + +button.bx--btn.bx--snippet-btn--expand { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + font-family: \\"IBM Plex Sans\\", \\"Helvetica Neue\\", Arial, sans-serif; + border: 0; + display: inline-flex; + align-items: center; + position: absolute; + right: 0.5rem; + bottom: 0.5rem; + padding: 0.5rem; + padding-left: 1rem; + color: var(--text-01, #f4f4f4); + background-color: var(--field-01, #262626); +} + +button.bx--btn.bx--snippet-btn--expand .bx--snippet-btn--text { + position: relative; + top: -0.0625rem; +} + +.bx--snippet-btn--expand--hide.bx--snippet-btn--expand { + display: none; +} + +.bx--snippet-btn--expand .bx--icon-chevron--down { + fill: var(--text-01, #f4f4f4); + margin-left: 0.5rem; + margin-bottom: 0.0625rem; + transform: rotate(0deg); + transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +button.bx--btn.bx--snippet-btn--expand:hover { + background: var(--hover-ui, #353535); + color: var(--text-01, #f4f4f4); +} + +.bx--snippet-btn--expand:active { + background-color: var(--active-ui, #525252); +} + +.bx--snippet-btn--expand:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + border-color: transparent; +} + +.bx--snippet--expand .bx--snippet-btn--expand .bx--icon-chevron--down { + transform: rotate(180deg); + transition: transform 240ms; +} + +.bx--snippet.bx--snippet--light, +.bx--snippet.bx--snippet--light .bx--snippet-button, +.bx--snippet.bx--snippet--light .bx--snippet-btn--expand { + background-color: var(--ui-02, #393939); +} + +.bx--snippet.bx--snippet--light.bx--snippet--inline:hover, +.bx--snippet.bx--snippet--light .bx--snippet-button:hover, +.bx--snippet.bx--snippet--light .bx--snippet-btn--expand:hover { + background-color: var(--cds-ui-01-light, var(--ui-01, #262626)); +} + +.bx--snippet.bx--snippet--light.bx--snippet--single::after, +.bx--snippet.bx--snippet--light.bx--snippet--multi .bx--snippet-container pre::after { + background-image: linear-gradient(to right, rgba(var(--ui-02, #393939), 0), var(--ui-02, #393939)); +} + +.bx--snippet--code.bx--skeleton { + height: 6.125rem; +} + +.bx--snippet--terminal.bx--skeleton { + height: 3.5rem; +} + +.bx--snippet.bx--skeleton .bx--snippet-container { + height: 100%; +} + +.bx--snippet.bx--skeleton code { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 100%; + height: 1rem; + display: block; +} + +.bx--snippet.bx--skeleton code:hover, .bx--snippet.bx--skeleton code:focus, .bx--snippet.bx--skeleton code:active { + border: none; + outline: none; + cursor: default; +} + +.bx--snippet.bx--skeleton code:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--snippet.bx--skeleton code:before { + animation: none; + } +} + +.bx--snippet-button .bx--btn--copy__feedback { + top: 3.175rem; + left: 50%; + right: auto; +} + +.bx--snippet-button .bx--btn--copy__feedback::before { + top: 0; +} + +.bx--snippet-button .bx--btn--copy__feedback:after { + top: -0.25rem; +} + +.bx--snippet--multi .bx--snippet-button .bx--btn--copy__feedback { + top: 2.675rem; +} + +.bx--snippet--inline .bx--btn--copy__feedback { + top: calc(100% - 0.25rem); + right: auto; + left: 50%; +} + +bx--snippet--multi.bx--skeleton { + height: 6.125rem; +} + +.bx--snippet--single.bx--skeleton { + height: 3.5rem; +} + +.bx--snippet.bx--skeleton .bx--snippet-container { + height: 100%; +} + +.bx--snippet.bx--skeleton span { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 100%; + height: 1rem; + display: block; + margin-top: 0.5rem; +} + +.bx--snippet.bx--skeleton span:hover, .bx--snippet.bx--skeleton span:focus, .bx--snippet.bx--skeleton span:active { + border: none; + outline: none; + cursor: default; +} + +.bx--snippet.bx--skeleton span:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--snippet.bx--skeleton span:before { + animation: none; + } +} + +.bx--snippet.bx--skeleton span:first-child { + margin: 0; +} + +.bx--snippet.bx--skeleton span:nth-child(2) { + width: 85%; +} + +.bx--snippet.bx--skeleton span:nth-child(3) { + width: 95%; +} + +.bx--snippet--single.bx--skeleton .bx--snippet-container { + padding-bottom: 0; +} + +.bx--snippet--inline .bx--btn--copy__feedback { + right: auto; +} + +.bx--snippet--code.bx--skeleton { + height: 6.125rem; +} + +.bx--snippet--terminal.bx--skeleton { + height: 3.5rem; +} + +.bx--snippet.bx--skeleton .bx--snippet-container { + height: 100%; +} + +.bx--snippet.bx--skeleton code { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 100%; + height: 1rem; + display: block; +} + +.bx--snippet.bx--skeleton code:hover, .bx--snippet.bx--skeleton code:focus, .bx--snippet.bx--skeleton code:active { + border: none; + outline: none; + cursor: default; +} + +.bx--snippet.bx--skeleton code:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--snippet.bx--skeleton code:before { + animation: none; + } +} + +@keyframes hide-feedback { + 0% { + visibility: visible; + opacity: 1; + } + 100% { + visibility: hidden; + opacity: 0; + } +} + +@keyframes show-feedback { + 0% { + visibility: hidden; + opacity: 0; + } + 100% { + visibility: visible; + opacity: 1; + } +} + +.bx--btn--copy { + position: relative; + overflow: visible; +} + +.bx--btn--copy .bx--btn__icon { + margin-left: 0.3125rem; +} + +.bx--btn--copy__feedback { + position: absolute; + display: none; + top: 1.2rem; + left: 50%; +} + +.bx--btn--copy__feedback:focus { + border: 2px solid red; +} + +.bx--btn--copy__feedback:before { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + top: 1.1rem; + padding: 0.25rem; + color: var(--inverse-01, #161616); + content: attr(data-feedback); + transform: translateX(-50%); + white-space: nowrap; + pointer-events: none; + border-radius: 4px; + font-weight: 400; + z-index: 2; +} + +.bx--btn--copy__feedback:after { + top: 0.85rem; + width: 0.6rem; + height: 0.6rem; + left: -0.3rem; + border-right: 1px solid var(--inverse-02, #f4f4f4); + border-bottom: 1px solid var(--inverse-02, #f4f4f4); + content: \\"\\"; + transform: rotate(-135deg); + z-index: 1; +} + +.bx--btn--copy__feedback:before, .bx--btn--copy__feedback:after { + position: absolute; + display: block; + background: var(--inverse-02, #f4f4f4); +} + +.bx--btn--copy__feedback--displayed { + display: inline-flex; +} + +.bx--copy-btn { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + position: relative; + display: flex; + justify-content: center; + align-items: center; + padding: 0; + border: none; + height: 2.5rem; + width: 2.5rem; + background-color: var(--ui-01, #262626); + cursor: pointer; +} + +.bx--copy-btn *, +.bx--copy-btn *:before, +.bx--copy-btn *:after { + box-sizing: inherit; +} + +.bx--copy-btn:hover { + background-color: var(--hover-ui, #353535); +} + +.bx--copy-btn::before { + position: absolute; + z-index: 10000; + width: 0; + height: 0; + border-style: solid; + content: \\"\\"; + display: none; +} + +.bx--copy-btn .bx--copy-btn__feedback { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + width: max-content; + max-width: 13rem; + height: auto; + padding: 0.1875rem 1rem; + border-radius: 0.125rem; + color: var(--inverse-01, #161616); + font-weight: 400; + text-align: left; + transform: translateX(-50%); + background-color: var(--inverse-02, #f4f4f4); + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + clip: auto; + margin: auto; + overflow: visible; + display: none; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--copy-btn .bx--copy-btn__feedback { + width: 13rem; + } +} + +@supports (-ms-accelerator: true) { + .bx--copy-btn .bx--copy-btn__feedback { + width: 13rem; + } +} + +@supports (-ms-ime-align: auto) { + .bx--copy-btn .bx--copy-btn__feedback { + width: 13rem; + } +} + +.bx--copy-btn::before, .bx--copy-btn::after, +.bx--copy-btn .bx--assistive-text, +.bx--copy-btn + .bx--assistive-text { + bottom: 0; + left: 50%; +} + +.bx--copy-btn::before { + bottom: -0.5rem; + border-width: 0 0.25rem 0.3125rem 0.25rem; + border-color: transparent transparent var(--inverse-02, #f4f4f4) transparent; + transform: translate(-50%, 100%); +} + +.bx--copy-btn::after, +.bx--copy-btn .bx--assistive-text, +.bx--copy-btn .bx--assistive-text, +.bx--copy-btn + .bx--assistive-text, +.bx--copy-btn + .bx--assistive-text { + bottom: -0.8125rem; + transform: translate(-50%, 100%); +} + +.bx--copy-btn:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + outline-color: var(--focus, #ffffff); +} + +.bx--copy-btn.bx--copy-btn--animating::before, +.bx--copy-btn.bx--copy-btn--animating .bx--copy-btn__feedback { + display: block; +} + +.bx--copy-btn.bx--copy-btn--animating.bx--copy-btn--fade-out::before, +.bx--copy-btn.bx--copy-btn--animating.bx--copy-btn--fade-out .bx--copy-btn__feedback { + animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) hide-feedback; +} + +.bx--copy-btn.bx--copy-btn--animating.bx--copy-btn--fade-in::before, +.bx--copy-btn.bx--copy-btn--animating.bx--copy-btn--fade-in .bx--copy-btn__feedback { + animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) show-feedback; +} + +.bx--combo-box .bx--text-input::placeholder { + color: var(--text-05, #8d8d8d); +} + +.bx--combo-box .bx--text-input[disabled]::placeholder { + color: var(--disabled-02, #525252); +} + +.bx--combo-box.bx--list-box--expanded .bx--text-input { + border-bottom-color: var(--ui-03, #393939); +} + +.bx--combo-box .bx--list-box__field, +.bx--combo-box.bx--list-box[data-invalid] .bx--list-box__field, +.bx--combo-box.bx--list-box--disabled.bx--list-box[data-invalid] .bx--list-box__field { + padding: 0; +} + +.bx--list-box__menu-item__option { + box-sizing: border-box; +} + +.bx--content-switcher { + display: flex; + justify-content: space-evenly; + width: 100%; + height: 2.5rem; +} + +.bx--content-switcher--disabled { + cursor: not-allowed; +} + +.bx--content-switcher-btn { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + outline: 2px solid transparent; + outline-offset: -2px; + background-color: var(--ui-01, #262626); + display: inline-flex; + align-items: center; + width: 100%; + padding: 0.5rem 1rem; + margin: 0; + white-space: nowrap; + overflow: hidden; + text-align: left; + text-decoration: none; + border: none; + color: var(--text-02, #c6c6c6); + transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9); + position: relative; +} + +.bx--content-switcher-btn *, +.bx--content-switcher-btn *:before, +.bx--content-switcher-btn *:after { + box-sizing: inherit; +} + +.bx--content-switcher-btn:focus { + box-shadow: inset 0 0 0 2px var(--focus, #ffffff); + z-index: 3; +} + +.bx--content-switcher-btn:hover { + cursor: pointer; +} + +.bx--content-switcher-btn:hover, .bx--content-switcher-btn:active { + background-color: var(--hover-ui, #353535); + color: var(--text-01, #f4f4f4); + z-index: 3; +} + +.bx--content-switcher-btn:disabled { + color: var(--disabled-02, #525252); + background-color: var(--disabled-01, #262626); + pointer-events: none; +} + +.bx--content-switcher-btn:disabled:hover { + cursor: not-allowed; +} + +.bx--content-switcher-btn:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.bx--content-switcher-btn:last-child { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.bx--content-switcher-btn:not(:first-of-type)::before { + content: \\"\\"; + display: block; + height: 1rem; + width: 0.0625rem; + background-color: var(--ui-03, #393939); + position: absolute; + z-index: 2; + left: 0; +} + +.bx--content-switcher-btn.bx--content-switcher--selected::before, +.bx--content-switcher-btn.bx--content-switcher--selected + .bx--content-switcher-btn::before, +.bx--content-switcher-btn:focus::before, +.bx--content-switcher-btn:focus + .bx--content-switcher-btn::before, +.bx--content-switcher-btn:hover::before, +.bx--content-switcher-btn:hover + .bx--content-switcher-btn::before { + background-color: transparent; +} + +.bx--content-switcher__icon { + fill: var(--text-02, #c6c6c6); + transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--content-switcher__icon + span { + margin-left: 0.5rem; +} + +.bx--content-switcher__label { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; +} + +.bx--content-switcher-btn:hover .bx--content-switcher__icon, +.bx--content-switcher-btn:focus .bx--content-switcher__icon { + fill: var(--text-01, #f4f4f4); +} + +.bx--content-switcher-btn.bx--content-switcher--selected { + background-color: var(--ui-05, #f4f4f4); + color: var(--inverse-01, #161616); + z-index: 3; +} + +.bx--content-switcher-btn.bx--content-switcher--selected:disabled { + background-color: var(--disabled-03, #6f6f6f); + color: var(--disabled-02, #525252); +} + +.bx--content-switcher-btn.bx--content-switcher--selected .bx--content-switcher__icon { + fill: var(--inverse-01, #161616); +} + +@keyframes hide-feedback { + 0% { + visibility: visible; + opacity: 1; + } + 100% { + visibility: hidden; + opacity: 0; + } +} + +@keyframes show-feedback { + 0% { + visibility: hidden; + opacity: 0; + } + 100% { + visibility: visible; + opacity: 1; + } +} + +.flatpickr-calendar { + background: transparent; + overflow: hidden; + max-height: 0; + opacity: 0; + visibility: hidden; + text-align: center; + padding: 0; + animation: none; + direction: ltr; + border: 0; + font-size: 14px; + line-height: 24px; + border-radius: 5px; + position: absolute; + width: 315px; + box-sizing: border-box; + touch-action: manipulation; + background: #fff; + box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); +} + +.flatpickr-calendar.open, +.flatpickr-calendar.inline { + opacity: 1; + visibility: visible; + overflow: visible; + max-height: 640px; +} + +.flatpickr-calendar.open { + display: inline-block; + z-index: 99999; +} + +.flatpickr-calendar.animate.open { + -webkit-animation: fpFadeInDown 110ms cubic-bezier(0, 0, 0.38, 0.9); + animation: fpFadeInDown 110ms cubic-bezier(0, 0, 0.38, 0.9); +} + +.flatpickr-calendar.inline { + display: block; + position: relative; + top: 2px; +} + +.flatpickr-calendar.static { + position: absolute; + top: calc(100% + 2px); +} + +.flatpickr-calendar.static.open { + z-index: 999; + display: block; +} + +.flatpickr-calendar.hasWeeks { + width: auto; +} + +.flatpickr-calendar .hasWeeks .dayContainer, +.flatpickr-calendar .hasTime .dayContainer { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.flatpickr-calendar .hasWeeks .dayContainer { + border-left: 0; +} + +.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { + height: 40px; + border-top: 1px solid #e6e6e6; +} + +.flatpickr-calendar.noCalendar.hasTime .flatpickr-time { + height: auto; +} + +.flatpickr-calendar:before, +.flatpickr-calendar:after { + position: absolute; + display: block; + pointer-events: none; + border: solid transparent; + content: \\"\\"; + height: 0; + width: 0; + left: 22px; +} + +.flatpickr-calendar.rightMost:before, +.flatpickr-calendar.rightMost:after { + left: auto; + right: 22px; +} + +.flatpickr-calendar:before { + border-width: 5px; + margin: 0 -5px; +} + +.flatpickr-calendar:after { + border-width: 4px; + margin: 0 -4px; +} + +.flatpickr-calendar.arrowTop:before, +.flatpickr-calendar.arrowTop:after { + bottom: 100%; +} + +.flatpickr-calendar.arrowTop:before { + border-bottom-color: #e6e6e6; +} + +.flatpickr-calendar.arrowTop:after { + border-bottom-color: #fff; +} + +.flatpickr-calendar.arrowBottom:before, +.flatpickr-calendar.arrowBottom:after { + top: 100%; +} + +.flatpickr-calendar.arrowBottom:before { + border-top-color: #e6e6e6; +} + +.flatpickr-calendar.arrowBottom:after { + border-top-color: #fff; +} + +.flatpickr-calendar:focus { + outline: 0; +} + +.flatpickr-wrapper { + position: relative; + display: inline-block; +} + +.flatpickr-month { + background: transparent; + color: rgba(0, 0, 0, 0.9); + fill: rgba(0, 0, 0, 0.9); + height: 28px; + line-height: 1; + text-align: center; + position: relative; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + overflow: hidden; +} + +.flatpickr-prev-month, +.flatpickr-next-month { + text-decoration: none; + cursor: pointer; + position: absolute; + top: 0px; + line-height: 16px; + height: 28px; + padding: 10px calc(3.57% - 1.5px); + z-index: 3; +} + +.flatpickr-prev-month i, +.flatpickr-next-month i { + position: relative; +} + +.flatpickr-prev-month.flatpickr-prev-month, +.flatpickr-next-month.flatpickr-prev-month { + /* + /*rtl:begin:ignore*/ + /* + */ + left: 0; + /* + /*rtl:end:ignore*/ + /* + */ +} + +/* + /*rtl:begin:ignore*/ +/* + /*rtl:end:ignore*/ +.flatpickr-prev-month.flatpickr-next-month, +.flatpickr-next-month.flatpickr-next-month { + /* + /*rtl:begin:ignore*/ + /* + */ + right: 0; + /* + /*rtl:end:ignore*/ + /* + */ +} + +/* + /*rtl:begin:ignore*/ +/* + /*rtl:end:ignore*/ +.flatpickr-prev-month:hover, +.flatpickr-next-month:hover { + color: #959ea9; +} + +.flatpickr-prev-month:hover svg, +.flatpickr-next-month:hover svg { + fill: #f64747; +} + +.flatpickr-prev-month svg, +.flatpickr-next-month svg { + width: 14px; +} + +.flatpickr-prev-month svg path, +.flatpickr-next-month svg path { + transition: fill 0.1s; + fill: inherit; +} + +.numInputWrapper { + position: relative; + height: auto; +} + +.numInputWrapper input, +.numInputWrapper span { + display: inline-block; +} + +.numInputWrapper input { + width: 100%; +} + +.numInputWrapper span { + position: absolute; + right: 0; + width: 14px; + padding: 0 4px 0 2px; + height: 50%; + line-height: 50%; + opacity: 0; + cursor: pointer; + border: 1px solid rgba(57, 57, 57, 0.05); + box-sizing: border-box; +} + +.numInputWrapper span:hover { + background: rgba(0, 0, 0, 0.1); +} + +.numInputWrapper span:active { + background: rgba(0, 0, 0, 0.2); +} + +.numInputWrapper span:after { + display: block; + content: \\"\\"; + position: absolute; + top: 33%; +} + +.numInputWrapper span.arrowUp { + top: 0; + border-bottom: 0; +} + +.numInputWrapper span.arrowUp:after { + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-bottom: 4px solid rgba(57, 57, 57, 0.6); +} + +.numInputWrapper span.arrowDown { + top: 50%; +} + +.numInputWrapper span.arrowDown:after { + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 4px solid rgba(57, 57, 57, 0.6); +} + +.numInputWrapper span svg { + width: inherit; + height: auto; +} + +.numInputWrapper span svg path { + fill: rgba(0, 0, 0, 0.5); +} + +.numInputWrapper:hover { + background: rgba(0, 0, 0, 0.05); +} + +.numInputWrapper:hover span { + opacity: 1; +} + +.flatpickr-current-month { + font-size: 0.875rem; + font-weight: 600; + line-height: 1.125rem; + letter-spacing: 0.16px; + color: inherit; + position: absolute; + width: 75%; + left: 12.5%; + padding: 6.16px 0 0 0; + height: 28px; + display: inline-block; + text-align: center; + -webkit-transform: translate3d(0px, 0px, 0px); + transform: translate3d(0px, 0px, 0px); +} + +.flatpickr-current-month.slideLeft { + -webkit-transform: translate3d(-100%, 0px, 0px); + transform: translate3d(-100%, 0px, 0px); + -webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); + animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); +} + +.flatpickr-current-month.slideLeftNew { + -webkit-transform: translate3d(100%, 0px, 0px); + transform: translate3d(100%, 0px, 0px); + -webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1); + animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1); +} + +.flatpickr-current-month.slideRight { + -webkit-transform: translate3d(100%, 0px, 0px); + transform: translate3d(100%, 0px, 0px); + -webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1); + animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1); +} + +.flatpickr-current-month.slideRightNew { + -webkit-transform: translate3d(0, 0, 0px); + transform: translate3d(0, 0, 0px); + -webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); + animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); +} + +.flatpickr-current-month span.cur-month { + font-family: inherit; + font-weight: 600; + color: inherit; + display: inline-block; + margin-left: 0.5ch; + padding: 0; +} + +.flatpickr-current-month span.cur-month:hover { + background: rgba(0, 0, 0, 0.05); +} + +.flatpickr-current-month .numInputWrapper { + width: 6ch; + display: inline-block; +} + +.flatpickr-current-month .numInputWrapper span.arrowUp:after { + border-bottom-color: rgba(0, 0, 0, 0.9); +} + +.flatpickr-current-month .numInputWrapper span.arrowDown:after { + border-top-color: rgba(0, 0, 0, 0.9); +} + +.flatpickr-current-month input.cur-year { + background: transparent; + box-sizing: border-box; + color: inherit; + cursor: default; + padding: 0 0 0 0.5ch; + margin: 0; + display: inline-block; + font-size: inherit; + font-family: inherit; + font-weight: 300; + line-height: inherit; + height: auto; + border: 0; + border-radius: 0; + vertical-align: baseline; +} + +.flatpickr-current-month input.cur-year:focus { + outline: 0; +} + +.flatpickr-current-month input.cur-year[disabled], +.flatpickr-current-month input.cur-year[disabled]:hover { + font-size: 100%; + color: rgba(0, 0, 0, 0.5); + background: transparent; + pointer-events: none; +} + +.flatpickr-weekdays { + background: transparent; + text-align: center; + overflow: hidden; + width: 315px; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 28px; +} + +span.flatpickr-weekday { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + cursor: default; + background: transparent; + color: rgba(0, 0, 0, 0.54); + margin: 0; + text-align: center; + display: block; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.dayContainer, +.flatpickr-weeks { + padding: 1px 0 0 0; +} + +.flatpickr-days { + position: relative; + overflow: hidden; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 315px; +} + +.flatpickr-days:focus { + outline: 0; +} + +.dayContainer { + padding: 0; + outline: 0; + text-align: left; + width: 315px; + min-width: 315px; + max-width: 315px; + box-sizing: border-box; + display: inline-block; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-wrap: wrap; + -ms-flex-pack: justify; + -webkit-justify-content: space-around; + justify-content: space-around; + -webkit-transform: translate3d(0px, 0px, 0px); + transform: translate3d(0px, 0px, 0px); + opacity: 1; +} + +.flatpickr-calendar.animate .dayContainer.slideLeft { + -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); + animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); +} + +.flatpickr-calendar.animate .dayContainer.slideLeft, +.flatpickr-calendar.animate .dayContainer.slideLeftNew { + -webkit-transform: translate3d(-100%, 0px, 0px); + transform: translate3d(-100%, 0px, 0px); +} + +.flatpickr-calendar.animate .dayContainer.slideLeftNew { + -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); + animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); +} + +.flatpickr-calendar.animate .dayContainer.slideRight { + -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1); + animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1); + -webkit-transform: translate3d(100%, 0px, 0px); + transform: translate3d(100%, 0px, 0px); +} + +.flatpickr-calendar.animate .dayContainer.slideRightNew { + -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); + animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); +} + +.flatpickr-day { + background: none; + border: 1px solid transparent; + border-radius: 150px; + box-sizing: border-box; + color: #393939; + cursor: pointer; + font-weight: 400; + width: 14.2857143%; + -webkit-flex-basis: 14.2857143%; + -ms-flex-preferred-size: 14.2857143%; + flex-basis: 14.2857143%; + max-width: 40px; + height: 40px; + line-height: 40px; + margin: 0; + display: inline-block; + position: relative; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + +.flatpickr-day.week.selected { + border-radius: 0; + box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; +} + +.flatpickr-weekwrapper { + display: inline-block; + float: left; +} + +.flatpickr-weekwrapper .flatpickr-weeks { + padding: 0 12px; + box-shadow: 1px 0 0 #e6e6e6; +} + +.flatpickr-weekwrapper .flatpickr-weekday { + float: none; + width: 100%; + line-height: 28px; +} + +.flatpickr-weekwrapper span.flatpickr-day { + display: block; + width: 100%; + max-width: none; +} + +.flatpickr-innerContainer { + display: block; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + box-sizing: border-box; + overflow: hidden; +} + +.flatpickr-rContainer { + display: inline-block; + padding: 0; + box-sizing: border-box; +} + +.flatpickr-time { + text-align: center; + outline: 0; + display: block; + height: 0; + line-height: 40px; + max-height: 40px; + box-sizing: border-box; + overflow: hidden; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.flatpickr-time:after { + content: \\"\\"; + display: table; + clear: both; +} + +.flatpickr-time .numInputWrapper { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 40%; + height: 40px; + float: left; +} + +.flatpickr-time .numInputWrapper span.arrowUp:after { + border-bottom-color: #393939; +} + +.flatpickr-time .numInputWrapper span.arrowDown:after { + border-top-color: #393939; +} + +.flatpickr-time.hasSeconds .numInputWrapper { + width: 26%; +} + +.flatpickr-time.time24hr .numInputWrapper { + width: 49%; +} + +.flatpickr-time input { + background: transparent; + box-shadow: none; + border: 0; + border-radius: 0; + text-align: center; + margin: 0; + padding: 0; + height: inherit; + line-height: inherit; + cursor: pointer; + color: #393939; + font-size: 14px; + position: relative; + box-sizing: border-box; +} + +.flatpickr-time input.flatpickr-hour { + font-weight: bold; +} + +.flatpickr-time input.flatpickr-minute, +.flatpickr-time input.flatpickr-second { + font-weight: 400; +} + +.flatpickr-time input:focus { + outline: 0; + border: 0; +} + +.flatpickr-time .flatpickr-time-separator, +.flatpickr-time .flatpickr-am-pm { + height: inherit; + display: inline-block; + float: left; + line-height: inherit; + color: #393939; + font-weight: bold; + width: 2%; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-align-self: center; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; +} + +.flatpickr-time .flatpickr-am-pm { + outline: 0; + width: 18%; + cursor: pointer; + text-align: center; + font-weight: 400; +} + +.flatpickr-time .flatpickr-am-pm:hover, +.flatpickr-time .flatpickr-am-pm:focus { + background: #f0f0f0; +} + +.flatpickr-input[readonly] { + cursor: pointer; +} + +@-webkit-keyframes fpFadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fpFadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@-webkit-keyframes fpSlideLeft { + from { + -webkit-transform: translate3d(0px, 0px, 0px); + transform: translate3d(0px, 0px, 0px); + } + to { + -webkit-transform: translate3d(-100%, 0px, 0px); + transform: translate3d(-100%, 0px, 0px); + } +} + +@keyframes fpSlideLeft { + from { + -webkit-transform: translate3d(0px, 0px, 0px); + transform: translate3d(0px, 0px, 0px); + } + to { + -webkit-transform: translate3d(-100%, 0px, 0px); + transform: translate3d(-100%, 0px, 0px); + } +} + +@-webkit-keyframes fpSlideLeftNew { + from { + -webkit-transform: translate3d(100%, 0px, 0px); + transform: translate3d(100%, 0px, 0px); + } + to { + -webkit-transform: translate3d(0px, 0px, 0px); + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes fpSlideLeftNew { + from { + -webkit-transform: translate3d(100%, 0px, 0px); + transform: translate3d(100%, 0px, 0px); + } + to { + -webkit-transform: translate3d(0px, 0px, 0px); + transform: translate3d(0px, 0px, 0px); + } +} + +@-webkit-keyframes fpSlideRight { + from { + -webkit-transform: translate3d(0, 0, 0px); + transform: translate3d(0, 0, 0px); + } + to { + -webkit-transform: translate3d(100%, 0px, 0px); + transform: translate3d(100%, 0px, 0px); + } +} + +@keyframes fpSlideRight { + from { + -webkit-transform: translate3d(0, 0, 0px); + transform: translate3d(0, 0, 0px); + } + to { + -webkit-transform: translate3d(100%, 0px, 0px); + transform: translate3d(100%, 0px, 0px); + } +} + +@-webkit-keyframes fpSlideRightNew { + from { + -webkit-transform: translate3d(-100%, 0, 0px); + transform: translate3d(-100%, 0, 0px); + } + to { + -webkit-transform: translate3d(0, 0, 0px); + transform: translate3d(0, 0, 0px); + } +} + +@keyframes fpSlideRightNew { + from { + -webkit-transform: translate3d(-100%, 0, 0px); + transform: translate3d(-100%, 0, 0px); + } + to { + -webkit-transform: translate3d(0, 0, 0px); + transform: translate3d(0, 0, 0px); + } +} + +@-webkit-keyframes fpFadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } +} + +@keyframes fpFadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } +} + +@-webkit-keyframes fpFadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +@keyframes fpFadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +.bx--date-picker { + display: flex; +} + +.bx--date-picker--light .bx--date-picker__input { + background: var(--field-02, #393939); +} + +.bx--date-picker ~ .bx--label { + order: 1; +} + +.bx--date-picker-container { + position: relative; + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.bx--date-picker-input__wrapper { + display: flex; + align-items: center; + position: relative; +} + +.bx--date-picker-input__wrapper ~ .bx--form-requirement { + max-height: 12.5rem; + display: block; + color: var(--text-error, #ff8389); + font-weight: 400; + margin-top: 0.25rem; + overflow: visible; +} + +.bx--date-picker-input__wrapper ~ .bx--form-requirement::before { + display: none; +} + +.bx--date-picker.bx--date-picker--simple .bx--date-picker__input { + width: 7.5rem; +} + +.bx--date-picker.bx--date-picker--simple.bx--date-picker--short .bx--date-picker__input { + width: 5.7rem; +} + +.bx--date-picker.bx--date-picker--single .bx--date-picker-container { + max-width: 18rem; +} + +.bx--date-picker.bx--date-picker--single .bx--date-picker__input { + width: 18rem; +} + +.bx--date-picker__input { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + font-family: \\"IBM Plex Mono\\", \\"Menlo\\", \\"DejaVu Sans Mono\\", \\"Bitstream Vera Sans Mono\\", Courier, monospace; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.25rem; + letter-spacing: 0.32px; + outline: 2px solid transparent; + outline-offset: -2px; + display: block; + position: relative; + height: 2.5rem; + max-width: 18rem; + padding: 0 1rem; + background-color: var(--field-01, #262626); + border: none; + color: var(--text-01, #f4f4f4); + border-bottom: 1px solid var(--ui-04, #6f6f6f); + transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9) all; +} + +.bx--date-picker__input *, +.bx--date-picker__input *:before, +.bx--date-picker__input *:after { + box-sizing: inherit; +} + +.bx--date-picker__input:focus, .bx--date-picker__input.bx--focused { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--date-picker__input[data-invalid], .bx--date-picker__input[data-invalid]:focus { + outline: 2px solid var(--support-01, #fa4d56); + outline-offset: -2px; +} + +.bx--date-picker__input:disabled { + color: var(--disabled-02, #525252); + background-color: var(--disabled-01, #262626); + border-bottom: 1px solid transparent; + cursor: not-allowed; +} + +.bx--date-picker__input:disabled::placeholder { + color: var(--disabled-02, #525252); +} + +.bx--date-picker__input:disabled:hover { + border-bottom: 1px solid transparent; +} + +.bx--date-picker__input::placeholder { + color: var(--text-05, #8d8d8d); + opacity: 1; +} + +.bx--date-picker__icon { + position: absolute; + right: 1rem; + fill: var(--icon-01, #f4f4f4); + cursor: pointer; + z-index: 1; + top: 50%; + transform: translateY(-50%); +} + +.bx--date-picker__icon ~ .bx--date-picker__input { + padding-right: 3rem; +} + +.bx--date-picker__input:disabled ~ .bx--date-picker__icon { + fill: var(--disabled-02, #525252); + cursor: not-allowed; +} + +.bx--date-picker--range > .bx--date-picker-container:first-child { + margin-right: 0.0625rem; +} + +.bx--date-picker--range .bx--date-picker-container, +.bx--date-picker--range .bx--date-picker__input { + width: 8.96875rem; +} + +.bx--date-picker__calendar, +.flatpickr-calendar.open { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + background-color: var(--ui-01, #262626); + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 0.25rem 0.25rem 0.5rem 0.25rem; + width: 18rem !important; + height: 21rem; + border-radius: 0; + border: none; + overflow: hidden; + margin-top: -2px; +} + +.bx--date-picker__calendar:before, .bx--date-picker__calendar:after, +.flatpickr-calendar.open:before, +.flatpickr-calendar.open:after { + display: none; +} + +.bx--date-picker__calendar:focus, +.flatpickr-calendar.open:focus { + outline: 1px solid var(--interactive-01, #0f62fe); +} + +.bx--date-picker__month, +.flatpickr-month { + display: flex; + align-items: center; + width: 100%; + height: 2.5rem; + margin-bottom: 0.25rem; +} + +.bx--date-picker__month .flatpickr-prev-month, +.bx--date-picker__month .flatpickr-next-month, +.flatpickr-months .flatpickr-prev-month, +.flatpickr-months .flatpickr-next-month { + display: flex !important; + align-items: center; + justify-content: center; + height: 2.5rem; + width: 2.5rem; + padding: 0; + fill: var(--text-01, #f4f4f4); + transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--date-picker__month .flatpickr-prev-month:hover, +.bx--date-picker__month .flatpickr-next-month:hover, +.flatpickr-months .flatpickr-prev-month:hover, +.flatpickr-months .flatpickr-next-month:hover { + background-color: var(--hover-ui, #353535); +} + +.flatpickr-current-month .numInputWrapper { + width: 7ch; +} + +.bx--date-picker__month .flatpickr-current-month, +.flatpickr-month .flatpickr-current-month { + font-size: 0.875rem; + font-weight: 600; + line-height: 1.125rem; + letter-spacing: 0.16px; + padding: 0; +} + +.bx--date-picker__month .flatpickr-current-month svg, +.flatpickr-month .flatpickr-current-month svg { + fill: var(--text-01, #f4f4f4); +} + +.bx--date-picker__month .flatpickr-current-month .cur-month, +.flatpickr-month .flatpickr-current-month .cur-month { + margin-right: 0.25rem; + color: var(--text-01, #f4f4f4); +} + +.bx--date-picker__month .numInputWrapper .numInput, +.flatpickr-month .numInputWrapper .numInput { + font-weight: 600; + color: var(--text-01, #f4f4f4); + background-color: var(--field-01, #262626); + border: none; + border-radius: 0; + padding: 0.25rem; + -moz-appearance: textfield; + /* Firefox */ +} + +.bx--date-picker__month .numInputWrapper .numInput:focus, +.flatpickr-month .numInputWrapper .numInput:focus { + outline: 1px solid var(--interactive-01, #0f62fe); +} + +.bx--date-picker__month .numInputWrapper .numInput::-webkit-outer-spin-button, .bx--date-picker__month .numInputWrapper .numInput::-webkit-inner-spin-button, +.flatpickr-month .numInputWrapper .numInput::-webkit-outer-spin-button, +.flatpickr-month .numInputWrapper .numInput::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; + /* <-- Apparently some margin are still there even though it\\"s hidden */ +} + +.bx--date-picker__month .numInputWrapper span.arrowUp, +.bx--date-picker__month .numInputWrapper span.arrowDown, +.flatpickr-month .numInputWrapper span.arrowUp, +.flatpickr-month .numInputWrapper span.arrowDown { + left: 2.6rem; + border: none; + width: 0.75rem; +} + +.bx--date-picker__month .numInputWrapper span.arrowUp:hover, +.bx--date-picker__month .numInputWrapper span.arrowDown:hover, +.flatpickr-month .numInputWrapper span.arrowUp:hover, +.flatpickr-month .numInputWrapper span.arrowDown:hover { + background: none; +} + +.bx--date-picker__month .numInputWrapper span.arrowUp:hover:after, +.bx--date-picker__month .numInputWrapper span.arrowDown:hover:after, +.flatpickr-month .numInputWrapper span.arrowUp:hover:after, +.flatpickr-month .numInputWrapper span.arrowDown:hover:after { + border-bottom-color: var(--interactive-01, #0f62fe); + border-top-color: var(--interactive-01, #0f62fe); +} + +.bx--date-picker__month .numInputWrapper span.arrowUp:after, +.bx--date-picker__month .numInputWrapper span.arrowDown:after, +.flatpickr-month .numInputWrapper span.arrowUp:after, +.flatpickr-month .numInputWrapper span.arrowDown:after { + border-bottom-color: var(--icon-01, #f4f4f4); + border-top-color: var(--icon-01, #f4f4f4); +} + +.bx--date-picker__month .numInputWrapper span.arrowUp, +.flatpickr-month .numInputWrapper span.arrowUp { + top: 4px; +} + +.bx--date-picker__month .numInputWrapper span.arrowDown, +.flatpickr-month .numInputWrapper span.arrowDown { + top: 11px; +} + +span.bx--date-picker__weekday, +span.flatpickr-weekday { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + color: var(--text-01, #f4f4f4); + font-weight: 400; +} + +.bx--date-picker__day, +.flatpickr-day { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + height: 2.5rem; + width: 2.5rem; + display: flex; + align-items: center; + justify-content: center; + color: var(--text-01, #f4f4f4); + border-radius: 0; + border: none; + transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--date-picker__day:hover, +.flatpickr-day:hover { + background: var(--hover-ui, #353535); +} + +.bx--date-picker__day:focus, +.flatpickr-day:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + outline-color: var(--interactive-01, #0f62fe); +} + +.bx--date-picker__day.nextMonthDay, +.bx--date-picker__day.prevMonthDay { + color: var(--text-05, #8d8d8d); +} + +.bx--date-picker__day.today, +.flatpickr-day.today { + position: relative; + color: var(--interactive-01, #0f62fe); + font-weight: 600; +} + +.bx--date-picker__day.today::after, +.flatpickr-day.today::after { + content: \\"\\"; + position: absolute; + display: block; + bottom: 0.4375rem; + left: 50%; + transform: translateX(-50%); + height: 0.25rem; + width: 0.25rem; + background: var(--interactive-01, #0f62fe); +} + +.bx--date-picker__day.today.no-border, +.flatpickr-day.today.no-border { + border: none; +} + +.bx--date-picker__day.today.selected { + border: 2px solid var(--interactive-01, #0f62fe); +} + +.bx--date-picker__day.today.selected::after { + display: none; +} + +.bx--date-picker__day.flatpickr-day.flatpickr-disabled { + cursor: not-allowed; + opacity: 0.5; + color: var(--disabled-02, #525252); +} + +.bx--date-picker__day.flatpickr-day.flatpickr-disabled:hover { + background: transparent; +} + +.bx--date-picker__day.inRange, +.flatpickr-day.inRange { + background: #d0e2ff; + color: var(--text-01, #f4f4f4); +} + +.bx--date-picker__day.selected, +.flatpickr-day.selected { + color: var(--text-04, #ffffff); + background: var(--interactive-01, #0f62fe); +} + +.bx--date-picker__day.startRange.selected, +.flatpickr-day.startRange.selected { + box-shadow: none; + z-index: 2; +} + +.bx--date-picker__day.endRange:hover, +.flatpickr-day.endRange:hover { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + background: var(--ui-01, #262626); + color: var(--text-01, #f4f4f4); +} + +.bx--date-picker__day.endRange.inRange, +.flatpickr-day.endRange.inRange { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + background: var(--ui-01, #262626); + z-index: 3; +} + +.bx--date-picker__day.endRange.inRange.selected, +.flatpickr-day.endRange.inRange.selected { + color: var(--text-04, #ffffff); + background: var(--interactive-01, #0f62fe); +} + +.bx--date-picker__day.startRange.inRange:not(.selected), +.flatpickr-day.startRange.inRange:not(.selected) { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; + background: var(--ui-01, #262626); + z-index: 3; +} + +.bx--date-picker__days, +.dayContainer { + width: 100%; + min-width: 100%; + height: 15.375rem; +} + +.flatpickr-innerContainer, +.flatpickr-rContainer { + width: 100%; + height: auto; +} + +.bx--date-picker__weekdays, +.flatpickr-weekdays, +.flatpickr-weekdaycontainer { + width: 100%; +} + +.flatpickr-weekdays { + height: 2.5rem; + display: flex; + align-items: center; + justify-content: center; +} + +.flatpickr-weekdaycontainer { + display: flex; +} + +.flatpickr-months { + display: flex; + width: 100%; + position: relative; +} + +.flatpickr-prev-month, +.flatpickr-next-month { + padding-top: 12px; +} + +.flatpickr-prev-month:hover svg, +.flatpickr-next-month:hover svg { + fill: var(--text-01, #f4f4f4); +} + +.flatpickr-next-month.disabled svg, +.flatpickr-prev-month.disabled svg { + fill: var(--ui-05, #f4f4f4); + opacity: 0.5; + cursor: not-allowed; +} + +.flatpickr-next-month.disabled:hover svg, +.flatpickr-prev-month.disabled:hover svg { + fill: var(--ui-05, #f4f4f4); +} + +.bx--date-picker.bx--skeleton input, +.bx--date-picker__input.bx--skeleton { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 100%; +} + +.bx--date-picker.bx--skeleton input:hover, .bx--date-picker.bx--skeleton input:focus, .bx--date-picker.bx--skeleton input:active, +.bx--date-picker__input.bx--skeleton:hover, +.bx--date-picker__input.bx--skeleton:focus, +.bx--date-picker__input.bx--skeleton:active { + border: none; + outline: none; + cursor: default; +} + +.bx--date-picker.bx--skeleton input:before, +.bx--date-picker__input.bx--skeleton:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--date-picker.bx--skeleton input:before, + .bx--date-picker__input.bx--skeleton:before { + animation: none; + } +} + +.bx--date-picker.bx--skeleton input::-webkit-input-placeholder, +.bx--date-picker__input.bx--skeleton::-webkit-input-placeholder { + color: transparent; +} + +.bx--date-picker.bx--skeleton .bx--label { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 4.6875rem; + height: 0.875rem; +} + +.bx--date-picker.bx--skeleton .bx--label:hover, .bx--date-picker.bx--skeleton .bx--label:focus, .bx--date-picker.bx--skeleton .bx--label:active { + border: none; + outline: none; + cursor: default; +} + +.bx--date-picker.bx--skeleton .bx--label:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--date-picker.bx--skeleton .bx--label:before { + animation: none; + } +} + +.bx--date-picker__day.inRange, +.flatpickr-day.inRange { + background: var(--selected-ui, #393939); +} + +.bx--date-picker__day.inRange:hover, +.flatpickr-day.inRange:hover { + background: var(--hover-selected-ui, #4c4c4c); +} + +.bx--date-picker__day.selected, +.flatpickr-day.selected { + background: var(--link-01, #78a9ff); + color: var(--inverse-01, #161616); +} + +.bx--date-picker__day.selected, +.flatpickr-day.endRange.inRange.selected { + background: var(--link-01, #78a9ff); + color: var(--inverse-01, #161616); +} + +.flatpickr-current-month input.cur-year:disabled { + color: var(--disabled-03, #6f6f6f); +} + +.bx--date-picker__month .numInputWrapper .numInput:focus, +.flatpickr-month .numInputWrapper .numInput:focus, +.bx--date-picker__day:focus, +.flatpickr-day:focus { + outline: 1px solid var(--interactive-04, #4589ff); +} + +.bx--date-picker__day.today, +.flatpickr-day.today { + color: var(--text-01, #f4f4f4); +} + +.bx--date-picker__day.today:after, +.flatpickr-day.today:after { + background-color: var(--interactive-04, #4589ff); +} + +.bx--date-picker__day.today.selected, +.flatpickr-day.today.selected { + color: var(--inverse-01, #161616); + border: none; +} + +.bx--date-picker__day.today.selected:after, +.flatpickr-day.today.selected:after { + background-color: var(--inverse-01, #161616); +} + +.flatpickr-prev-month svg, +.flatpickr-next-month svg { + fill: var(--icon-01, #f4f4f4); +} + +.flatpickr-prev-month svg:hover, .flatpickr-prev-month svg:focus, .flatpickr-prev-month svg:active, +.flatpickr-next-month svg:hover, +.flatpickr-next-month svg:focus, +.flatpickr-next-month svg:active { + fill: var(--interactive-04, #4589ff); +} + +.bx--date-picker__month .numInputWrapper span.arrowUp::after, +.bx--date-picker__month .numInputWrapper span.arrowDown::after, +.flatpickr-month .numInputWrapper span.arrowUp::after, +.flatpickr-month .numInputWrapper span.arrowDown::after { + border-bottom-color: var(--icon-01, #f4f4f4); + border-top-color: var(--icon-01, #f4f4f4); +} + +.bx--date-picker__month .numInputWrapper span.arrowUp:hover::after, +.bx--date-picker__month .numInputWrapper span.arrowDown:hover::after, +.flatpickr-month .numInputWrapper span.arrowUp:hover::after, +.flatpickr-month .numInputWrapper span.arrowDown:hover::after { + border-bottom-color: var(--interactive-04, #4589ff); + border-top-color: var(--interactive-04, #4589ff); +} + +@keyframes rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +@keyframes rotate-end-p1 { + 100% { + transform: rotate(360deg); + } +} + +@keyframes rotate-end-p2 { + 100% { + transform: rotate(-360deg); + } +} + +/* Stroke animations */ +@keyframes init-stroke { + 0% { + stroke-dashoffset: 240; + } + 100% { + stroke-dashoffset: 40; + } +} + +@keyframes stroke-end { + 0% { + stroke-dashoffset: 40; + } + 100% { + stroke-dashoffset: 240; + } +} + +.bx--file { + width: 100%; +} + +.bx--file--invalid { + margin-right: 0.5rem; + fill: var(--support-01, #fa4d56); +} + +.bx--file--label { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + font-size: 0.875rem; + font-weight: 600; + line-height: 1.125rem; + letter-spacing: 0.16px; + color: var(--text-01, #f4f4f4); + margin-bottom: 0.5rem; +} + +.bx--file--label *, +.bx--file--label *:before, +.bx--file--label *:after { + box-sizing: inherit; +} + +.bx--file-input { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + visibility: visible; + white-space: nowrap; +} + +.bx--file-btn { + display: inline-flex; + margin: 0; + padding-right: 4rem; +} + +.bx--file-browse-btn { + margin-bottom: 0.5rem; + display: inline-block; + width: 100%; + max-width: 20rem; + color: var(--link-01, #78a9ff); + outline: none; + transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9); + cursor: pointer; + outline: 2px solid transparent; + outline-offset: -2px; +} + +.bx--file-browse-btn:focus, .bx--file-browse-btn:hover { + outline: 2px solid var(--interactive-03, #ffffff); +} + +.bx--file-browse-btn:hover, .bx--file-browse-btn:focus, .bx--file-browse-btn:active, .bx--file-browse-btn:active:visited { + text-decoration: underline; +} + +.bx--file-browse-btn:active { + color: var(--text-01, #f4f4f4); +} + +.bx--file-browse-btn--disabled { + cursor: no-drop; + text-decoration: none; + color: var(--disabled-02, #525252); +} + +.bx--file-browse-btn--disabled:hover, .bx--file-browse-btn--disabled:focus { + outline: none; + text-decoration: none; + color: var(--disabled-02, #525252); +} + +.bx--file-browse-btn--disabled .bx--file__drop-container { + border: 1px dashed var(--disabled-01, #262626); +} + +.bx--label-description { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + color: var(--text-02, #c6c6c6); + margin-bottom: 1rem; +} + +.bx--label-description *, +.bx--label-description *:before, +.bx--label-description *:after { + box-sizing: inherit; +} + +.bx--file-btn ~ .bx--file-container { + margin-top: 1.5rem; +} + +.bx--btn ~ .bx--file-container { + margin-top: 1rem; +} + +.bx--file .bx--file-container, +.bx--file ~ .bx--file-container { + margin-top: 0.5rem; +} + +.bx--file__selected-file { + display: grid; + grid-gap: 1rem; + grid-template-columns: 1fr auto; + grid-auto-rows: auto; + align-items: center; + min-height: 3rem; + max-width: 20rem; + margin-bottom: 0.5rem; + background-color: var(--field-01, #262626); + word-break: break-word; +} + +.bx--file__selected-file:last-child { + margin-bottom: 0; +} + +.bx--file__selected-file .bx--form-requirement { + grid-column-start: 1; + grid-column-end: -1; + max-height: none; + margin: 0; +} + +.bx--file__selected-file .bx--loading { + width: 2rem; + height: 2rem; + margin-right: -0.5rem; +} + +.bx--file__selected-file .bx--inline-loading__animation .bx--loading { + margin-right: 0; +} + +.bx--file__selected-file .bx--file-filename { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + margin-left: 1rem; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} + +.bx--file__selected-file--invalid__wrapper { + outline: 2px solid var(--support-01, #fa4d56); + outline-offset: -2px; + outline-width: 1px; + background-color: var(--field-01, #262626); + max-width: 20rem; + margin-bottom: 0.5rem; +} + +.bx--file__selected-file--invalid { + outline: 2px solid var(--support-01, #fa4d56); + outline-offset: -2px; + padding: 1rem 0; +} + +.bx--file__selected-file--invalid .bx--form-requirement { + border-top: 1px solid var(--ui-03, #393939); + padding-top: 1rem; +} + +.bx--file__selected-file--invalid .bx--form-requirement__title, +.bx--file__selected-file--invalid .bx--form-requirement__supplement { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + padding: 0 1rem; +} + +.bx--file__selected-file--invalid .bx--form-requirement__supplement { + color: var(--text-01, #f4f4f4); +} + +.bx--file__selected-file--invalid + .bx--form-requirement { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + display: block; + max-height: 12.5rem; + color: var(--text-error, #ff8389); + font-weight: 400; + padding: 0.5rem 1rem; + overflow: visible; +} + +.bx--file__selected-file--invalid + .bx--form-requirement .bx--form-requirement__supplement { + padding-bottom: 0.5rem; + color: var(--text-01, #f4f4f4); +} + +.bx--file__state-container { + display: flex; + justify-content: center; + min-width: 1.5rem; + padding-right: 1rem; +} + +.bx--file__state-container .bx--loading__svg { + stroke: var(--ui-05, #f4f4f4); +} + +.bx--file__state-container .bx--file-complete { + fill: var(--interactive-04, #4589ff); + cursor: pointer; +} + +.bx--file__state-container .bx--file-complete:focus { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--file__state-container .bx--file-complete [data-icon-path=\\"inner-path\\"] { + opacity: 1; + fill: var(--icon-03, #ffffff); +} + +.bx--file__state-container .bx--file-invalid { + height: 1rem; + width: 1rem; + fill: var(--support-01, #fa4d56); + margin-right: 0.5rem; +} + +.bx--file__state-container .bx--file-close { + height: 1rem; + width: 1rem; + background-color: transparent; + border: none; + cursor: pointer; + padding: 0; + fill: var(--icon-01, #f4f4f4); +} + +.bx--file__state-container .bx--file-close:focus { + outline: 1px solid var(--focus, #ffffff); +} + +.bx--file__state-container .bx--file-close svg path { + fill: var(--icon-01, #f4f4f4); +} + +.bx--file__state-container .bx--inline-loading__animation { + margin-right: -0.5rem; +} + +.bx--file__drop-container { + display: flex; + align-items: flex-start; + justify-content: space-between; + height: 6rem; + padding: 1rem; + overflow: hidden; + border: 1px dashed var(--ui-04, #6f6f6f); +} + +.bx--file__drop-container--drag-over { + background: none; + outline: 2px solid var(--interactive-03, #ffffff); + outline-offset: -2px; +} + +.bx--file__state-container .bx--file-close { + fill: #f4f4f4; +} + +.bx--file__container .bx--btn--primary:hover, +.bx--file__container .bx--btn--secondary:hover { + outline: none; +} + +.bx--list--nested, +.bx--list--unordered, +.bx--list--ordered { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + list-style: none; +} + +.bx--list--nested *, +.bx--list--nested *:before, +.bx--list--nested *:after, +.bx--list--unordered *, +.bx--list--unordered *:before, +.bx--list--unordered *:after, +.bx--list--ordered *, +.bx--list--ordered *:before, +.bx--list--ordered *:after { + box-sizing: inherit; +} + +.bx--list__item { + color: var(--text-01, #f4f4f4); + margin-bottom: 0.25rem; +} + +.bx--list--nested { + margin-top: 0.25rem; + margin-left: 1.5rem; +} + +.bx--list--nested > .bx--list__item { + margin-top: 0; + margin-bottom: 0; +} + +.bx--list--nested .bx--list--nested { + margin-top: 0; +} + +.bx--list--ordered:not(.bx--list--nested) { + counter-reset: item; +} + +.bx--list--ordered:not(.bx--list--nested) > .bx--list__item { + position: relative; +} + +.bx--list--ordered:not(.bx--list--nested) > .bx--list__item::before { + content: counter(item) \\".\\"; + counter-increment: item; + position: absolute; + left: -1.5rem; +} + +.bx--list--ordered.bx--list--nested { + list-style-type: lower-latin; +} + +.bx--list--unordered > .bx--list__item { + position: relative; +} + +.bx--list--unordered > .bx--list__item::before { + position: absolute; + left: -1rem; + content: \\"\\\\002013\\"; +} + +.bx--list--unordered.bx--list--nested > .bx--list__item::before { + left: -0.75rem; + content: \\"\\\\0025AA\\"; +} + +@keyframes rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +@keyframes rotate-end-p1 { + 100% { + transform: rotate(360deg); + } +} + +@keyframes rotate-end-p2 { + 100% { + transform: rotate(-360deg); + } +} + +/* Stroke animations */ +@keyframes init-stroke { + 0% { + stroke-dashoffset: 240; + } + 100% { + stroke-dashoffset: 40; + } +} + +@keyframes stroke-end { + 0% { + stroke-dashoffset: 40; + } + 100% { + stroke-dashoffset: 240; + } +} + +.bx--modal { + position: fixed; + top: 0; + left: 0; + z-index: 9000; + display: flex; + align-items: center; + justify-content: center; + width: 100vw; + height: 100vh; + content: \\"\\"; + background-color: transparent; + opacity: 0; + visibility: hidden; + transition: background-color 720ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), visibility 0ms linear 240ms; +} + +.bx--modal.is-visible { + visibility: visible; + opacity: 1; + background-color: var(--overlay-01, rgba(22, 22, 22, 0.7)); + transition: background-color 720ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1), visibility 0ms linear; +} + +.bx--modal .bx--text-input, +.bx--modal .bx--text-area, +.bx--modal .bx--search-input, +.bx--modal .bx--select-input, +.bx--modal .bx--dropdown, +.bx--modal .bx--dropdown-list, +.bx--modal .bx--number input[type=\\"number\\"], +.bx--modal .bx--date-picker__input { + background-color: var(--field-02, #393939); +} + +.bx--modal.is-visible .bx--modal-container { + transition: transform 240ms cubic-bezier(0, 0, 0.3, 1); + transform: translate3d(0, 0, 0); +} + +.bx--modal-container { + position: relative; + display: grid; + grid-template-rows: auto 1fr auto; + grid-template-columns: auto; + background-color: var(--ui-01, #262626); + width: 100%; + height: 100%; + max-height: 100%; + outline: 3px solid transparent; + outline-offset: -3px; + overflow: hidden; + transform-origin: top center; + transform: translate3d(0, -24px, 0); + transition: transform 240ms cubic-bezier(0.4, 0.14, 1, 1); +} + +@media (min-width: 42rem) { + .bx--modal-container { + width: 84%; + max-height: 90%; + height: auto; + } + .bx--modal-container .bx--modal-header, + .bx--modal-container .bx--modal-content, + .bx--modal-container .bx--modal-content__regular-content { + padding-right: 20%; + } + .bx--modal-container .bx--modal-content--with-form { + padding-right: 1rem; + } +} + +@media (min-width: 66rem) { + .bx--modal-container { + width: 60%; + max-height: 84%; + } +} + +@media (min-width: 82rem) { + .bx--modal-container { + width: 48%; + } +} + +.bx--modal-header, +.bx--modal-content { + padding-left: 1rem; +} + +.bx--modal-header, +.bx--modal-content, +.bx--modal-content__regular-content { + padding-right: 1rem; +} + +.bx--modal-content--with-form { + padding-right: 1rem; +} + +.bx--modal-container--xs .bx--modal-header { + padding-right: 3rem; +} + +.bx--modal-container--xs .bx--modal-content, +.bx--modal-container--xs .bx--modal-content__regular-content, +.bx--modal-container--xs .bx--modal-content--with-form { + padding-right: 1rem; +} + +@media (min-width: 42rem) { + .bx--modal-container--xs { + width: 48%; + } +} + +@media (min-width: 66rem) { + .bx--modal-container--xs { + width: 32%; + max-height: 48%; + } +} + +@media (min-width: 82rem) { + .bx--modal-container--xs { + width: 24%; + } +} + +.bx--modal-container--sm .bx--modal-header { + padding-right: 3rem; +} + +.bx--modal-container--sm .bx--modal-content, +.bx--modal-container--sm .bx--modal-content__regular-content, +.bx--modal-container--sm .bx--modal-content--with-form { + padding-right: 1rem; +} + +@media (min-width: 42rem) { + .bx--modal-container--sm { + width: 60%; + } +} + +@media (min-width: 66rem) { + .bx--modal-container--sm { + width: 42%; + max-height: 72%; + } +} + +@media (min-width: 82rem) { + .bx--modal-container--sm { + width: 36%; + } + .bx--modal-container--sm .bx--modal-header, + .bx--modal-container--sm .bx--modal-content, + .bx--modal-container--sm .bx--modal-content__regular-content { + padding-right: 20%; + } + .bx--modal-container--sm .bx--modal-content--with-form { + padding-right: 1rem; + } +} + +.bx--modal-container--lg .bx--modal-header { + padding-right: 3rem; +} + +.bx--modal-container--lg .bx--modal-content, +.bx--modal-container--lg .bx--modal-content__regular-content, +.bx--modal-container--lg .bx--modal-content--with-form { + padding-right: 1rem; +} + +@media (min-width: 42rem) { + .bx--modal-container--lg { + width: 96%; + } + .bx--modal-container--lg .bx--modal-header, + .bx--modal-container--lg .bx--modal-content, + .bx--modal-container--lg .bx--modal-content__regular-content { + padding-right: 20%; + } + .bx--modal-container--lg .bx--modal-content--with-form { + padding-right: 1rem; + } +} + +@media (min-width: 66rem) { + .bx--modal-container--lg { + width: 84%; + max-height: 96%; + } +} + +@media (min-width: 82rem) { + .bx--modal-container--lg { + width: 72%; + } +} + +.bx--modal-header { + padding-top: 1rem; + padding-right: 3rem; + margin-bottom: 0.5rem; + grid-row: 1/1; + grid-column: 1/-1; +} + +.bx--modal-header__label { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + color: var(--text-02, #c6c6c6); + margin-bottom: 0.25rem; +} + +.bx--modal-header__heading { + font-size: 1.25rem; + font-weight: 400; + line-height: 1.625rem; + letter-spacing: 0; + color: var(--text-01, #f4f4f4); +} + +.bx--modal-content { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.25rem; + letter-spacing: 0.16px; + grid-row: 2/-2; + grid-column: 1/-1; + overflow-y: auto; + margin-bottom: 2.5rem; + color: var(--text-01, #f4f4f4); + font-weight: 400; + padding-top: 0.5rem; +} + +.bx--modal-content:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--modal-scroll-content > *:last-child { + padding-bottom: 2rem; +} + +.bx--modal-content > * { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.25rem; + letter-spacing: 0.16px; +} + +.bx--modal-content--overflow-indicator { + grid-row: 2/-2; + grid-column: 1/-1; + width: 100%; + height: 2rem; + content: \\"\\"; + position: absolute; + left: 0; + bottom: 2.5rem; + background-image: linear-gradient(to bottom, rgba(var(--ui-01, #262626), 0), var(--ui-01, #262626)); +} + +.bx--modal-content:focus ~ .bx--modal-content--overflow-indicator { + width: calc(100% - 4px); + margin: 0 2px 2px 2px; +} + +.bx--modal-footer { + display: flex; + margin-top: auto; + height: 4rem; + background-color: var(--ui-03, #393939); + grid-row: -1/-1; + grid-column: 1/-1; +} + +.bx--modal-footer button.bx--btn { + max-width: none; + flex: 1; + height: 4rem; + margin: 0; + padding-top: 1rem; + padding-bottom: 2rem; +} + +.bx--modal-close { + position: absolute; + top: 0; + right: 0; + height: 3rem; + width: 3rem; + padding: 0.75rem; + border: 2px solid transparent; + overflow: hidden; + cursor: pointer; + background-color: transparent; + transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--modal-close:hover { + background-color: var(--hover-ui, #353535); +} + +.bx--modal-close:focus { + outline: none; + border-color: var(--focus, #ffffff); +} + +.bx--modal-close::-moz-focus-inner { + border: 0; +} + +.bx--modal-close__icon { + fill: var(--icon-01, #f4f4f4); + height: 1.25rem; + width: 1.25rem; +} + +.bx--body--with-modal-open { + overflow: hidden; +} + +.bx--number { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: flex; + flex-direction: column; + position: relative; +} + +.bx--number *, +.bx--number *:before, +.bx--number *:after { + box-sizing: inherit; +} + +.bx--number input[type=\\"number\\"] { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + outline: 2px solid transparent; + outline-offset: -2px; + font-family: \\"IBM Plex Mono\\", \\"Menlo\\", \\"DejaVu Sans Mono\\", \\"Bitstream Vera Sans Mono\\", Courier, monospace; + box-sizing: border-box; + display: inline-flex; + width: 100%; + min-width: 9.375rem; + padding-left: 1rem; + padding-right: 2rem; + font-weight: 300; + height: 2.5rem; + color: var(--text-01, #f4f4f4); + background-color: var(--field-01, #262626); + border: none; + border-radius: 0; + border-bottom: 1px solid var(--ui-04, #6f6f6f); + transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); + -moz-appearance: textfield; +} + +.bx--number input[type=\\"number\\"]:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--number input[type=\\"number\\"]:disabled ~ .bx--number__controls { + cursor: not-allowed; + pointer-events: none; +} + +.bx--number input[type=\\"number\\"]:disabled ~ .bx--number__controls svg { + fill: var(--disabled-02, #525252); +} + +.bx--number input[type=\\"number\\"]::-ms-clear { + display: none; +} + +.bx--number input[type=\\"number\\"]::-webkit-inner-spin-button { + appearance: none; +} + +.bx--number input[type=\\"number\\"]:disabled, +.bx--number--readonly input[type=\\"number\\"] { + cursor: not-allowed; + background-color: var(--disabled-01, #262626); + color: var(--disabled-02, #525252); +} + +.bx--number__input-wrapper { + display: flex; + align-items: center; + position: relative; +} + +.bx--number__input-wrapper ~ .bx--form-requirement { + color: var(--text-error, #ff8389); + font-weight: 400; + margin-top: 0.25rem; + overflow: visible; +} + +.bx--number__input-wrapper ~ .bx--form-requirement::before { + display: none; +} + +.bx--number__controls { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + position: absolute; + right: 0; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + top: 50%; + transform: translateY(-50%); +} + +.bx--number__controls *, +.bx--number__controls *:before, +.bx--number__controls *:after { + box-sizing: inherit; +} + +.bx--number__control-btn { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + width: 100%; + display: inline-flex; + justify-content: center; + align-items: center; + width: 2rem; + height: 1.25rem; + color: var(--icon-01, #f4f4f4); +} + +.bx--number__control-btn *, +.bx--number__control-btn *:before, +.bx--number__control-btn *:after { + box-sizing: inherit; +} + +.bx--number__control-btn::-moz-focus-inner { + border: 0; +} + +.bx--number__control-btn svg { + fill: currentColor; + position: relative; +} + +.bx--number__control-btn.up-icon svg { + top: 0.3125rem; +} + +.bx--number__control-btn.down-icon svg { + top: -0.3125rem; +} + +.bx--number__control-btn:focus { + outline: 1px solid var(--focus, #ffffff); + color: var(--icon-01, #f4f4f4); + outline-width: 2px; + outline-offset: -2px; +} + +.bx--number__control-btn:hover { + cursor: pointer; +} + +.bx--number__control-btn:hover { + color: var(--icon-01, #f4f4f4); +} + +.bx--number__control-btn:disabled { + cursor: not-allowed; + color: var(--disabled-02, #525252); +} + +.bx--number--readonly .bx--number__control-btn { + display: none; +} + +.bx--number[data-invalid] .bx--form-requirement { + display: inline-block; + max-height: 12.5rem; +} + +.bx--number[data-invalid] input[type=\\"number\\"] { + outline: 2px solid var(--support-01, #fa4d56); + outline-offset: -2px; +} + +.bx--number__invalid { + position: absolute; + right: 2rem; + fill: var(--support-01, #fa4d56); +} + +.bx--number--light input[type=\\"number\\"] { + background-color: var(--field-02, #393939); +} + +.bx--number--mobile { + min-width: 9rem; + width: auto; +} + +.bx--number--mobile .bx--number__control-btn, +.bx--number--mobile.bx--number--light .bx--number__control-btn { + position: static; + width: 2.5rem; + height: 2.5rem; + background-color: var(--ui-01, #262626); +} + +.bx--number--mobile .bx--number__control-btn:hover, .bx--number--mobile .bx--number__control-btn:focus, +.bx--number--mobile.bx--number--light .bx--number__control-btn:hover, +.bx--number--mobile.bx--number--light .bx--number__control-btn:focus { + background-color: var(--hover-ui, #353535); +} + +.bx--number--mobile .bx--number__control-btn:focus, +.bx--number--mobile.bx--number--light .bx--number__control-btn:focus { + outline-width: 2px; + outline-offset: -2px; +} + +.bx--number--mobile .bx--number__control-btn svg, +.bx--number--mobile.bx--number--light .bx--number__control-btn svg { + position: static; +} + +.bx--number--mobile input[type=\\"number\\"] { + min-width: 4rem; + width: auto; + margin: 0; + border-right: 1px solid var(--ui-03, #393939); + border-left: 1px solid var(--ui-03, #393939); + padding: 0; + text-align: center; + background-color: var(--field-01, #262626); +} + +.bx--number--mobile.bx--number--light input[type=\\"number\\"] { + background-color: var(--field-02, #393939); +} + +.bx--number--mobile.bx--number--light .bx--number__control-btn { + background-color: var(--ui-02, #393939); +} + +.bx--number--nolabel .bx--label + .bx--form__helper-text { + margin-top: 0; +} + +.bx--number.bx--skeleton { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 100%; + height: 2.5rem; +} + +.bx--number.bx--skeleton:hover, .bx--number.bx--skeleton:focus, .bx--number.bx--skeleton:active { + border: none; + outline: none; + cursor: default; +} + +.bx--number.bx--skeleton:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--number.bx--skeleton:before { + animation: none; + } +} + +.bx--number.bx--skeleton input[type=\\"number\\"] { + display: none; +} + +.bx--data-table-container + .bx--pagination { + border-top: 0; +} + +.bx--pagination { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + width: 100%; + background-color: var(--ui-01, #262626); + display: flex; + align-items: center; + justify-content: space-between; + border-top: 1px solid var(--ui-03, #393939); + height: 3rem; +} + +.bx--pagination *, +.bx--pagination *:before, +.bx--pagination *:after { + box-sizing: inherit; +} + +.bx--pagination .bx--select { + height: 100%; + align-items: center; + grid-template-columns: auto 0; +} + +.bx--pagination .bx--select-input--inline__wrapper { + display: flex; + height: 100%; +} + +.bx--pagination .bx--select-input { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + width: auto; + min-width: auto; + height: 100%; + padding: 0 2.5rem 0 1rem; + margin-right: -0.65rem; +} + +@media (min-width: 42rem) { + .bx--pagination .bx--select-input { + padding-right: 2.25rem; + margin-right: 0; + } +} + +.bx--pagination .bx--select-input:hover { + background: var(--hover-ui, #353535); +} + +.bx--pagination .bx--select__arrow { + top: 50%; + transform: translateY(-50%); +} + +@media (min-width: 42rem) { + .bx--pagination .bx--select__arrow { + right: 1rem; + } +} + +.bx--pagination .bx--select__item-count .bx--select-input { + border-right: 0.0625rem solid var(--ui-03, #393939); +} + +.bx--pagination .bx--select__page-number .bx--select-input { + border-left: 1px solid var(--ui-03, #393939); +} + +.bx--pagination__left, +.bx--pagination__right { + display: flex; + height: 100%; + align-items: center; +} + +.bx--pagination__left > .bx--form-item, +.bx--pagination__right > .bx--form-item { + height: 100%; +} + +.bx--pagination__left .bx--pagination__text { + margin-right: 0.0625rem; +} + +.bx--pagination__right .bx--pagination__text { + margin-right: 1rem; + margin-left: 0.0625rem; +} + +.bx--pagination__left { + padding: 0 1rem; +} + +@media (min-width: 42rem) { + .bx--pagination__text { + display: inline-block; + } +} + +span.bx--pagination__text { + margin-left: 1rem; + color: var(--text-02, #c6c6c6); +} + +.bx--pagination__button { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + border: none; + background: none; + cursor: pointer; + height: 100%; + margin: 0; + padding: 0 0.875rem; + border-left: 1px solid var(--ui-03, #393939); + display: flex; + justify-content: center; + align-items: center; + fill: var(--ui-05, #f4f4f4); + transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9); + transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--pagination__button *, +.bx--pagination__button *:before, +.bx--pagination__button *:after { + box-sizing: inherit; +} + +.bx--pagination__button:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--pagination__button:hover { + background: var(--hover-ui, #353535); +} + +.bx--pagination__button--no-index { + fill: var(--disabled-02, #525252); + cursor: not-allowed; +} + +.bx--pagination__button:disabled:hover, +.bx--pagination__button--no-index:hover { + cursor: not-allowed; + fill: var(--disabled-02, #525252); + background: var(--ui-01, #262626); +} + +.bx--pagination--inline { + height: 2.625rem; + margin-top: -0.5rem; + margin-bottom: -0.5rem; + margin-right: -1rem; +} + +.bx--pagination--inline .bx--pagination__button { + height: 2.5rem; + border-left: 1px solid var(--ui-03, #393939); + border-right: 1px solid var(--ui-03, #393939); + margin: 0; +} + +.bx--pagination--inline .bx--pagination__button--forward { + border-right: 0; + padding: 0 1rem; + margin-left: 1rem; +} + +.bx--pagination--inline .bx--pagination__button--backward { + margin: 0 1rem; + padding: 0 1rem; +} + +.bx--pagination.bx--skeleton .bx--skeleton__text { + margin-right: 1rem; + margin-bottom: 0; +} + +.bx--radio-button-group { + display: flex; + align-items: center; + margin-top: 0.375rem; +} + +.bx--label + .bx--form-item .bx--radio-button-group { + margin-top: 0; +} + +.bx--radio-button-group--vertical { + flex-direction: column; + align-items: flex-start; +} + +.bx--radio-button-group--vertical.bx--radio-button-group--label-left { + align-items: flex-end; +} + +.bx--radio-button-group--vertical .bx--radio-button__label { + margin-right: 0; + line-height: 1.25rem; +} + +.bx--radio-button-group--vertical .bx--radio-button__label:not(:last-of-type) { + margin-bottom: 0.5rem; +} + +.bx--radio-button { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + visibility: visible; + white-space: nowrap; + visibility: inherit; +} + +.bx--radio-button__label { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + display: flex; + align-items: center; + cursor: pointer; + margin-right: 1rem; +} + +.bx--radio-button__appearance { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + background-color: transparent; + border-radius: 50%; + border: 1px solid var(--icon-01, #f4f4f4); + flex-shrink: 0; + height: 1.125rem; + width: 1.125rem; + margin-right: 0.5rem; +} + +.bx--radio-button__appearance *, +.bx--radio-button__appearance *:before, +.bx--radio-button__appearance *:after { + box-sizing: inherit; +} + +.bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance { + display: flex; + align-items: center; + justify-content: center; + border-color: var(--icon-01, #f4f4f4); +} + +.bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance:before { + content: \\"\\"; + display: inline-block; + position: relative; + width: 0.5rem; + height: 0.5rem; + border-radius: 50%; + background-color: var(--icon-01, #f4f4f4); +} + +@media screen and (-ms-high-contrast: active) { + .bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance:before { + background-color: windowText; + } +} + +[disabled] ~ _ { + font-size: inherit; +} + +.bx--radio-button:disabled + .bx--radio-button__label { + color: var(--disabled-02, #525252); + cursor: not-allowed; +} + +.bx--radio-button:disabled + .bx--radio-button__label .bx--radio-button__appearance, +.bx--radio-button:disabled:checked + .bx--radio-button__label .bx--radio-button__appearance { + border-color: var(--disabled-02, #525252); +} + +.bx--radio-button:disabled + .bx--radio-button__label .bx--radio-button__appearance::before, +.bx--radio-button:disabled:checked + .bx--radio-button__label .bx--radio-button__appearance::before { + background-color: var(--disabled-02, #525252); +} + +.bx--radio-button:focus + .bx--radio-button__label .bx--radio-button__appearance { + box-shadow: 0 0 0 2px var(--focus, #ffffff); + outline: 1px solid transparent; +} + +.bx--radio-button__label.bx--skeleton { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 6.25rem; + height: 1.125rem; +} + +.bx--radio-button__label.bx--skeleton:hover, .bx--radio-button__label.bx--skeleton:focus, .bx--radio-button__label.bx--skeleton:active { + border: none; + outline: none; + cursor: default; +} + +.bx--radio-button__label.bx--skeleton:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--radio-button__label.bx--skeleton:before { + animation: none; + } +} + +.bx--radio-button__label.bx--skeleton .bx--radio-button__appearance { + display: none; +} + +.bx--radio-button-wrapper .bx--radio-button__label { + display: flex; + align-items: center; + justify-content: center; + margin: 0; +} + +.bx--radio-button-wrapper:not(:last-of-type) { + margin-right: 1rem; +} + +.bx--radio-button-group--vertical .bx--radio-button-wrapper:not(:last-of-type) { + margin-right: 0; + margin-bottom: 0.5rem; +} + +.bx--radio-button-group--label-right .bx--radio-button__label, +.bx--radio-button-wrapper.bx--radio-button-wrapper--label-right .bx--radio-button__label { + flex-direction: row; +} + +.bx--radio-button-group--label-left .bx--radio-button__label, +.bx--radio-button-wrapper.bx--radio-button-wrapper--label-left .bx--radio-button__label { + flex-direction: row-reverse; +} + +.bx--radio-button-group--label-left .bx--radio-button__appearance, +.bx--radio-button-wrapper.bx--radio-button-wrapper--label-left .bx--radio-button__appearance { + margin-right: 0; + margin-left: 0.5rem; +} + +.bx--slider-container { + display: flex; + align-items: center; + user-select: none; +} + +.bx--slider { + position: relative; + width: 100%; + margin: 0 1rem; + max-width: 40rem; + min-width: 12.5rem; +} + +.bx--slider__range-label { + font-family: \\"IBM Plex Mono\\", \\"Menlo\\", \\"DejaVu Sans Mono\\", \\"Bitstream Vera Sans Mono\\", Courier, monospace; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.25rem; + letter-spacing: 0.32px; + color: var(--text-01, #f4f4f4); +} + +.bx--slider__range-label:last-of-type { + margin-right: 1rem; +} + +.bx--slider__track { + position: absolute; + width: 100%; + height: 0.125rem; + background: var(--ui-03, #393939); + cursor: pointer; + transform: translate(0%, -50%); +} + +.bx--slider__track:before { + content: \\"\\"; + position: absolute; + display: inline-block; + height: 0.25rem; + width: 0.125rem; + left: 50%; + transform: translate(-50%, 0); + top: -0.3125rem; + background: var(--ui-03, #393939); +} + +.bx--slider__filled-track { + position: absolute; + width: 100%; + height: 0.125rem; + background: var(--ui-05, #f4f4f4); + transform-origin: left; + pointer-events: none; + transform: translate(0%, -50%); + transition: background 110ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--slider__thumb { + position: absolute; + height: 0.875rem; + width: 0.875rem; + background: var(--ui-05, #f4f4f4); + border-radius: 50%; + box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 2px transparent; + top: 0; + transform: translate(-50%, -50%); + transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9); + cursor: pointer; + outline: none; + z-index: 3; +} + +.bx--slider__thumb:hover { + transform: translate(-50%, -50%) scale(1.42857); +} + +.bx--slider__thumb:focus { + transform: translate(-50%, -50%) scale(1.42857); + box-shadow: inset 0 0 0 2px var(--interactive-04, #4589ff), inset 0 0 0 3px var(--ui-01, #262626); + background-color: var(--interactive-04, #4589ff); +} + +.bx--slider__thumb:active { + transform: translate(-50%, -50%) scale(1.42857); + box-shadow: inset 0 0 0 2px var(--interactive-04, #4589ff); +} + +.bx--slider__input { + display: none; +} + +.bx--slider-text-input, +.bx-slider-text-input { + width: 4rem; + height: 2.5rem; + padding: 0; + text-align: center; + -moz-appearance: textfield; +} + +.bx--slider-text-input::-webkit-outer-spin-button, .bx--slider-text-input::-webkit-inner-spin-button, +.bx-slider-text-input::-webkit-outer-spin-button, +.bx-slider-text-input::-webkit-inner-spin-button { + display: none; +} + +.bx--slider__thumb:focus ~ .bx--slider__filled-track { + background-color: var(--interactive-04, #4589ff); +} + +.bx--label--disabled ~ .bx--slider-container > .bx--slider__range-label { + color: var(--disabled-02, #525252); +} + +.bx--slider--disabled .bx--slider__thumb { + background-color: var(--ui-03, #393939); +} + +.bx--slider--disabled .bx--slider__thumb:hover { + transform: translate(-50%, -50%); + cursor: not-allowed; +} + +.bx--slider--disabled .bx--slider__thumb:focus { + box-shadow: none; + outline: none; + background-color: var(--ui-03, #393939); + transform: translate(-50%, -50%); +} + +.bx--slider--disabled .bx--slider__thumb:active { + background: var(--ui-03, #393939); + transform: translate(-50%, -50%); +} + +.bx--slider--disabled .bx--slider__track, +.bx--slider--disabled .bx--slider__filled-track, +.bx--slider--disabled .bx--slider__thumb:focus ~ .bx--slider__filled-track { + background-color: var(--ui-03, #393939); + cursor: not-allowed; +} + +.bx--slider--disabled ~ .bx--form-item .bx--slider-text-input, +.bx--slider--disabled ~ .bx--slider-text-input { + background-color: var(--disabled-01, #262626); + color: var(--disabled-02, #525252); + transition: none; + cursor: not-allowed; + border: none; +} + +.bx--slider--disabled ~ .bx--form-item .bx--slider-text-input:active, .bx--slider--disabled ~ .bx--form-item .bx--slider-text-input:focus, .bx--slider--disabled ~ .bx--form-item .bx--slider-text-input:hover, +.bx--slider--disabled ~ .bx--slider-text-input:active, +.bx--slider--disabled ~ .bx--slider-text-input:focus, +.bx--slider--disabled ~ .bx--slider-text-input:hover { + outline: none; + color: var(--disabled-02, #525252); +} + +.bx--slider-container.bx--skeleton .bx--slider__range-label { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 1.25rem; + height: 0.75rem; +} + +.bx--slider-container.bx--skeleton .bx--slider__range-label:hover, .bx--slider-container.bx--skeleton .bx--slider__range-label:focus, .bx--slider-container.bx--skeleton .bx--slider__range-label:active { + border: none; + outline: none; + cursor: default; +} + +.bx--slider-container.bx--skeleton .bx--slider__range-label:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--slider-container.bx--skeleton .bx--slider__range-label:before { + animation: none; + } +} + +.bx--slider-container.bx--skeleton .bx--slider__track { + cursor: default; + pointer-events: none; +} + +.bx--slider-container.bx--skeleton .bx--slider__thumb { + left: 50%; + cursor: default; + pointer-events: none; +} + +.bx--tabs { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + color: var(--text-01, #f4f4f4); + height: auto; + width: 100%; + position: relative; +} + +.bx--tabs *, +.bx--tabs *:before, +.bx--tabs *:after { + box-sizing: inherit; +} + +@media (min-width: 42rem) { + .bx--tabs { + background: none; + min-height: 2.5rem; + } +} + +@media (min-width: 42rem) { + .bx--tabs--container { + min-height: 3rem; + } +} + +.bx--tabs-trigger { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 3rem 0 1rem; + height: 2.5rem; + cursor: pointer; + color: var(--text-01, #f4f4f4); + outline: 2px solid transparent; + border-bottom: 1px solid var(--ui-04, #6f6f6f); + background-color: var(--field-01, #262626); +} + +@media (min-width: 42rem) { + .bx--tabs-trigger { + display: none; + } +} + +.bx--tabs-trigger:focus, +.bx--tabs-trigger:active { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--tabs-trigger svg { + position: absolute; + right: 1rem; + fill: var(--ui-05, #f4f4f4); + transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--tabs-trigger--open:focus, +.bx--tabs-trigger--open:active { + outline: 2px solid transparent; + outline-offset: -2px; + transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--tabs-trigger--open { + background: var(--ui-03, #393939); +} + +.bx--tabs-trigger--open svg { + transform: rotate(-180deg); + transition: transform 70ms; + transform-origin: 50% 45%; +} + +.bx--tabs--light.bx--tabs-trigger { + background-color: var(--field-02, #393939); +} + +.bx--tabs-trigger-text { + text-decoration: none; + padding-top: 2px; + color: var(--text-01, #f4f4f4); + font-weight: 400; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.bx--tabs-trigger-text:hover { + color: var(--text-01, #f4f4f4); +} + +.bx--tabs-trigger-text:focus { + outline: none; +} + +.bx--tabs__nav { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + margin: 0; + padding: 0; + position: absolute; + list-style: none; + display: flex; + flex-direction: column; + z-index: 9100; + background: var(--ui-01, #262626); + transition: max-height 70ms cubic-bezier(0.2, 0, 0.38, 0.9); + max-height: 600px; + width: 100%; +} + +@media (min-width: 42rem) { + .bx--tabs__nav { + flex-direction: row; + background: none; + box-shadow: none; + z-index: auto; + transition: inherit; + width: auto; + } +} + +.bx--tabs__nav--hidden { + transition: max-height 70ms cubic-bezier(0.2, 0, 0.38, 0.9); + overflow: hidden; + max-height: 0; +} + +@media (min-width: 42rem) { + .bx--tabs__nav--hidden { + display: flex; + transition: inherit; + overflow: visible; + max-height: none; + } +} + +.bx--tabs__nav-item { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + background-color: var(--ui-01, #262626); + display: flex; + padding: 0; + cursor: pointer; + width: 100%; + height: 2.5rem; + transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--tabs__nav-item *, +.bx--tabs__nav-item *:before, +.bx--tabs__nav-item *:after { + box-sizing: inherit; +} + +@media (min-width: 42rem) { + .bx--tabs__nav-item { + background: transparent; + height: auto; + } + .bx--tabs__nav-item + .bx--tabs__nav-item { + margin-left: 0.125rem; + } +} + +@media (min-width: 42rem) { + .bx--tabs--container .bx--tabs__nav-item { + background-color: var(--ui-03, #393939); + } + .bx--tabs--container .bx--tabs__nav-item + .bx--tabs__nav-item { + margin-left: 0; + box-shadow: -1px 0 0 0 var(--ui-04, #6f6f6f); + } + .bx--tabs--container .bx--tabs__nav-item + .bx--tabs__nav-item.bx--tabs__nav-item--selected, + .bx--tabs--container .bx--tabs__nav-item.bx--tabs__nav-item--selected + .bx--tabs__nav-item { + box-shadow: none; + } +} + +.bx--tabs__nav-item .bx--tabs__nav-link { + transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +@media (min-width: 42rem) { + .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected) { + background: transparent; + } +} + +.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled) { + background-color: var(--hover-ui, #353535); + box-shadow: 0 -1px 0 var(--hover-ui, #353535); +} + +@media (min-width: 42rem) { + .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled) { + background-color: transparent; + } + .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled), + .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled) + .bx--tabs__nav-item { + box-shadow: none; + } +} + +@media (min-width: 42rem) { + .bx--tabs--container .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled) { + background-color: var(--hover-selected-ui, #4c4c4c); + } +} + +.bx--tabs__nav-item--disabled, +.bx--tabs__nav-item--disabled:hover { + cursor: not-allowed; + outline: none; +} + +.bx--tabs__nav-item--disabled .bx--tabs__nav-link { + pointer-events: none; +} + +@media (min-width: 42rem) { + .bx--tabs--container .bx--tabs__nav-item.bx--tabs__nav-item--disabled, + .bx--tabs--container .bx--tabs__nav-item.bx--tabs__nav-item--disabled:hover { + background-color: var(--disabled-02, #525252); + } +} + +@media (min-width: 42rem) { + .bx--tabs--container .bx--tabs__nav-item--disabled .bx--tabs__nav-link { + color: var(--disabled-03, #6f6f6f); + } +} + +.bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) { + border: none; + display: none; + transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +@media (min-width: 42rem) { + .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) { + display: flex; + } + .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link { + color: var(--text-01, #f4f4f4); + font-size: 0.875rem; + font-weight: 600; + line-height: 1.125rem; + letter-spacing: 0.16px; + border-bottom: 3px solid var(--interactive-01, #0f62fe); + } + .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:focus, + .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:active { + color: var(--text-01, #f4f4f4); + border-bottom: 2px solid var(--interactive-01, #0f62fe); + } +} + +@media (min-width: 42rem) { + .bx--tabs--container .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled), + .bx--tabs--container .bx--tabs__nav-item--selected:hover:not(.bx--tabs__nav-item--disabled) { + background-color: var(--ui-01, #262626); + } + .bx--tabs--container .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link, + .bx--tabs--container .bx--tabs__nav-item--selected:hover:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link { + line-height: calc( 3rem - (0.5rem * 2)); + box-shadow: inset 0 2px 0 0 var(--interactive-04, #4589ff); + border-bottom: none; + } + .bx--tabs--container .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:focus, + .bx--tabs--container .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:active, + .bx--tabs--container .bx--tabs__nav-item--selected:hover:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:focus, + .bx--tabs--container .bx--tabs__nav-item--selected:hover:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:active { + box-shadow: none; + } +} + +a.bx--tabs__nav-link { + outline: 2px solid transparent; + outline-offset: -2px; + display: inline-block; + color: var(--text-02, #c6c6c6); + text-decoration: none; + font-weight: 400; + padding: 0.75rem 0; + width: calc(100% - 32px); + height: 2.5rem; + white-space: nowrap; + text-overflow: ellipsis; + margin: 0 1rem; + line-height: 1rem; + border-bottom: 1px solid var(--ui-03, #393939); + overflow: hidden; + transition: border 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active { + width: 100%; + margin: 0; + padding-left: 16px; + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +@media (min-width: 42rem) { + a.bx--tabs__nav-link { + border-bottom: 3px solid var(--ui-03, #393939); + padding: 0.5rem 1rem; + width: 10rem; + margin: 0; + line-height: inherit; + } + a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active { + width: 10rem; + padding: 0.5rem 1rem; + border-bottom: 2px; + } +} + +@media (min-width: 42rem) { + .bx--tabs--container a.bx--tabs__nav-link { + height: 3rem; + line-height: calc( 3rem - (0.5rem * 2)); + border-bottom: none; + } +} + +.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link { + color: var(--text-01, #f4f4f4); +} + +@media (min-width: 42rem) { + .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link { + color: var(--text-01, #f4f4f4); + border-bottom: 3px solid var(--ui-04, #6f6f6f); + } +} + +@media (min-width: 42rem) { + .bx--tabs--container .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link { + border-bottom: none; + } +} + +.bx--tabs__nav-item--disabled .bx--tabs__nav-link { + color: var(--disabled-02, #525252); + border-bottom: 3px solid var(--disabled-01, #262626); +} + +.bx--tabs__nav-item--disabled:hover .bx--tabs__nav-link { + cursor: no-drop; + border-bottom: 3px solid var(--disabled-01, #262626); +} + +.bx--tabs__nav-item--disabled .bx--tabs__nav-link:focus, +.bx--tabs__nav-item--disabled a.bx--tabs__nav-link:active { + outline: none; + border-bottom: 3px solid var(--disabled-01, #262626); +} + +@media (min-width: 42rem) { + .bx--tabs--container .bx--tabs__nav-item--disabled .bx--tabs__nav-link { + border-bottom: none; + } +} + +.bx--tabs__nav-item:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled):not(.bx--tabs__nav-item--selected) .bx--tabs__nav-link:focus, +.bx--tabs__nav-item:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled):not(.bx--tabs__nav-item--selected) a.bx--tabs__nav-link:active { + color: var(--text-02, #c6c6c6); +} + +.bx--tab-content { + padding: 1rem; +} + +.bx--tabs.bx--skeleton { + pointer-events: none; + cursor: default; +} + +.bx--tabs.bx--skeleton .bx--tabs__nav-link { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 4.6875rem; + height: 0.75rem; +} + +.bx--tabs.bx--skeleton .bx--tabs__nav-link:hover, .bx--tabs.bx--skeleton .bx--tabs__nav-link:focus, .bx--tabs.bx--skeleton .bx--tabs__nav-link:active { + border: none; + outline: none; + cursor: default; +} + +.bx--tabs.bx--skeleton .bx--tabs__nav-link:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--tabs.bx--skeleton .bx--tabs__nav-link:before { + animation: none; + } +} + +.bx--tabs.bx--skeleton .bx--tabs-trigger { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + width: 6.25rem; +} + +.bx--tabs.bx--skeleton .bx--tabs-trigger:hover, .bx--tabs.bx--skeleton .bx--tabs-trigger:focus, .bx--tabs.bx--skeleton .bx--tabs-trigger:active { + border: none; + outline: none; + cursor: default; +} + +.bx--tabs.bx--skeleton .bx--tabs-trigger:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + .bx--tabs.bx--skeleton .bx--tabs-trigger:before { + animation: none; + } +} + +.bx--tabs.bx--skeleton .bx--tabs-trigger svg { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + visibility: visible; + white-space: nowrap; +} + +.bx--text-area { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.25rem; + letter-spacing: 0.16px; + outline: 2px solid transparent; + outline-offset: -2px; + background-color: var(--field-01, #262626); + width: 100%; + min-width: 10rem; + min-height: 2.5rem; + padding: 0.6875rem 1rem; + color: var(--text-01, #f4f4f4); + order: 3; + resize: vertical; + border: none; + border-bottom: 1px solid var(--ui-04, #6f6f6f); + transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--text-area *, +.bx--text-area *:before, +.bx--text-area *:after { + box-sizing: inherit; +} + +.bx--text-area ~ .bx--form__helper-text { + margin-top: 0; + order: 2; +} + +.bx--text-area ~ .bx--form-requirement { + order: 4; + color: var(--text-error, #ff8389); + font-weight: 400; + margin-top: 0.25rem; +} + +.bx--text-area ~ .bx--form-requirement::before { + display: none; +} + +.bx--text-area:focus, +.bx--text-area:active { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--text-area::placeholder { + color: var(--text-03, #6f6f6f); + font-size: 0.875rem; + font-weight: 400; + line-height: 1.25rem; + letter-spacing: 0.16px; + opacity: 1; +} + +.bx--text-area--light { + background-color: var(--field-02, #393939); +} + +.bx--text-area--invalid { + padding-right: 2.5rem; +} + +.bx--text-area__wrapper { + position: relative; + display: flex; + width: 100%; +} + +.bx--text-area__invalid-icon { + position: absolute; + right: 1rem; + top: 0.75rem; + fill: var(--support-01, #fa4d56); +} + +.bx--text-area:disabled { + cursor: not-allowed; + outline: none; + background-color: var(--disabled-01, #262626); + border-bottom: 1px solid transparent; +} + +.bx--text-area:disabled::placeholder { + color: var(--disabled-02, #525252); +} + +.bx--text-area.bx--text-area--light:disabled { + background-color: var(--field-02, #393939); +} + +bx--text-area.bx--skeleton { + position: relative; + border: none; + padding: 0; + box-shadow: none; + pointer-events: none; + background: var(--skeleton-01, #353535); + height: 6.25rem; +} + +bx--text-area.bx--skeleton:hover, bx--text-area.bx--skeleton:focus, bx--text-area.bx--skeleton:active { + border: none; + outline: none; + cursor: default; +} + +bx--text-area.bx--skeleton:before { + content: \\"\\"; + width: 0%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: var(--skeleton-02, #393939); + animation: 3000ms ease-in-out skeleton infinite; +} + +@media (prefers-reduced-motion: reduce) { + bx--text-area.bx--skeleton:before { + animation: none; + } +} + +bx--text-area.bx--skeleton::placeholder { + color: transparent; +} + +.bx--tile { + display: block; + min-width: 8rem; + min-height: 4rem; + background-color: var(--ui-01, #262626); + position: relative; + padding: 1rem; + outline: 2px solid transparent; + outline-offset: -2px; +} + +.bx--tile:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--tile--light { + background-color: var(--ui-02, #393939); +} + +.bx--tile--clickable, +.bx--tile--selectable, +.bx--tile--expandable { + transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9); + cursor: pointer; +} + +.bx--tile--clickable:hover, +.bx--tile--selectable:hover, +.bx--tile--expandable:hover { + background: var(--hover-ui, #353535); +} + +.bx--tile--clickable:hover .bx--tile__checkmark, .bx--tile--clickable:focus .bx--tile__checkmark, +.bx--tile--selectable:hover .bx--tile__checkmark, +.bx--tile--selectable:focus .bx--tile__checkmark, +.bx--tile--expandable:hover .bx--tile__checkmark, +.bx--tile--expandable:focus .bx--tile__checkmark { + opacity: 1; +} + +.bx--tile--clickable:focus, +.bx--tile--expandable:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--tile--selectable { + padding-right: 3rem; +} + +.bx--tile__checkmark, +.bx--tile__chevron { + position: absolute; + transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9); + border: none; + background: transparent; +} + +.bx--tile__checkmark { + height: 1rem; + top: 1rem; + right: 1rem; + opacity: 0; +} + +.bx--tile__checkmark svg { + border-radius: 50%; + fill: var(--icon-02, #c6c6c6); +} + +.bx--tile__checkmark:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--tile__chevron { + position: absolute; + bottom: 0.5rem; + right: 0.5rem; + height: 1rem; +} + +.bx--tile__chevron svg { + transform-origin: center; + transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9); + fill: var(--ui-05, #f4f4f4); +} + +.bx--tile__chevron:hover { + cursor: pointer; +} + +.bx--tile__chevron:focus { + outline: none; +} + +.bx--tile--expandable { + overflow: hidden; + transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--tile-content__above-the-fold { + display: block; +} + +.bx--tile-content__below-the-fold { + display: block; + visibility: hidden; + opacity: 0; + transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--tile--is-expanded { + overflow: visible; + transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--tile--is-expanded .bx--tile__chevron svg { + transform: rotate(-180deg); +} + +.bx--tile--is-expanded .bx--tile-content__below-the-fold { + visibility: visible; + opacity: 1; + transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--tile--is-selected { + outline: 1px solid var(--interactive-02, #6f6f6f); + outline-offset: -1px; +} + +.bx--tile--is-selected .bx--tile__checkmark { + opacity: 1; +} + +.bx--tile-input:checked + .bx--tile > .bx--tile__checkmark svg { + fill: var(--ui-05, #f4f4f4); +} + +.bx--tile-content { + width: 100%; + height: 100%; +} + +.bx--tile-input { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + visibility: visible; + white-space: nowrap; +} + +.bx--tile-group { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; +} + +.bx--tile-group *, +.bx--tile-group *:before, +.bx--tile-group *:after { + box-sizing: inherit; +} + +.bx--time-picker { + display: flex; + align-items: flex-end; +} + +.bx--time-picker[data-invalid] .bx--time-picker__input-field { + outline: 2px solid var(--support-01, #fa4d56); + outline-offset: -2px; +} + +.bx--time-picker__select { + justify-content: center; +} + +.bx--time-picker__select:not(:last-of-type) { + margin: 0 0.125rem; +} + +.bx--time-picker__input { + display: flex; + flex-direction: column; +} + +.bx--time-picker .bx--select-input { + min-width: auto; + width: auto; + padding-right: 3rem; + line-height: 1; +} + +.bx--time-picker__input-field { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + outline: 2px solid transparent; + outline-offset: -2px; + font-family: \\"IBM Plex Mono\\", \\"Menlo\\", \\"DejaVu Sans Mono\\", \\"Bitstream Vera Sans Mono\\", Courier, monospace; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.25rem; + letter-spacing: 0.32px; + display: flex; + align-items: center; + width: 4.875rem; + height: 2.5rem; + transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--time-picker__input-field *, +.bx--time-picker__input-field *:before, +.bx--time-picker__input-field *:after { + box-sizing: inherit; +} + +.bx--time-picker__input-field::placeholder { + color: var(--text-05, #8d8d8d); +} + +.bx--toggle { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + visibility: visible; + white-space: nowrap; +} + +.bx--toggle:focus { + outline: none; +} + +.bx--toggle__label { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + position: relative; + display: flex; + align-items: center; + cursor: pointer; + margin: 0.5rem 0; +} + +.bx--toggle__appearance { + position: relative; + width: 3rem; + height: 1.5rem; +} + +.bx--toggle__appearance:before { + position: absolute; + display: block; + content: \\"\\"; + background-color: var(--ui-04, #6f6f6f); + cursor: pointer; + box-sizing: border-box; + height: 1.5rem; + width: 3rem; + border-radius: 0.9375rem; + top: 0; + will-change: box-shadow; + box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent; + transition: box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9), background-color 70ms cubic-bezier(0.2, 0, 1, 0.9); +} + +.bx--toggle__appearance:after { + box-sizing: border-box; + position: absolute; + display: block; + cursor: pointer; + left: 0.1875rem; + top: 0.1875rem; + width: 1.125rem; + height: 1.125rem; + background-color: var(--icon-03, #ffffff); + border-radius: 50%; + content: \\"\\"; + transition: transform 70ms cubic-bezier(0.2, 0, 1, 0.9); +} + +.bx--toggle__check { + fill: var(--icon-03, #ffffff); + position: absolute; + left: 0.375rem; + top: 0.375rem; + width: 0.375rem; + height: 0.3125rem; + z-index: 1; + transition: 70ms cubic-bezier(0.2, 0, 1, 0.9); + transform: scale(0.2); +} + +.bx--toggle__text--left, +.bx--toggle__text--right { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + position: relative; + margin-left: 0.5rem; +} + +.bx--toggle__text--left { + position: absolute; + left: 3rem; +} + +.bx--toggle:checked + .bx--toggle__label .bx--toggle__text--left, +.bx--toggle:not(:checked) + .bx--toggle__label .bx--toggle__text--right { + visibility: hidden; +} + +.bx--toggle:checked + .bx--toggle__label .bx--toggle__text--right, +.bx--toggle:not(:checked) + .bx--toggle__label .bx--toggle__text--left { + display: inline; +} + +.bx--toggle:checked + .bx--toggle__label .bx--toggle__appearance:before { + background-color: var(--support-02, #42be65); +} + +.bx--toggle:checked + .bx--toggle__label .bx--toggle__appearance:after { + background-color: var(--icon-03, #ffffff); + transform: translateX(1.5rem); +} + +.bx--toggle + .bx--toggle__label .bx--toggle__appearance:before, +.bx--toggle + .bx--toggle__label .bx--toggle__appearance:before { + box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent; +} + +.bx--toggle:focus + .bx--toggle__label .bx--toggle__appearance:before, +.bx--toggle:active + .bx--toggle__label .bx--toggle__appearance:before { + box-shadow: 0 0 0 1px var(--ui-02, #393939), 0 0 0 3px var(--focus, #ffffff); +} + +.bx--toggle:disabled + .bx--toggle__label { + cursor: not-allowed; +} + +.bx--toggle:disabled + .bx--toggle__label .bx--toggle__appearance:before { + background-color: var(--disabled-01, #262626); +} + +.bx--toggle:disabled + .bx--toggle__label .bx--toggle__appearance:after { + background-color: var(--disabled-02, #525252); +} + +.bx--toggle:disabled + .bx--toggle__label .bx--toggle__appearance:before, .bx--toggle:disabled + .bx--toggle__label .bx--toggle__appearance:after { + cursor: not-allowed; + transition: 70ms cubic-bezier(0.2, 0, 1, 0.9); +} + +.bx--toggle:disabled + .bx--toggle__label .bx--toggle__text--left, +.bx--toggle:disabled + .bx--toggle__label .bx--toggle__text--right { + color: var(--disabled-02, #525252); +} + +.bx--toggle:disabled:active + .bx--toggle__label .bx--toggle__appearance:before { + box-shadow: none; +} + +.bx--toggle:disabled + .bx--toggle__label .bx--toggle__check { + fill: var(--disabled-02, #525252); +} + +.bx--toggle--small + .bx--toggle__label .bx--toggle__appearance { + width: 2rem; + height: 1rem; +} + +.bx--toggle--small + .bx--toggle__label .bx--toggle__appearance:before { + box-sizing: border-box; + height: 1rem; + width: 2rem; + border-radius: 0.9375rem; + top: 0; +} + +.bx--toggle--small + .bx--toggle__label .bx--toggle__appearance:after { + width: 0.625rem; + height: 0.625rem; + top: 0.1875rem; + left: 0.1875rem; +} + +.bx--toggle--small:checked + .bx--toggle__label .bx--toggle__check { + fill: var(--support-02, #42be65); + transform: scale(1) translateX(1rem); +} + +.bx--toggle--small + .bx--toggle__label .bx--toggle__text--left { + left: 2rem; +} + +.bx--toggle--small:checked + .bx--toggle__label .bx--toggle__appearance:after { + margin-left: 0px; + transform: translateX(1.0625rem); +} + +.bx--toggle-input { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + visibility: visible; + white-space: nowrap; +} + +.bx--toggle-input:focus { + outline: none; +} + +.bx--toggle-input__label { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; + color: var(--text-02, #c6c6c6); + display: flex; + flex-direction: column; + align-items: flex-start; + cursor: pointer; +} + +.bx--toggle__switch { + position: relative; + display: flex; + align-items: center; + width: 3rem; + height: 1.5rem; + margin: 0.5rem 0; + cursor: pointer; +} + +.bx--toggle__switch::before { + box-sizing: border-box; + position: absolute; + top: 0; + display: block; + width: 3rem; + height: 1.5rem; + border-radius: 0.9375rem; + content: \\"\\"; + background-color: var(--ui-04, #6f6f6f); + will-change: box-shadow; + box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent; + transition: box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9), background-color 70ms cubic-bezier(0.2, 0, 1, 0.9); +} + +.bx--toggle__switch::after { + box-sizing: border-box; + position: absolute; + top: 0.1875rem; + left: 0.1875rem; + display: block; + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background-color: var(--icon-03, #ffffff); + content: \\"\\"; + transition: transform 70ms cubic-bezier(0.2, 0, 1, 0.9); +} + +.bx--toggle__text--off, +.bx--toggle__text--on { + position: absolute; + margin-left: 3.5rem; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + user-select: none; + white-space: nowrap; + top: 50%; + transform: translateY(-50%); +} + +.bx--toggle-input:checked + .bx--toggle-input__label > .bx--toggle__switch > .bx--toggle__text--off, +.bx--toggle-input:not(:checked) + .bx--toggle-input__label > .bx--toggle__switch > .bx--toggle__text--on { + visibility: hidden; +} + +.bx--toggle-input:checked + .bx--toggle-input__label > .bx--toggle__switch::before { + background-color: var(--support-02, #42be65); +} + +.bx--toggle-input:checked + .bx--toggle-input__label > .bx--toggle__switch::after { + background-color: var(--icon-03, #ffffff); + transform: translateX(1.5rem); +} + +.bx--toggle-input:focus + .bx--toggle-input__label > .bx--toggle__switch::before, +.bx--toggle-input:active + .bx--toggle-input__label > .bx--toggle__switch::before { + box-shadow: 0 0 0 1px var(--ui-02, #393939), 0 0 0 3px var(--focus, #ffffff); +} + +.bx--toggle-input:disabled + .bx--toggle-input__label { + cursor: not-allowed; +} + +.bx--toggle-input:disabled + .bx--toggle-input__label > .bx--toggle__switch { + cursor: not-allowed; +} + +.bx--toggle-input:disabled + .bx--toggle-input__label > .bx--toggle__switch::before { + background-color: var(--disabled-01, #262626); +} + +.bx--toggle-input:disabled + .bx--toggle-input__label > .bx--toggle__switch::after { + background-color: var(--disabled-02, #525252); +} + +.bx--toggle-input:disabled + .bx--toggle-input__label > .bx--toggle__switch::before, .bx--toggle-input:disabled + .bx--toggle-input__label > .bx--toggle__switch::after { + cursor: not-allowed; + transition: 70ms cubic-bezier(0.2, 0, 1, 0.9); +} + +.bx--toggle-input:disabled + .bx--toggle-input__label { + color: var(--disabled-02, #525252); +} + +.bx--toggle-input:disabled:active + .bx--toggle-input__label > .bx--toggle__switch::before { + box-shadow: none; +} + +.bx--toggle-input--small + .bx--toggle-input__label > .bx--toggle__switch { + width: 2rem; + height: 1rem; +} + +.bx--toggle-input--small + .bx--toggle-input__label > .bx--toggle__switch::before { + width: 2rem; + height: 1rem; + border-radius: 0.9375rem; +} + +.bx--toggle-input--small + .bx--toggle-input__label > .bx--toggle__switch::after { + width: 0.625rem; + height: 0.625rem; +} + +.bx--toggle-input--small + .bx--toggle-input__label .bx--toggle__text--off, +.bx--toggle-input--small + .bx--toggle-input__label .bx--toggle__text--on { + margin-left: 2.5rem; +} + +.bx--toggle-input--small:checked + .bx--toggle-input__label > .bx--toggle__switch::after { + transform: translateX(1.0625rem); +} + +.bx--toggle-input--small:checked + .bx--toggle-input__label .bx--toggle__check { + fill: var(--support-02, #42be65); + transform: scale(1) translateX(1rem); +} + +.bx--toggle-input--small:disabled:checked + .bx--toggle-input__label .bx--toggle__check { + fill: var(--disabled-02, #525252); +} + +.bx--toggle__label.bx--skeleton { + flex-direction: column; + align-items: flex-start; +} + +.bx--toggle__label.bx--skeleton .bx--toggle__label-text { + margin-bottom: 0.5rem; +} + +.bx--header { + display: flex; + align-items: center; + position: fixed; + top: 0; + left: 0; + right: 0; + height: 3rem; + background-color: #161616; + border-bottom: 1px solid #393939; + z-index: 6000; +} + +.bx--header__action { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + width: 100%; + width: 3rem; + height: 3rem; + border: 0.125rem solid transparent; + transition: background-color 110ms, border-color 110ms; +} + +.bx--header__action *, +.bx--header__action *:before, +.bx--header__action *:after { + box-sizing: inherit; +} + +.bx--header__action::-moz-focus-inner { + border: 0; +} + +.bx--header__action > svg.bx--navigation-menu-panel-collapse-icon, +.bx--header__action--active > svg.bx--navigation-menu-panel-expand-icon { + display: none; +} + +.bx--header__action--active > svg.bx--navigation-menu-panel-collapse-icon { + display: inline; +} + +.bx--header__action > svg.bx--navigation-menu-panel-collapse-icon, +.bx--header__action--active > svg.bx--navigation-menu-panel-expand-icon { + display: none; +} + +.bx--header__action--active > svg.bx--navigation-menu-panel-collapse-icon { + display: inline; +} + +.bx--header__action:hover { + background-color: #353535; +} + +.bx--header__action--active { + border-left: 1px solid #393939; + border-right: 1px solid #393939; + border-bottom: 1px solid #161616; +} + +.bx--header__action:focus { + border-color: #ffffff; + outline: none; +} + +.bx--header__action:active { + background-color: #393939; +} + +.bx--header__action > svg { + fill: #ffffff; +} + +.bx--header__menu-trigger { + margin-right: -0.5rem; +} + +.bx--header__menu-trigger > svg { + fill: #f4f4f4; +} + +.bx--header__menu-trigger:hover { + fill: #2c2c2c; +} + +.bx--header__menu-toggle { + display: block; +} + +@media (min-width: 66rem) { + .bx--header__menu-toggle__hidden { + display: none; + } +} + +a.bx--header__name { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + display: flex; + align-items: center; + height: 100%; + padding: 0 2rem 0 1rem; + text-decoration: none; + font-weight: 600; + letter-spacing: 0.1px; + line-height: 20px; + user-select: none; + border: 0.125rem solid transparent; + transition: border-color 110ms; + outline: none; +} + +a.bx--header__name:focus { + border-color: #ffffff; +} + +.bx--header__name--prefix { + font-weight: 400; +} + +a.bx--header__name, +a.bx--header__name:hover { + color: #f4f4f4; +} + +.bx--header__nav { + height: 100%; + padding-left: 1rem; + position: relative; + display: none; +} + +@media (min-width: 66rem) { + .bx--header__nav { + display: block; + } +} + +.bx--header__nav::before { + content: \\"\\"; + display: block; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + height: 1.5rem; + width: 0.0625rem; + background-color: #393939; +} + +.bx--header__menu-bar { + display: flex; + height: 100%; + list-style: none; + padding: 0; + margin: 0; +} + +a.bx--header__menu-item { + display: flex; + align-items: center; + color: #c6c6c6; + padding: 0 1rem; + height: 100%; + font-size: 0.875rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.125rem; + text-decoration: none; + user-select: none; + border: 2px solid transparent; + transition: background-color 110ms, border-color 110ms, color 110ms; +} + +a.bx--header__menu-item:hover { + background-color: #2c2c2c; + color: #f4f4f4; +} + +.bx--header__action:active, +a.bx--header__menu-item:active { + background-color: #393939; + color: #f4f4f4; +} + +a.bx--header__menu-item:focus { + border-color: #ffffff; + color: #f4f4f4; + outline: none; +} + +a.bx--header__menu-item:hover > svg, +a.bx--header__menu-item:active > svg, +a.bx--header__menu-item:focus > svg { + fill: #f4f4f4; +} + +.bx--header__submenu { + position: relative; +} + +.bx--header__menu-title[aria-haspopup=\\"true\\"] { + position: relative; +} + +.bx--header__menu-title[aria-expanded=\\"true\\"] { + background-color: #262626; + color: #ffffff; + z-index: 6001; +} + +.bx--header__menu-title[aria-expanded=\\"true\\"] > .bx--header__menu-arrow { + transform: rotate(180deg); +} + +.bx--header__menu { + display: none; + list-style: none; + padding: 0; + margin: 0; +} + +.bx--header__menu-title[aria-expanded=\\"true\\"] + .bx--header__menu { + position: absolute; + bottom: 0; + left: 0; + display: flex; + width: 12.5rem; + flex-direction: column; + transform: translateY(100%); + background-color: #262626; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5); + z-index: 6000; +} + +.bx--header__menu-title[aria-expanded=\\"true\\"] + .bx--header__menu .bx--header__menu-item:hover { + background-color: #353535; +} + +.bx--header__menu-title[aria-expanded=\\"true\\"] + .bx--header__menu .bx--header__menu-item:active { + background-color: #393939; +} + +.bx--header__menu .bx--header__menu-item { + height: 3rem; +} + +.bx--header__menu .bx--header__menu-item:hover { + background-color: #262626; + color: #f4f4f4; +} + +.bx--header__menu-arrow { + fill: #c6c6c6; + margin-left: 0.5rem; + transition: transform 110ms, fill 110ms; +} + +.bx--header__global { + display: flex; + justify-content: flex-end; + flex: 1 1 0%; + height: 100%; +} + +.bx--skip-to-content { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + visibility: visible; + white-space: nowrap; +} + +.bx--skip-to-content:focus { + display: flex; + align-items: center; + top: 0; + left: 0; + width: auto; + height: 3rem; + clip: auto; + border: 4px solid #0f62fe; + z-index: 9999; + background-color: #161616; + color: #f4f4f4; + outline: none; + padding: 0 1rem; +} + +.bx--header-panel { + transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9); + position: fixed; + top: 3rem; + bottom: 0; + right: 0; + width: 0; + background-color: #161616; + border: none; + will-change: width; + transition: width 0.11s; + overflow: hidden; + z-index: 6000; + color: #c6c6c6; +} + +.bx--header-panel--expanded { + width: 16rem; + border-left: 1px solid #393939; + border-right: 1px solid #393939; +} + +.bx--panel--overlay { + position: fixed; + top: 3rem; + right: 0; + bottom: 0; + width: 16rem; + will-change: transform; + transform: translate3d(100%, 0, 0); + padding: 1rem 0; + overflow-y: auto; + z-index: 1000; + background-color: #161616; + height: 100%; + overflow-x: hidden; + transition: transform 0.11s cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.bx--panel--expanded { + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + transform: translate3d(0, 0, 0); +} + +.bx--product-switcher__search { + padding: 0 1rem; + margin-bottom: 1.5rem; +} + +.bx--search--shell input { + background-color: #e0e0e0; +} + +.bx--product-switcher__subheader, +.bx--product-switcher__all-btn { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + padding: 0.5rem; + color: #c6c6c6; +} + +.bx--product-switcher__subheader { + padding-left: 3.5rem; +} + +.bx--product-switcher__all-btn { + padding-left: 3.5rem; +} + +.bx--product-switcher__all-btn, +.bx--product-switcher__back-btn { + display: inline-block; + background: transparent; + width: 100%; + border: none; + color: #0f62fe; + cursor: pointer; + text-align: left; +} + +.bx--product-switcher__all-btn:hover, +.bx--product-switcher__back-btn:hover { + text-decoration: underline; +} + +.bx--product-switcher__all-btn:focus, +.bx--product-switcher__back-btn:focus { + outline: none; + box-shadow: inset 0 0 0 3px #0f62fe; +} + +.bx--product-switcher__back-btn { + display: flex; + align-items: center; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + padding: 0.5rem 1rem; +} + +.bx--product-switcher__back-arrow { + fill: #0f62fe; + margin-right: 1rem; +} + +.bx--product-list__item { + cursor: pointer; + display: flex; + justify-content: space-between; + align-items: center; +} + +.bx--product-list__item:hover { + background: #e0e0e0; +} + +.bx--product-link { + display: flex; + flex-direction: row; + align-items: center; + width: 100%; + padding: 0.5rem 1rem; + text-decoration: none; +} + +.bx--product-link:focus { + outline: none; + box-shadow: inset 0 0 0 3px #0f62fe; +} + +.bx--product-switcher__icon { + margin-right: 1rem; +} + +.bx--product-link__name { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + margin-left: 0.25rem; + font-weight: 400; + color: #c6c6c6; +} + +.bx--product-switcher__product-list .bx--overflow-menu { + display: none; + justify-content: center; + align-items: center; + width: 2.5rem; +} + +.bx--product-switcher__product-list .bx--overflow-menu.bx--overflow-menu--open { + display: flex; +} + +.bx--product-switcher__product-list .bx--overflow-menu > svg { + fill: #c6c6c6; +} + +.bx--product-switcher__product-list .bx--overflow-menu:hover { + background: #c6c6c6; +} + +.bx--product-switcher__product-list .bx--overflow-menu:hover > svg { + fill: #c6c6c6; +} + +.bx--product-switcher__product-list .bx--overflow-menu:focus { + display: flex; + outline: none; + box-shadow: inset 0 0 0 3px #0f62fe; +} + +.bx--product-switcher__product-list .bx--overflow-menu-options__option:hover { + background: #ffffff; +} + +.bx--product-list__item:hover .bx--overflow-menu { + display: flex; +} + +.bx--switcher { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + color: #c6c6c6; +} + +.bx--switcher__item { + width: 100%; + height: 2rem; +} + +.bx--switcher__item:nth-child(1) { + margin-top: 1rem; +} + +.bx--switcher__item--divider { + display: block; + width: 14rem; + height: 1px; + margin: 0.5rem 1rem; + background: #393939; + border: none; +} + +.bx--switcher__item-link { + font-size: 0.875rem; + font-weight: 600; + line-height: 1.125rem; + letter-spacing: 0.16px; + display: block; + height: 2rem; + text-decoration: none; + padding: 0.375rem 1rem; + color: #c6c6c6; +} + +.bx--switcher__item-link:hover:not(.bx--switcher__item-link--selected) { + background: #2c2c2c; + color: #f4f4f4; + cursor: pointer; +} + +.bx--switcher__item-link:focus { + outline: 2px solid #ffffff; + outline-offset: -2px; +} + +.bx--switcher__item-link:active { + background: #393939; + color: #f4f4f4; +} + +.bx--switcher__item-link--selected { + background: #262626; + color: #f4f4f4; +} + +.bx--side-nav { + position: fixed; + top: 0; + bottom: 0; + left: 0; + width: 3rem; + max-width: 16rem; + color: #525252; + background-color: #ffffff; + will-change: width; + transition: width 0.11s cubic-bezier(0.2, 0, 1, 0.9); + overflow: hidden; + z-index: 6000; +} + +.bx--side-nav--ux { + top: 3rem; + width: 16rem; +} + +@media (max-width: 66rem) { + .bx--side-nav--ux { + width: 0; + } +} + +.bx--side-nav--rail { + width: 3rem; +} + +.bx--side-nav--hidden { + width: 0; +} + +.bx--side-nav:not(.bx--side-nav--fixed):hover, +.bx--side-nav--expanded { + width: 16rem; +} + +.bx--side-nav__overlay { + position: absolute; + top: 3rem; + height: 0; + width: 0; + background-color: transparent; + opacity: 0; + transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +@media (max-width: 66rem) { + .bx--side-nav__overlay-active { + height: 100vh; + width: 100%; + background-color: var(--overlay-01, rgba(22, 22, 22, 0.7)); + opacity: 1; + transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9); + } +} + +.bx--header ~ .bx--side-nav { + top: 3rem; + height: calc(100% - 48px); +} + +.bx--side-nav--fixed { + width: 16rem; +} + +.bx--side-nav--collapsed { + width: 16rem; + transform: translateX(-16rem); +} + +.bx--side-nav__navigation { + display: flex; + flex-direction: column; + height: 100%; +} + +.bx--side-nav__header { + display: flex; + border-bottom: 1px solid #393939; + width: 100%; + height: 3rem; + max-width: 100%; +} + +.bx--side-nav:hover .bx--side-nav__header, +.bx--side-nav--fixed .bx--side-nav__header, +.bx--side-nav--expanded .bx--side-nav__header { + height: auto; +} + +.bx--side-nav--ux .bx--side-nav__header { + height: auto; +} + +.bx--side-nav__details { + display: flex; + flex-direction: column; + padding-right: 1rem; + flex: 1; + min-width: 0; + opacity: 0; + visibility: hidden; +} + +.bx--side-nav:hover .bx--side-nav__details, +.bx--side-nav--fixed .bx--side-nav__details, +.bx--side-nav--expanded .bx--side-nav__details { + visibility: visible; + opacity: 1; +} + +.bx--side-nav--ux .bx--side-nav__details { + opacity: 1; + visibility: inherit; +} + +.bx--side-nav__title { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-size: 0.875rem; + font-weight: 600; + letter-spacing: 0.1px; + margin-top: 1rem; + user-select: none; +} + +.bx--side-nav__title, +.bx--side-nav__select { + padding-left: 0.5rem; +} + +.bx--side-nav__switcher { + position: relative; + display: flex; + align-items: center; + justify-content: space-between; +} + +.bx--side-nav__switcher-chevron { + display: flex; + align-items: center; + position: absolute; + top: 0; + right: 0.5rem; + bottom: 0; + fill: #525252; +} + +.bx--side-nav__select { + outline: 2px solid transparent; + outline-offset: -2px; + appearance: none; + flex: 1 1 0%; + background-color: #161616; + color: #f4f4f4; + height: 100%; + border: none; + border-radius: 0; + cursor: pointer; + font-size: 0.75rem; + height: 2rem; + min-width: 0; + padding-right: 2rem; + transition: outline 110ms; +} + +.bx--side-nav__select:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--side-nav__footer { + flex: 0 0 3rem; + width: 100%; + background-color: #ffffff; +} + +.bx--side-nav__toggle { + outline: 2px solid transparent; + outline-offset: -2px; + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + width: 100%; + height: 100%; + text-align: left; + transition: outline 110ms; +} + +.bx--side-nav__toggle *, +.bx--side-nav__toggle *:before, +.bx--side-nav__toggle *:after { + box-sizing: inherit; +} + +.bx--side-nav__toggle::-moz-focus-inner { + border: 0; +} + +.bx--side-nav__toggle:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--side-nav__toggle { + padding-left: 1rem; +} + +.bx--side-nav__items { + flex: 1 1 0%; + overflow: hidden; + padding: 1rem 0 0; +} + +.bx--side-nav:hover .bx--side-nav__items, +.bx--side-nav--fixed .bx--side-nav__items, +.bx--side-nav--expanded .bx--side-nav__items { + overflow-y: auto; +} + +.bx--side-nav--ux .bx--side-nav__items { + overflow-y: auto; +} + +.bx--side-nav__item { + width: 3rem; + height: 3rem; + overflow: hidden; +} + +.bx--side-nav:hover .bx--side-nav__item, +.bx--side-nav--fixed .bx--side-nav__item, +.bx--side-nav--expanded .bx--side-nav__item { + width: auto; + height: auto; +} + +.bx--side-nav--ux .bx--side-nav__item { + width: auto; + height: auto; +} + +.bx--side-nav__item:not(.bx--side-nav__item--active):hover .bx--side-nav__item:not(.bx--side-nav__item--active) > .bx--side-nav__submenu:hover, +.bx--side-nav__item:not(.bx--side-nav__item--active) > .bx--side-nav__link:hover, +.bx--side-nav__menu a.bx--side-nav__link:not(.bx--side-nav__link--current):not([aria-current=\\"page\\"]):hover, +.bx--side-nav a.bx--header__menu-item:hover, +.bx--side-nav .bx--header__menu-title[aria-expanded=\\"true\\"]:hover { + background-color: #e5e5e5; + color: #161616; +} + +.bx--side-nav__item:not(.bx--side-nav__item--active) > .bx--side-nav__link:hover > span, +.bx--side-nav__item:not(.bx--side-nav__item--active) .bx--side-nav__menu-item > .bx--side-nav__link:hover > span { + color: #161616; +} + +.bx--side-nav__item--large { + height: 3rem; +} + +.bx--side-nav__submenu[aria-haspopup=\\"true\\"] { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + width: 100%; + font-size: 0.875rem; + font-weight: 600; + line-height: 1.125rem; + letter-spacing: 0.16px; + outline: 2px solid transparent; + outline-offset: -2px; + padding: 0 1rem; + display: flex; + align-items: center; + color: #525252; + height: 2rem; + user-select: none; + transition: color 110ms, background-color 110ms, outline 110ms; +} + +.bx--side-nav__submenu[aria-haspopup=\\"true\\"] *, +.bx--side-nav__submenu[aria-haspopup=\\"true\\"] *:before, +.bx--side-nav__submenu[aria-haspopup=\\"true\\"] *:after { + box-sizing: inherit; +} + +.bx--side-nav__submenu[aria-haspopup=\\"true\\"]::-moz-focus-inner { + border: 0; +} + +.bx--side-nav__submenu:hover { + background-color: #e5e5e5; + color: #161616; +} + +.bx--side-nav__submenu:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +.bx--side-nav__submenu-title { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + text-align: left; +} + +.bx--side-nav__icon.bx--side-nav__submenu-chevron { + flex: 1; + display: flex; + justify-content: flex-end; +} + +.bx--side-nav__submenu-chevron > svg { + transition: transform 110ms; + height: 1rem; + width: 1rem; +} + +.bx--side-nav__submenu[aria-expanded=\\"true\\"] .bx--side-nav__submenu-chevron > svg { + transform: rotate(180deg); +} + +.bx--side-nav__item--large .bx--side-nav__submenu { + height: 3rem; +} + +.bx--side-nav__item--active .bx--side-nav__submenu:hover { + background-color: #e5e5e5; + color: #161616; +} + +.bx--side-nav__item--active .bx--side-nav__submenu[aria-expanded=\\"false\\"] { + background-color: #e5e5e5; + color: #161616; + position: relative; +} + +.bx--side-nav__item--active .bx--side-nav__submenu[aria-expanded=\\"false\\"]::before { + content: \\"\\"; + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 4px; + background-color: #0f62fe; +} + +.bx--side-nav__item--active .bx--side-nav__submenu-title { + font-weight: 600; + color: #161616; +} + +.bx--side-nav__menu { + display: block; + visibility: hidden; + max-height: 0; +} + +.bx--side-nav__submenu[aria-expanded=\\"true\\"] + .bx--side-nav__menu { + max-height: 93.75rem; + visibility: inherit; +} + +.bx--side-nav__menu a.bx--side-nav__link { + height: 2rem; + min-height: 2rem; + padding-left: 2rem; + font-weight: 400; +} + +.bx--side-nav__item.bx--side-nav__item--icon a.bx--side-nav__link { + padding-left: 4.5rem; +} + +.bx--side-nav__menu a.bx--side-nav__link--current, +.bx--side-nav__menu a.bx--side-nav__link[aria-current=\\"page\\"], +a.bx--side-nav__link--current { + background-color: #e0e0e0; +} + +.bx--side-nav__menu a.bx--side-nav__link--current > span, +.bx--side-nav__menu a.bx--side-nav__link[aria-current=\\"page\\"] > span, +a.bx--side-nav__link--current > span { + color: #161616; + font-weight: 600; +} + +a.bx--side-nav__link, +.bx--side-nav a.bx--header__menu-item, +.bx--side-nav .bx--header__menu-title[aria-expanded=\\"true\\"] + .bx--header__menu { + outline: 2px solid transparent; + outline-offset: -2px; + font-size: 0.875rem; + font-weight: 600; + line-height: 1.125rem; + letter-spacing: 0.16px; + position: relative; + display: flex; + align-items: center; + text-decoration: none; + min-height: 2rem; + padding: 0 1rem; + transition: color 110ms, background-color 110ms, outline 110ms; +} + +.bx--side-nav__item--large a.bx--side-nav__link { + height: 3rem; +} + +a.bx--side-nav__link > .bx--side-nav__link-text, +.bx--side-nav a.bx--header__menu-item .bx--text-truncate-end { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: #525252; + font-size: 0.875rem; + letter-spacing: 0.1px; + line-height: 1.25rem; + user-select: none; +} + +a.bx--side-nav__link:focus, +.bx--side-nav a.bx--header__menu-item:focus { + outline: 2px solid var(--focus, #ffffff); + outline-offset: -2px; +} + +a.bx--side-nav__link[aria-current=\\"page\\"], +a.bx--side-nav__link--current { + background-color: #e5e5e5; + font-weight: 600; +} + +a.bx--side-nav__link[aria-current=\\"page\\"] .bx--side-nav__link-text, +a.bx--side-nav__link--current .bx--side-nav__link-text { + color: #161616; +} + +a.bx--side-nav__link[aria-current=\\"page\\"]::before, +a.bx--side-nav__link--current::before { + content: \\"\\"; + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 4px; + background-color: #0f62fe; +} + +.bx--side-nav__icon { + display: flex; + justify-content: center; + align-items: center; + flex: 0 0 1rem; +} + +.bx--side-nav__icon:not(.bx--side-nav__submenu-chevron) { + margin-right: 1.5rem; +} + +.bx--side-nav__icon > svg { + fill: #525252; + width: 1rem; + height: 1rem; +} + +.bx--side-nav__icon > svg.bx--side-nav-collapse-icon { + display: none; +} + +.bx--side-nav--expanded .bx--side-nav__icon > svg.bx--side-nav-expand-icon { + display: none; +} + +.bx--side-nav--expanded .bx--side-nav__icon > svg.bx--side-nav-collapse-icon { + display: block; +} + +.bx--side-nav--fixed a.bx--side-nav__link, +.bx--side-nav--fixed .bx--side-nav__submenu[aria-haspopup=\\"true\\"] { + padding-left: 1rem; +} + +.bx--side-nav--fixed .bx--side-nav__menu a.bx--side-nav__link { + padding-left: 2rem; +} + +@media (max-width: 66rem) { + .bx--side-nav .bx--header__nav { + display: block; + } +} + +.bx--side-nav__header-navigation { + display: none; +} + +@media (max-width: 66rem) { + .bx--side-nav__header-navigation { + display: block; + position: relative; + margin-bottom: 2rem; + } +} + +.bx--side-nav__header-divider::after { + content: \\"\\"; + position: absolute; + height: 0.0625rem; + bottom: -1rem; + left: 1rem; + width: calc(100% - 32px); + background: #e0e0e0; +} + +.bx--side-nav a.bx--header__menu-item { + color: #525252; + white-space: nowrap; + justify-content: space-between; +} + +.bx--side-nav a.bx--header__menu-item[aria-expanded=\\"true\\"] { + background-color: transparent; +} + +.bx--side-nav .bx--header__menu-title[aria-expanded=\\"true\\"] + .bx--header__menu { + bottom: inherit; + width: 100%; + box-shadow: none; + transform: none; + background-color: transparent; + padding: 0; +} + +.bx--side-nav .bx--header__menu-title[aria-expanded=\\"true\\"] + .bx--header__menu li { + width: 100%; +} + +.bx--side-nav .bx--header__menu-title[aria-expanded=\\"true\\"] + .bx--header__menu a.bx--header__menu-item { + padding-left: 4.25rem; + font-weight: 400; +} + +.bx--side-nav .bx--header__menu-title[aria-expanded=\\"true\\"] + .bx--header__menu a.bx--header__menu-item:hover { + background-color: #e5e5e5; + color: #161616; +} + +.bx--side-nav .bx--header__menu a.bx--header__menu-item { + height: inherit; +} + +.bx--side-nav a.bx--header__menu-item:hover .bx--header__menu-arrow, +.bx--side-nav a.bx--header__menu-item:focus .bx--header__menu-arrow, +.bx--side-nav .bx--header__menu-arrow { + fill: #525252; +} + +.bx--navigation { + position: fixed; + top: 3rem; + bottom: 0; + left: 0; + background-color: #262626; + width: 16rem; + z-index: 9100; + box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.25); + color: #f4f4f4; +} + +.bx--navigation--right { + left: auto; + right: 0; +} + +.bx--navigation svg { + fill: #f4f4f4; +} + +.bx--navigation-section:not(:last-child)::after { + display: block; + content: \\"\\"; + height: 1px; + background-color: #393939; + margin: 0 1rem; +} + +.bx--navigation-item { + position: relative; + display: flex; + align-items: center; +} + +.bx--navigation-item--active > a.bx--navigation-link { + color: #ffffff; + font-weight: 600; +} + +.bx--navigation-item--active::after { + content: \\"\\"; + display: block; + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 4px; + background-color: #0f62fe; +} + +a.bx--navigation-link { + display: flex; + align-items: center; + color: #f4f4f4; + text-decoration: none; + font-size: 0.875rem; + font-weight: 400; + width: 100%; + min-height: 2.5rem; + padding-left: 1rem; +} + +a.bx--navigation-link:hover { + background-color: #333333; + color: #ffffff; +} + +a.bx--navigation-link:focus { + outline: 0.1875rem solid #0f62fe; + outline-offset: -0.1875rem; +} + +.bx--navigation-item--icon > a.bx--navigation-link { + padding-left: 0; +} + +.bx--navigation__category { + width: 100%; +} + +.bx--navigation__category-toggle { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + display: inline-block; + background: none; + appearance: none; + border: 0; + padding: 0; + cursor: pointer; + width: 100%; + display: flex; + align-items: center; +} + +.bx--navigation__category-toggle *, +.bx--navigation__category-toggle *:before, +.bx--navigation__category-toggle *:after { + box-sizing: inherit; +} + +.bx--navigation__category-toggle::-moz-focus-inner { + border: 0; +} + +.bx--navigation__category-toggle:hover { + background-color: #333333; +} + +.bx--navigation__category-toggle:focus { + outline: 0.1875rem solid #0f62fe; + outline-offset: -0.1875rem; +} + +.bx--navigation__category-title { + display: flex; + align-items: center; + justify-content: space-between; + padding-right: 1rem; + width: 100%; + color: #f4f4f4; + font-size: 0.875rem; + font-weight: 400; + min-height: 2.5rem; + padding-left: 1rem; +} + +.bx--navigation-item--icon .bx--navigation__category-title { + padding-left: 0; +} + +.bx--navigation__category-items { + display: none; + visibility: hidden; +} + +.bx--navigation__category-item > a.bx--navigation-link { + display: flex; + align-items: center; + min-height: 2rem; + padding-left: 2rem; +} + +.bx--navigation__category-item { + position: relative; +} + +.bx--navigation-item--icon .bx--navigation__category-item > a.bx--navigation-link { + padding-left: 3.5rem; +} + +.bx--navigation__category-item--active::after { + content: \\"\\"; + position: absolute; + display: block; + top: 0; + bottom: 0; + left: 0; + width: 4px; + background-color: #0f62fe; +} + +.bx--navigation__category-item--active > a.bx--navigation-link { + font-weight: 600; + color: #ffffff; +} + +.bx--navigation__category--expanded .bx--navigation__category-title { + font-weight: 600; +} + +.bx--navigation__category--expanded .bx--navigation__category-title > svg { + transform: rotate(180deg); +} + +.bx--navigation__category--expanded .bx--navigation__category-items { + display: block; + visibility: inherit; +} + +.bx--navigation-icon { + display: flex; + align-items: center; + justify-content: center; + width: 3rem; + min-width: 3rem; + height: 2.5rem; + margin-right: 0.5rem; +} + +.bx--content { + background: var(--ui-02, #393939); + padding: 2rem; + transform: translate3d(0, 0, 0); + will-change: margin-left; +} + +.bx--header ~ .bx--content { + margin-top: 3rem; +} + +.bx--side-nav ~ .bx--content { + margin-left: 3rem; +} + +.bx--side-nav.bx--side-nav--expanded ~ .bx--content { + margin-left: 16rem; +} + +.bx--header__menu-bar, +.bx--header__menu { + list-style: none; + padding: 0; + margin: 0; +} + +.security--unstable-pagination { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + width: 100%; + background-color: var(--ui-01, #262626); + display: flex; + align-items: center; + justify-content: space-between; + border-top: 1px solid var(--ui-03, #393939); + height: 3rem; + overflow: hidden; +} + +.security--unstable-pagination *, +.security--unstable-pagination *:before, +.security--unstable-pagination *:after { + box-sizing: inherit; +} + +.security--unstable-pagination__text { + margin: 0 1rem; + color: var(--text-02, #c6c6c6); +} + +@media (min-width: 42rem) { + .security--unstable-pagination__text { + display: inline-block; + } +} + +.security--unstable-pagination__left, .security--unstable-pagination__right { + display: flex; + height: 100%; + align-items: center; +} + +.security--unstable-pagination__left > .bx--form-item, .security--unstable-pagination__right > .bx--form-item { + height: 100%; +} + +.security--unstable-pagination__left { + padding: 0 1rem 0 0; +} + +.security--unstable-pagination__left .security--unstable-pagination__text { + margin-right: 0.0625rem; +} + +.security--unstable-pagination__right .security--unstable-pagination__text { + margin-right: 1rem; + margin-left: 0.0625rem; +} + +.security--unstable-pagination__button { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + border: none; + background: none; + cursor: pointer; + height: 100%; + margin: 0; + padding: 0 0.875rem; + border-left: 1px solid var(--ui-03, #393939); + display: flex; + justify-content: center; + align-items: center; + fill: var(--ui-05, #f4f4f4); + transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9); + transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); +} + +.security--unstable-pagination__button *, +.security--unstable-pagination__button *:before, +.security--unstable-pagination__button *:after { + box-sizing: inherit; +} + +.security--unstable-pagination__button.bx--btn .bx--btn__icon { + height: unset; + width: unset; +} + +.security--unstable-pagination__button, .security--unstable-pagination__button:disabled { + background: none; + border: 0; + border-left: 1px solid var(--ui-03, #393939); +} + +.security--unstable-pagination__button:hover { + background: var(--hover-ui, #353535); +} + +.security--unstable-pagination__button.bx--btn--icon-only.bx--tooltip__trigger:focus { + outline: none; + border: 2px solid var(--focus, #ffffff); +} + +.security--unstable-pagination__button--no-index { + fill: var(--disabled-02, #525252); + cursor: not-allowed; +} + +.security--unstable-pagination__button:disabled:hover, .security--unstable-pagination__button--no-index:hover { + cursor: not-allowed; + fill: var(--disabled-02, #525252); + background: var(--ui-01, #262626); +} + +.security--unstable-pagination__page-selector, .security--unstable-pagination__page-sizer { + height: 100%; + align-items: center; +} + +.security--unstable-pagination__page-selector .bx--select-input--inline__wrapper, .security--unstable-pagination__page-sizer .bx--select-input--inline__wrapper { + display: flex; + height: 100%; +} + +.security--unstable-pagination__page-selector .bx--select-input, .security--unstable-pagination__page-sizer .bx--select-input { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + width: auto; + min-width: auto; + height: 100%; + padding: 0 2.5rem 0 1rem; + margin-right: -0.65rem; +} + +@media (min-width: 42rem) { + .security--unstable-pagination__page-selector .bx--select-input, .security--unstable-pagination__page-sizer .bx--select-input { + padding-right: 2.25rem; + margin-right: 0; + } +} + +.security--unstable-pagination__page-selector .bx--select-input:hover, .security--unstable-pagination__page-sizer .bx--select-input:hover { + background: var(--hover-ui, #353535); +} + +.security--unstable-pagination__page-selector .bx--select__arrow, .security--unstable-pagination__page-sizer .bx--select__arrow { + top: 50%; + transform: translateY(-50%); +} + +@media (min-width: 42rem) { + .security--unstable-pagination__page-selector .bx--select__arrow, .security--unstable-pagination__page-sizer .bx--select__arrow { + right: 1rem; + } +} + +.security--unstable-pagination__page-selector { + border-left: 1px solid var(--ui-02, #393939); +} + +.security--unstable-pagination__page-sizer { + border-right: 1px solid var(--ui-02, #393939); +} + +body { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; + color: var(--text-01, #f4f4f4); + background-color: var(--ui-background, #161616); + line-height: 1; +} + +body *, +body *:before, +body *:after { + box-sizing: inherit; +} + +.bx--grid { + margin-right: auto; + margin-left: auto; + max-width: 99rem; + padding-left: 1rem; + padding-right: 1rem; +} + +@media (min-width: 42rem) { + .bx--grid { + padding-left: 2rem; + padding-right: 2rem; + } +} + +@media (min-width: 99rem) { + .bx--grid { + padding-left: 2.5rem; + padding-right: 2.5rem; + } +} + +@media (min-width: 99rem) { + .bx--grid--full-width { + max-width: 100%; + } +} + +.bx--row { + display: flex; + flex-wrap: wrap; + margin-right: -1rem; + margin-left: -1rem; +} + +.bx--grid--condensed [class*=\\"bx--col\\"] { + padding-top: 0.0625rem; + padding-bottom: 0.0625rem; +} + +.bx--col { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col, +.bx--grid--condensed .bx--col { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-sm-0 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-sm-0, +.bx--grid--condensed .bx--col-sm-0 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-sm-1 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-sm-1, +.bx--grid--condensed .bx--col-sm-1 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-sm-2 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-sm-2, +.bx--grid--condensed .bx--col-sm-2 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-sm-3 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-sm-3, +.bx--grid--condensed .bx--col-sm-3 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-sm-4 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-sm-4, +.bx--grid--condensed .bx--col-sm-4 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-sm, +.bx--col-sm--auto { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-sm, +.bx--grid--condensed .bx--col-sm, .bx--row--condensed +.bx--col-sm--auto, +.bx--grid--condensed +.bx--col-sm--auto { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col, +.bx--col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.bx--col--auto, +.bx--col-sm--auto { + flex: 1 0 0%; + width: auto; + max-width: 100%; +} + +.bx--col-sm-0 { + display: none; +} + +.bx--col-sm-1 { + display: block; + flex: 0 0 25%; + max-width: 25%; +} + +.bx--col-sm-2 { + display: block; + flex: 0 0 50%; + max-width: 50%; +} + +.bx--col-sm-3 { + display: block; + flex: 0 0 75%; + max-width: 75%; +} + +.bx--col-sm-4 { + display: block; + flex: 0 0 100%; + max-width: 100%; +} + +.bx--offset-sm-0 { + margin-left: 0; +} + +.bx--offset-sm-1 { + margin-left: 25%; +} + +.bx--offset-sm-2 { + margin-left: 50%; +} + +.bx--offset-sm-3 { + margin-left: 75%; +} + +.bx--col-md-0 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-md-0, +.bx--grid--condensed .bx--col-md-0 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-md-1 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-md-1, +.bx--grid--condensed .bx--col-md-1 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-md-2 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-md-2, +.bx--grid--condensed .bx--col-md-2 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-md-3 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-md-3, +.bx--grid--condensed .bx--col-md-3 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-md-4 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-md-4, +.bx--grid--condensed .bx--col-md-4 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-md-5 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-md-5, +.bx--grid--condensed .bx--col-md-5 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-md-6 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-md-6, +.bx--grid--condensed .bx--col-md-6 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-md-7 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-md-7, +.bx--grid--condensed .bx--col-md-7 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-md-8 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-md-8, +.bx--grid--condensed .bx--col-md-8 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-md, +.bx--col-md--auto { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-md, +.bx--grid--condensed .bx--col-md, .bx--row--condensed +.bx--col-md--auto, +.bx--grid--condensed +.bx--col-md--auto { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +@media (min-width: 42rem) { + .bx--col, + .bx--col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .bx--col--auto, + .bx--col-md--auto { + flex: 1 0 0%; + width: auto; + max-width: 100%; + } + .bx--col-md-0 { + display: none; + } + .bx--col-md-1 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; + } + .bx--col-md-2 { + display: block; + flex: 0 0 25%; + max-width: 25%; + } + .bx--col-md-3 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; + } + .bx--col-md-4 { + display: block; + flex: 0 0 50%; + max-width: 50%; + } + .bx--col-md-5 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; + } + .bx--col-md-6 { + display: block; + flex: 0 0 75%; + max-width: 75%; + } + .bx--col-md-7 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; + } + .bx--col-md-8 { + display: block; + flex: 0 0 100%; + max-width: 100%; + } + .bx--offset-md-0 { + margin-left: 0; + } + .bx--offset-md-1 { + margin-left: 12.5%; + } + .bx--offset-md-2 { + margin-left: 25%; + } + .bx--offset-md-3 { + margin-left: 37.5%; + } + .bx--offset-md-4 { + margin-left: 50%; + } + .bx--offset-md-5 { + margin-left: 62.5%; + } + .bx--offset-md-6 { + margin-left: 75%; + } + .bx--offset-md-7 { + margin-left: 87.5%; + } +} + +.bx--col-lg-0 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-lg-0, +.bx--grid--condensed .bx--col-lg-0 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-lg-1 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-lg-1, +.bx--grid--condensed .bx--col-lg-1 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-lg-2 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-lg-2, +.bx--grid--condensed .bx--col-lg-2 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-lg-3 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-lg-3, +.bx--grid--condensed .bx--col-lg-3 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-lg-4 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-lg-4, +.bx--grid--condensed .bx--col-lg-4 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-lg-5 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-lg-5, +.bx--grid--condensed .bx--col-lg-5 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-lg-6 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-lg-6, +.bx--grid--condensed .bx--col-lg-6 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-lg-7 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-lg-7, +.bx--grid--condensed .bx--col-lg-7 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-lg-8 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-lg-8, +.bx--grid--condensed .bx--col-lg-8 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-lg-9 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-lg-9, +.bx--grid--condensed .bx--col-lg-9 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-lg-10 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-lg-10, +.bx--grid--condensed .bx--col-lg-10 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-lg-11 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-lg-11, +.bx--grid--condensed .bx--col-lg-11 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-lg-12 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-lg-12, +.bx--grid--condensed .bx--col-lg-12 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-lg-13 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-lg-13, +.bx--grid--condensed .bx--col-lg-13 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-lg-14 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-lg-14, +.bx--grid--condensed .bx--col-lg-14 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-lg-15 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-lg-15, +.bx--grid--condensed .bx--col-lg-15 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-lg-16 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-lg-16, +.bx--grid--condensed .bx--col-lg-16 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-lg, +.bx--col-lg--auto { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-lg, +.bx--grid--condensed .bx--col-lg, .bx--row--condensed +.bx--col-lg--auto, +.bx--grid--condensed +.bx--col-lg--auto { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +@media (min-width: 66rem) { + .bx--col, + .bx--col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .bx--col--auto, + .bx--col-lg--auto { + flex: 1 0 0%; + width: auto; + max-width: 100%; + } + .bx--col-lg-0 { + display: none; + } + .bx--col-lg-1 { + display: block; + flex: 0 0 6.25%; + max-width: 6.25%; + } + .bx--col-lg-2 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; + } + .bx--col-lg-3 { + display: block; + flex: 0 0 18.75%; + max-width: 18.75%; + } + .bx--col-lg-4 { + display: block; + flex: 0 0 25%; + max-width: 25%; + } + .bx--col-lg-5 { + display: block; + flex: 0 0 31.25%; + max-width: 31.25%; + } + .bx--col-lg-6 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; + } + .bx--col-lg-7 { + display: block; + flex: 0 0 43.75%; + max-width: 43.75%; + } + .bx--col-lg-8 { + display: block; + flex: 0 0 50%; + max-width: 50%; + } + .bx--col-lg-9 { + display: block; + flex: 0 0 56.25%; + max-width: 56.25%; + } + .bx--col-lg-10 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; + } + .bx--col-lg-11 { + display: block; + flex: 0 0 68.75%; + max-width: 68.75%; + } + .bx--col-lg-12 { + display: block; + flex: 0 0 75%; + max-width: 75%; + } + .bx--col-lg-13 { + display: block; + flex: 0 0 81.25%; + max-width: 81.25%; + } + .bx--col-lg-14 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; + } + .bx--col-lg-15 { + display: block; + flex: 0 0 93.75%; + max-width: 93.75%; + } + .bx--col-lg-16 { + display: block; + flex: 0 0 100%; + max-width: 100%; + } + .bx--offset-lg-0 { + margin-left: 0; + } + .bx--offset-lg-1 { + margin-left: 6.25%; + } + .bx--offset-lg-2 { + margin-left: 12.5%; + } + .bx--offset-lg-3 { + margin-left: 18.75%; + } + .bx--offset-lg-4 { + margin-left: 25%; + } + .bx--offset-lg-5 { + margin-left: 31.25%; + } + .bx--offset-lg-6 { + margin-left: 37.5%; + } + .bx--offset-lg-7 { + margin-left: 43.75%; + } + .bx--offset-lg-8 { + margin-left: 50%; + } + .bx--offset-lg-9 { + margin-left: 56.25%; + } + .bx--offset-lg-10 { + margin-left: 62.5%; + } + .bx--offset-lg-11 { + margin-left: 68.75%; + } + .bx--offset-lg-12 { + margin-left: 75%; + } + .bx--offset-lg-13 { + margin-left: 81.25%; + } + .bx--offset-lg-14 { + margin-left: 87.5%; + } + .bx--offset-lg-15 { + margin-left: 93.75%; + } +} + +.bx--col-xlg-0 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-xlg-0, +.bx--grid--condensed .bx--col-xlg-0 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-xlg-1 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-xlg-1, +.bx--grid--condensed .bx--col-xlg-1 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-xlg-2 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-xlg-2, +.bx--grid--condensed .bx--col-xlg-2 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-xlg-3 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-xlg-3, +.bx--grid--condensed .bx--col-xlg-3 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-xlg-4 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-xlg-4, +.bx--grid--condensed .bx--col-xlg-4 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-xlg-5 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-xlg-5, +.bx--grid--condensed .bx--col-xlg-5 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-xlg-6 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-xlg-6, +.bx--grid--condensed .bx--col-xlg-6 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-xlg-7 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-xlg-7, +.bx--grid--condensed .bx--col-xlg-7 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-xlg-8 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-xlg-8, +.bx--grid--condensed .bx--col-xlg-8 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-xlg-9 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-xlg-9, +.bx--grid--condensed .bx--col-xlg-9 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-xlg-10 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-xlg-10, +.bx--grid--condensed .bx--col-xlg-10 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-xlg-11 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-xlg-11, +.bx--grid--condensed .bx--col-xlg-11 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-xlg-12 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-xlg-12, +.bx--grid--condensed .bx--col-xlg-12 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-xlg-13 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-xlg-13, +.bx--grid--condensed .bx--col-xlg-13 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-xlg-14 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-xlg-14, +.bx--grid--condensed .bx--col-xlg-14 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-xlg-15 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-xlg-15, +.bx--grid--condensed .bx--col-xlg-15 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-xlg-16 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-xlg-16, +.bx--grid--condensed .bx--col-xlg-16 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-xlg, +.bx--col-xlg--auto { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-xlg, +.bx--grid--condensed .bx--col-xlg, .bx--row--condensed +.bx--col-xlg--auto, +.bx--grid--condensed +.bx--col-xlg--auto { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +@media (min-width: 82rem) { + .bx--col, + .bx--col-xlg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .bx--col--auto, + .bx--col-xlg--auto { + flex: 1 0 0%; + width: auto; + max-width: 100%; + } + .bx--col-xlg-0 { + display: none; + } + .bx--col-xlg-1 { + display: block; + flex: 0 0 6.25%; + max-width: 6.25%; + } + .bx--col-xlg-2 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; + } + .bx--col-xlg-3 { + display: block; + flex: 0 0 18.75%; + max-width: 18.75%; + } + .bx--col-xlg-4 { + display: block; + flex: 0 0 25%; + max-width: 25%; + } + .bx--col-xlg-5 { + display: block; + flex: 0 0 31.25%; + max-width: 31.25%; + } + .bx--col-xlg-6 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; + } + .bx--col-xlg-7 { + display: block; + flex: 0 0 43.75%; + max-width: 43.75%; + } + .bx--col-xlg-8 { + display: block; + flex: 0 0 50%; + max-width: 50%; + } + .bx--col-xlg-9 { + display: block; + flex: 0 0 56.25%; + max-width: 56.25%; + } + .bx--col-xlg-10 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; + } + .bx--col-xlg-11 { + display: block; + flex: 0 0 68.75%; + max-width: 68.75%; + } + .bx--col-xlg-12 { + display: block; + flex: 0 0 75%; + max-width: 75%; + } + .bx--col-xlg-13 { + display: block; + flex: 0 0 81.25%; + max-width: 81.25%; + } + .bx--col-xlg-14 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; + } + .bx--col-xlg-15 { + display: block; + flex: 0 0 93.75%; + max-width: 93.75%; + } + .bx--col-xlg-16 { + display: block; + flex: 0 0 100%; + max-width: 100%; + } + .bx--offset-xlg-0 { + margin-left: 0; + } + .bx--offset-xlg-1 { + margin-left: 6.25%; + } + .bx--offset-xlg-2 { + margin-left: 12.5%; + } + .bx--offset-xlg-3 { + margin-left: 18.75%; + } + .bx--offset-xlg-4 { + margin-left: 25%; + } + .bx--offset-xlg-5 { + margin-left: 31.25%; + } + .bx--offset-xlg-6 { + margin-left: 37.5%; + } + .bx--offset-xlg-7 { + margin-left: 43.75%; + } + .bx--offset-xlg-8 { + margin-left: 50%; + } + .bx--offset-xlg-9 { + margin-left: 56.25%; + } + .bx--offset-xlg-10 { + margin-left: 62.5%; + } + .bx--offset-xlg-11 { + margin-left: 68.75%; + } + .bx--offset-xlg-12 { + margin-left: 75%; + } + .bx--offset-xlg-13 { + margin-left: 81.25%; + } + .bx--offset-xlg-14 { + margin-left: 87.5%; + } + .bx--offset-xlg-15 { + margin-left: 93.75%; + } +} + +.bx--col-max-0 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-max-0, +.bx--grid--condensed .bx--col-max-0 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-max-1 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-max-1, +.bx--grid--condensed .bx--col-max-1 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-max-2 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-max-2, +.bx--grid--condensed .bx--col-max-2 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-max-3 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-max-3, +.bx--grid--condensed .bx--col-max-3 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-max-4 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-max-4, +.bx--grid--condensed .bx--col-max-4 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-max-5 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-max-5, +.bx--grid--condensed .bx--col-max-5 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-max-6 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-max-6, +.bx--grid--condensed .bx--col-max-6 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-max-7 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-max-7, +.bx--grid--condensed .bx--col-max-7 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-max-8 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-max-8, +.bx--grid--condensed .bx--col-max-8 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-max-9 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-max-9, +.bx--grid--condensed .bx--col-max-9 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-max-10 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-max-10, +.bx--grid--condensed .bx--col-max-10 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-max-11 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-max-11, +.bx--grid--condensed .bx--col-max-11 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-max-12 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-max-12, +.bx--grid--condensed .bx--col-max-12 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-max-13 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-max-13, +.bx--grid--condensed .bx--col-max-13 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-max-14 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-max-14, +.bx--grid--condensed .bx--col-max-14 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-max-15 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-max-15, +.bx--grid--condensed .bx--col-max-15 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-max-16 { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-max-16, +.bx--grid--condensed .bx--col-max-16 { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +.bx--col-max, +.bx--col-max--auto { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} + +.bx--row--condensed .bx--col-max, +.bx--grid--condensed .bx--col-max, .bx--row--condensed +.bx--col-max--auto, +.bx--grid--condensed +.bx--col-max--auto { + padding-right: 0.0625rem; + padding-left: 0.0625rem; +} + +@media (min-width: 99rem) { + .bx--col, + .bx--col-max { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .bx--col--auto, + .bx--col-max--auto { + flex: 1 0 0%; + width: auto; + max-width: 100%; + } + .bx--col-max-0 { + display: none; + } + .bx--col-max-1 { + display: block; + flex: 0 0 6.25%; + max-width: 6.25%; + } + .bx--col-max-2 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; + } + .bx--col-max-3 { + display: block; + flex: 0 0 18.75%; + max-width: 18.75%; + } + .bx--col-max-4 { + display: block; + flex: 0 0 25%; + max-width: 25%; + } + .bx--col-max-5 { + display: block; + flex: 0 0 31.25%; + max-width: 31.25%; + } + .bx--col-max-6 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; + } + .bx--col-max-7 { + display: block; + flex: 0 0 43.75%; + max-width: 43.75%; + } + .bx--col-max-8 { + display: block; + flex: 0 0 50%; + max-width: 50%; + } + .bx--col-max-9 { + display: block; + flex: 0 0 56.25%; + max-width: 56.25%; + } + .bx--col-max-10 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; + } + .bx--col-max-11 { + display: block; + flex: 0 0 68.75%; + max-width: 68.75%; + } + .bx--col-max-12 { + display: block; + flex: 0 0 75%; + max-width: 75%; + } + .bx--col-max-13 { + display: block; + flex: 0 0 81.25%; + max-width: 81.25%; + } + .bx--col-max-14 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; + } + .bx--col-max-15 { + display: block; + flex: 0 0 93.75%; + max-width: 93.75%; + } + .bx--col-max-16 { + display: block; + flex: 0 0 100%; + max-width: 100%; + } + .bx--offset-max-0 { + margin-left: 0; + } + .bx--offset-max-1 { + margin-left: 6.25%; + } + .bx--offset-max-2 { + margin-left: 12.5%; + } + .bx--offset-max-3 { + margin-left: 18.75%; + } + .bx--offset-max-4 { + margin-left: 25%; + } + .bx--offset-max-5 { + margin-left: 31.25%; + } + .bx--offset-max-6 { + margin-left: 37.5%; + } + .bx--offset-max-7 { + margin-left: 43.75%; + } + .bx--offset-max-8 { + margin-left: 50%; + } + .bx--offset-max-9 { + margin-left: 56.25%; + } + .bx--offset-max-10 { + margin-left: 62.5%; + } + .bx--offset-max-11 { + margin-left: 68.75%; + } + .bx--offset-max-12 { + margin-left: 75%; + } + .bx--offset-max-13 { + margin-left: 81.25%; + } + .bx--offset-max-14 { + margin-left: 87.5%; + } + .bx--offset-max-15 { + margin-left: 93.75%; + } +} + +.bx--no-gutter, +.bx--row.bx--no-gutter [class*=\\"bx--col\\"] { + padding-left: 0; + padding-right: 0; +} + +.bx--no-gutter--left, +.bx--row.bx--no-gutter--left [class*=\\"bx--col\\"] { + padding-left: 0; +} + +.bx--no-gutter--right, +.bx--row.bx--no-gutter--right [class*=\\"bx--col\\"] { + padding-right: 0; +} + +.bx--hang--left { + padding-left: 1rem; +} + +.bx--hang--right { + padding-right: 1rem; +} + +.bx--aspect-ratio { + height: 0; + position: relative; +} + +.bx--aspect-ratio--object { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 100; +} + +.bx--aspect-ratio--16x9 { + padding-bottom: 56.25%; +} + +.bx--aspect-ratio--2x1 { + padding-bottom: 50%; +} + +.bx--aspect-ratio--4x3 { + padding-bottom: 75%; +} + +.bx--aspect-ratio--1x1 { + padding-bottom: 100%; +} + +.bx--aspect-ratio--1x2 { + padding-bottom: 200%; +} + +html { + font-size: 16px; +} + +body { + font-weight: 400; + font-family: \\"IBM Plex Sans\\", \\"Helvetica Neue\\", Arial, sans-serif; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +code { + font-family: \\"IBM Plex Mono\\", \\"Menlo\\", \\"DejaVu Sans Mono\\", \\"Bitstream Vera Sans Mono\\", Courier, monospace; +} + +strong { + font-weight: 600; +} + +.bx--type-mono { + font-family: \\"IBM Plex Mono\\", \\"Menlo\\", \\"DejaVu Sans Mono\\", \\"Bitstream Vera Sans Mono\\", Courier, monospace; +} + +.bx--type-sans { + font-family: \\"IBM Plex Sans\\", \\"Helvetica Neue\\", Arial, sans-serif; +} + +.bx--type-sans-condensed { + font-family: \\"IBM Plex Sans Condensed\\", \\"Helvetica Neue\\", Arial, sans-serif; +} + +.bx--type-sans-hebrew { + font-family: \\"IBM Plex Sans Hebrew\\", \\"Helvetica Hebrew\\", \\"Arial Hebrew\\", sans-serif; +} + +.bx--type-serif { + font-family: \\"IBM Plex Serif\\", \\"Georgia\\", Times, serif; +} + +.bx--type-light { + font-weight: 300; +} + +.bx--type-regular { + font-weight: 400; +} + +.bx--type-semibold { + font-weight: 600; +} + +.bx--type-italic { + font-style: italic; +} + +.bx--type-caption-01 { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; +} + +.bx--type-label-01 { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; +} + +.bx--type-helper-text-01 { + font-size: 0.75rem; + line-height: 1rem; + letter-spacing: 0.32px; +} + +.bx--type-body-short-01 { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +.bx--type-body-short-02 { + font-size: 1rem; + font-weight: 400; + line-height: 1.375rem; + letter-spacing: 0; +} + +.bx--type-body-long-01 { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.25rem; + letter-spacing: 0.16px; +} + +.bx--type-body-long-02 { + font-size: 1rem; + font-weight: 400; + line-height: 1.5rem; + letter-spacing: 0; +} + +.bx--type-code-01 { + font-family: \\"IBM Plex Mono\\", \\"Menlo\\", \\"DejaVu Sans Mono\\", \\"Bitstream Vera Sans Mono\\", Courier, monospace; + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0.32px; +} + +.bx--type-code-02 { + font-family: \\"IBM Plex Mono\\", \\"Menlo\\", \\"DejaVu Sans Mono\\", \\"Bitstream Vera Sans Mono\\", Courier, monospace; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.25rem; + letter-spacing: 0.32px; +} + +.bx--type-heading-01 { + font-size: 0.875rem; + font-weight: 600; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +.bx--type-heading-02 { + font-size: 1rem; + font-weight: 600; + line-height: 1.375rem; + letter-spacing: 0; +} + +.bx--type-productive-heading-01 { + font-size: 0.875rem; + font-weight: 600; + line-height: 1.125rem; + letter-spacing: 0.16px; +} + +.bx--type-productive-heading-02 { + font-size: 1rem; + font-weight: 600; + line-height: 1.375rem; + letter-spacing: 0; +} + +.bx--type-productive-heading-03 { + font-size: 1.25rem; + font-weight: 400; + line-height: 1.625rem; + letter-spacing: 0; +} + +.bx--type-productive-heading-04 { + font-size: 1.75rem; + font-weight: 400; + line-height: 2.25rem; + letter-spacing: 0; +} + +.bx--type-productive-heading-05 { + font-size: 2rem; + font-weight: 400; + line-height: 2.5rem; + letter-spacing: 0; +} + +.bx--type-productive-heading-06 { + font-size: 2.625rem; + font-weight: 300; + line-height: 3.125rem; + letter-spacing: 0; +} + +.bx--type-productive-heading-07 { + font-size: 3.375rem; + font-weight: 300; + line-height: 4rem; + letter-spacing: 0; +} + +.bx--type-expressive-paragraph-01 { + font-size: 1.5rem; + font-weight: 300; + line-height: 125%; + letter-spacing: 0; + font-size: calc(1.5rem + 0.25 * ((100vw - 20rem) / 46)); +} + +@media (min-width: 66rem) { + .bx--type-expressive-paragraph-01 { + font-size: 1.75rem; + line-height: 129%; + font-size: calc(1.75rem + 0.25 * ((100vw - 66rem) / 33)); + } +} + +@media (min-width: 99rem) { + .bx--type-expressive-paragraph-01 { + font-size: 2rem; + line-height: 125%; + font-size: 2rem; + } +} + +.bx--type-expressive-heading-01 { + font-size: 0.875rem; + font-weight: 600; + line-height: 1.25rem; + letter-spacing: 0.16px; +} + +.bx--type-expressive-heading-02 { + font-size: 1rem; + font-weight: 600; + line-height: 1.5rem; + letter-spacing: 0; +} + +.bx--type-expressive-heading-03 { + font-size: 1.25rem; + font-weight: 400; + line-height: 130%; + letter-spacing: 0; + font-size: calc(1.25rem + 0 * ((100vw - 20rem) / 62)); +} + +@media (min-width: 82rem) { + .bx--type-expressive-heading-03 { + font-size: 1.25rem; + line-height: 125%; + font-size: calc(1.25rem + 0.25 * ((100vw - 82rem) / 17)); + } +} + +@media (min-width: 99rem) { + .bx--type-expressive-heading-03 { + font-size: 1.5rem; + font-size: 1.5rem; + } +} + +.bx--type-expressive-heading-04 { + font-size: 1.75rem; + font-weight: 400; + line-height: 129%; + letter-spacing: 0; + font-size: calc(1.75rem + 0 * ((100vw - 20rem) / 62)); +} + +@media (min-width: 82rem) { + .bx--type-expressive-heading-04 { + font-size: 1.75rem; + line-height: 125%; + font-size: calc(1.75rem + 0.25 * ((100vw - 82rem) / 17)); + } +} + +@media (min-width: 99rem) { + .bx--type-expressive-heading-04 { + font-size: 2rem; + font-size: 2rem; + } +} + +.bx--type-expressive-heading-05 { + font-size: 2rem; + font-weight: 400; + line-height: 125%; + letter-spacing: 0; + font-size: calc(2rem + 0.25 * ((100vw - 20rem) / 22)); +} + +@media (min-width: 42rem) { + .bx--type-expressive-heading-05 { + font-size: 2.25rem; + font-weight: 300; + line-height: 122%; + letter-spacing: 0; + font-size: calc(2.25rem + 0.375 * ((100vw - 42rem) / 24)); + } +} + +@media (min-width: 66rem) { + .bx--type-expressive-heading-05 { + font-size: 2.625rem; + font-weight: 300; + line-height: 119%; + letter-spacing: 0; + font-size: calc(2.625rem + 0.375 * ((100vw - 66rem) / 16)); + } +} + +@media (min-width: 82rem) { + .bx--type-expressive-heading-05 { + font-size: 3rem; + font-weight: 300; + line-height: 117%; + letter-spacing: 0; + font-size: calc(3rem + 0.75 * ((100vw - 82rem) / 17)); + } +} + +@media (min-width: 99rem) { + .bx--type-expressive-heading-05 { + font-size: 3.75rem; + font-weight: 300; + line-height: 4.375rem; + letter-spacing: 0; + font-size: 3.75rem; + } +} + +.bx--type-expressive-heading-06 { + font-size: 2rem; + font-weight: 600; + line-height: 125%; + letter-spacing: 0; + font-size: calc(2rem + 0.25 * ((100vw - 20rem) / 22)); +} + +@media (min-width: 42rem) { + .bx--type-expressive-heading-06 { + font-size: 2.25rem; + font-weight: 600; + line-height: 122%; + letter-spacing: 0; + font-size: calc(2.25rem + 0.375 * ((100vw - 42rem) / 24)); + } +} + +@media (min-width: 66rem) { + .bx--type-expressive-heading-06 { + font-size: 2.625rem; + font-weight: 600; + line-height: 119%; + letter-spacing: 0; + font-size: calc(2.625rem + 0.375 * ((100vw - 66rem) / 16)); + } +} + +@media (min-width: 82rem) { + .bx--type-expressive-heading-06 { + font-size: 3rem; + font-weight: 600; + line-height: 117%; + letter-spacing: 0; + font-size: calc(3rem + 0.75 * ((100vw - 82rem) / 17)); + } +} + +@media (min-width: 99rem) { + .bx--type-expressive-heading-06 { + font-size: 3.75rem; + font-weight: 600; + line-height: 4.375rem; + letter-spacing: 0; + font-size: 3.75rem; + } +} + +.bx--type-quotation-01 { + font-size: 1.25rem; + font-weight: 400; + line-height: 130%; + letter-spacing: 0; + font-size: calc(1.25rem + 0 * ((100vw - 20rem) / 22)); +} + +@media (min-width: 42rem) { + .bx--type-quotation-01 { + font-size: 1.25rem; + font-weight: 400; + letter-spacing: 0; + font-size: calc(1.25rem + 0.25 * ((100vw - 42rem) / 24)); + } +} + +@media (min-width: 66rem) { + .bx--type-quotation-01 { + font-size: 1.5rem; + font-weight: 400; + line-height: 125%; + letter-spacing: 0; + font-size: calc(1.5rem + 0.25 * ((100vw - 66rem) / 16)); + } +} + +@media (min-width: 82rem) { + .bx--type-quotation-01 { + font-size: 1.75rem; + font-weight: 400; + line-height: 129%; + letter-spacing: 0; + font-size: calc(1.75rem + 0.25 * ((100vw - 82rem) / 17)); + } +} + +@media (min-width: 99rem) { + .bx--type-quotation-01 { + font-size: 2rem; + font-weight: 400; + line-height: 125%; + letter-spacing: 0; + font-size: 2rem; + } +} + +.bx--type-quotation-02 { + font-size: 2rem; + font-weight: 300; + line-height: 125%; + letter-spacing: 0; + font-size: calc(2rem + 0.25 * ((100vw - 20rem) / 22)); +} + +@media (min-width: 42rem) { + .bx--type-quotation-02 { + font-size: 2.25rem; + line-height: 122%; + font-size: calc(2.25rem + 0.375 * ((100vw - 42rem) / 24)); + } +} + +@media (min-width: 66rem) { + .bx--type-quotation-02 { + font-size: 2.625rem; + line-height: 119%; + font-size: calc(2.625rem + 0.375 * ((100vw - 66rem) / 16)); + } +} + +@media (min-width: 82rem) { + .bx--type-quotation-02 { + font-size: 3rem; + line-height: 117%; + font-size: calc(3rem + 0.75 * ((100vw - 82rem) / 17)); + } +} + +@media (min-width: 99rem) { + .bx--type-quotation-02 { + font-size: 3.75rem; + font-size: 3.75rem; + } +} + +.bx--type-display-01 { + font-size: 2.625rem; + font-weight: 300; + line-height: 119%; + letter-spacing: 0; + font-size: calc(2.625rem + 0 * ((100vw - 20rem) / 22)); +} + +@media (min-width: 42rem) { + .bx--type-display-01 { + font-size: 2.625rem; + font-size: calc(2.625rem + 0.75 * ((100vw - 42rem) / 24)); + } +} + +@media (min-width: 66rem) { + .bx--type-display-01 { + font-size: 3.375rem; + font-size: calc(3.375rem + 0.375 * ((100vw - 66rem) / 16)); + } +} + +@media (min-width: 82rem) { + .bx--type-display-01 { + font-size: 3.75rem; + line-height: 117%; + font-size: calc(3.75rem + 1 * ((100vw - 82rem) / 17)); + } +} + +@media (min-width: 99rem) { + .bx--type-display-01 { + font-size: 4.75rem; + line-height: 113%; + font-size: 4.75rem; + } +} + +.bx--type-display-02 { + font-size: 2.625rem; + font-weight: 600; + line-height: 119%; + letter-spacing: 0; + font-size: calc(2.625rem + 0 * ((100vw - 20rem) / 22)); +} + +@media (min-width: 42rem) { + .bx--type-display-02 { + font-size: 2.625rem; + font-size: calc(2.625rem + 0.75 * ((100vw - 42rem) / 24)); + } +} + +@media (min-width: 66rem) { + .bx--type-display-02 { + font-size: 3.375rem; + font-size: calc(3.375rem + 0.375 * ((100vw - 66rem) / 16)); + } +} + +@media (min-width: 82rem) { + .bx--type-display-02 { + font-size: 3.75rem; + line-height: 116%; + font-size: calc(3.75rem + 1 * ((100vw - 82rem) / 17)); + } +} + +@media (min-width: 99rem) { + .bx--type-display-02 { + font-size: 4.75rem; + line-height: 113%; + font-size: 4.75rem; + } +} + +.bx--type-display-03 { + font-size: 2.625rem; + font-weight: 300; + line-height: 119%; + letter-spacing: 0; + font-size: calc(2.625rem + 1.625 * ((100vw - 20rem) / 22)); +} + +@media (min-width: 42rem) { + .bx--type-display-03 { + font-size: 4.25rem; + line-height: 115%; + font-size: calc(4.25rem + 1.5 * ((100vw - 42rem) / 24)); + } +} + +@media (min-width: 66rem) { + .bx--type-display-03 { + font-size: 5.75rem; + line-height: 111%; + letter-spacing: -0.64px; + font-size: calc(5.75rem + 1.875 * ((100vw - 66rem) / 16)); + } +} + +@media (min-width: 82rem) { + .bx--type-display-03 { + font-size: 7.625rem; + line-height: 107%; + font-size: calc(7.625rem + 2.125 * ((100vw - 82rem) / 17)); + } +} + +@media (min-width: 99rem) { + .bx--type-display-03 { + font-size: 9.75rem; + line-height: 105%; + letter-spacing: -0.96px; + font-size: 9.75rem; + } +} + +.bx--type-display-04 { + font-size: 2.625rem; + font-weight: 600; + line-height: 119%; + letter-spacing: 0; + font-size: calc(2.625rem + 1.625 * ((100vw - 20rem) / 22)); +} + +@media (min-width: 42rem) { + .bx--type-display-04 { + font-size: 4.25rem; + line-height: 115%; + font-size: calc(4.25rem + 1.5 * ((100vw - 42rem) / 24)); + } +} + +@media (min-width: 66rem) { + .bx--type-display-04 { + font-size: 5.75rem; + line-height: 111%; + letter-spacing: -0.64px; + font-size: calc(5.75rem + 1.875 * ((100vw - 66rem) / 16)); + } +} + +@media (min-width: 82rem) { + .bx--type-display-04 { + font-size: 7.625rem; + line-height: 107%; + letter-spacing: -0.64px; + font-size: calc(7.625rem + 2.125 * ((100vw - 82rem) / 17)); + } +} + +@media (min-width: 99rem) { + .bx--type-display-04 { + font-size: 9.75rem; + line-height: 105%; + letter-spacing: -0.96px; + font-size: 9.75rem; + } +} +" +`; diff --git a/src/components/DataTable/DataTable.js b/src/components/DataTable/DataTable.js index bb7c699ad..aac8de133 100644 --- a/src/components/DataTable/DataTable.js +++ b/src/components/DataTable/DataTable.js @@ -40,14 +40,12 @@ const { const DataTable = ({ filterRows, headers, - isSortable, isSelectable, missingDataCharacter, render, rows, sortRow, - useZebraStyles, }) => (
@@ -64,6 +62,7 @@ const DataTable = ({ ) : ( ( - + diff --git a/src/components/FilterPanel/FilterPanel.stories.js b/src/components/FilterPanel/FilterPanel.stories.js index 50f8a5047..aa7730645 100644 --- a/src/components/FilterPanel/FilterPanel.stories.js +++ b/src/components/FilterPanel/FilterPanel.stories.js @@ -56,6 +56,12 @@ const LegacyFilterPanelWithState = compose( }) )(FilterPanel); +const checkboxProps = () => ({ + count: 10, + onChange: action('FilterPanelCheckbox onChange'), + title: 'FilterPanelCheckbox title attribute (title)', +}); + LegacyFilterPanelWithState.displayName = getDisplayName(FilterPanel); LegacyFilterPanelWithState.__docgenInfo = FilterPanel.__docgenInfo; @@ -83,21 +89,18 @@ storiesOf(patterns('FilterPanel'), module) @@ -107,8 +110,7 @@ storiesOf(patterns('FilterPanel'), module) key={index} labelText={`Filter ${index + 1}`} id={`result-filter-checkbox-${index + 1}`} - count={10} - onChange={action('FilterPanelCheckbox onChange')} + {...checkboxProps()} /> ))} @@ -125,21 +127,18 @@ storiesOf(patterns('FilterPanel'), module) ))} Filter accordion item 1} title="Filter accordion item 1" count={4} expandLabel="View more" @@ -173,7 +172,7 @@ storiesOf(patterns('FilterPanel'), module) key={index} labelText={`Filter ${index + 1}`} id={`1-filter-${index + 1}`} - count={10} + {...checkboxProps()} /> ))} @@ -190,7 +189,7 @@ storiesOf(patterns('FilterPanel'), module) key={index} labelText={`Filter ${index + 1}`} id={`2-filter-${index + 1}`} - count={10} + {...checkboxProps()} /> ))} diff --git a/src/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js b/src/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js index 0612f303a..75e48f9aa 100644 --- a/src/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +++ b/src/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js @@ -19,6 +19,7 @@ const FilterPanelAccordion = ({ title, count, countLabel, + heading, ...other }) => ( {children} @@ -34,14 +36,19 @@ const FilterPanelAccordion = ({ FilterPanelAccordion.propTypes = { /** - * Accordion title. + * Accordion `title` attribute. */ - title: PropTypes.node, + title: PropTypes.string, + + /** + * Accordion heading node. + */ + heading: PropTypes.node, /** * Optional accordion count. */ - count: PropTypes.number, + count: PropTypes.oneOfType([PropTypes.number, PropTypes.string]), /** * Function returning a translated text labeling the count for accessibility. @@ -65,6 +72,7 @@ FilterPanelAccordion.defaultProps = { countLabel: count => `${count} items`, className: undefined, children: undefined, + heading: undefined, }; export default FilterPanelAccordion; diff --git a/src/components/FilterPanel/FilterPanelAccordion/__tests__/FilterPanelAccordion.spec.js b/src/components/FilterPanel/FilterPanelAccordion/__tests__/FilterPanelAccordion.spec.js index 427e8dbf2..793b0433a 100644 --- a/src/components/FilterPanel/FilterPanelAccordion/__tests__/FilterPanelAccordion.spec.js +++ b/src/components/FilterPanel/FilterPanelAccordion/__tests__/FilterPanelAccordion.spec.js @@ -11,22 +11,30 @@ import FilterPanelAccordion from '../FilterPanelAccordion'; describe('FilterPanelAccordion', () => { test('should have no Axe or DAP violations', async () => { const main = document.createElement('main'); - render(, { - // DAP requires a landmark '
' in the DOM: - container: document.body.appendChild(main), - }); + render( + , + { + // DAP requires a landmark '
' in the DOM: + container: document.body.appendChild(main), + } + ); await expect(document.body).toHaveNoAxeViolations(); await expect(document.body).toHaveNoDAPViolations('FilterPanelAccordion'); }); - test('renders with a title', () => { - const { getByText } = render(); - expect(getByText(/custom title/i)).toBeVisible(); + test('renders with a title attribute', () => { + const { getByTitle } = render( + + ); + expect(getByTitle(/custom title/i)).toBeVisible(); }); - test('renders with a title node', () => { + test('renders with a heading node', () => { const { getByTestId } = render( - } /> + } /> ); expect(getByTestId('node-title')).toBeVisible(); }); diff --git a/src/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordiontItem.js b/src/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordiontItem.js index 0b2d46028..c222d7934 100644 --- a/src/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordiontItem.js +++ b/src/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordiontItem.js @@ -24,6 +24,7 @@ const FilterPanelAccordionItem = ({ count, countLabel, className, + heading, ...other }) => { return ( @@ -34,8 +35,9 @@ const FilterPanelAccordionItem = ({ countLabel={countLabel} className={`${namespace}__label`} countClassName={`${namespace}__count`} + title={title} > - {title} + {heading || title} } className={classnames(namespace, className)} @@ -61,9 +63,15 @@ const FilterPanelAccordionItem = ({ FilterPanelAccordionItem.propTypes = { /** - * Accordion item title. + * Accordion item `title` attribute. */ - title: PropTypes.node, + title: PropTypes.string, + + /** + * Accordion item heading node. + * If no `heading` is provided, then the `title` prop will be used instead. + */ + heading: PropTypes.node, /** * View more label for truncated content. @@ -88,7 +96,7 @@ FilterPanelAccordionItem.propTypes = { /** * Optional count of unique values. */ - count: PropTypes.number, + count: PropTypes.oneOfType([PropTypes.number, PropTypes.string]), /** * Function returning a translated text labeling the count for accessibility. @@ -102,7 +110,8 @@ FilterPanelAccordionItem.propTypes = { }; FilterPanelAccordionItem.defaultProps = { - title: 'title', + title: undefined, + heading: undefined, expandLabel: 'expandLabel', collapseLabel: 'collapseLabel', children: undefined, diff --git a/src/components/FilterPanel/FilterPanelAccordionItem/__tests__/FilterPanelAccordionItem.spec.js b/src/components/FilterPanel/FilterPanelAccordionItem/__tests__/FilterPanelAccordionItem.spec.js index ce15f55e1..4cdcf617f 100644 --- a/src/components/FilterPanel/FilterPanelAccordionItem/__tests__/FilterPanelAccordionItem.spec.js +++ b/src/components/FilterPanel/FilterPanelAccordionItem/__tests__/FilterPanelAccordionItem.spec.js @@ -29,10 +29,10 @@ describe('FilterPanelAccordionItem', () => { // wrapped by `FilterPanelAccordion`, which // renders as an unordered list:
    - + {createChildChildren(11)} - + {createChildChildren(11)}
, @@ -47,16 +47,16 @@ describe('FilterPanelAccordionItem', () => { ); }); - test('renders with a title', () => { - const { getByText } = render( + test('renders with a title attribute', () => { + const { getByTitle } = render( ); - expect(getByText(/custom title/i)).toBeVisible(); + expect(getByTitle(/custom title/i)).toBeVisible(); }); - test('renders with a title node', () => { + test('renders with a heading node', () => { const { getByTestId } = render( - } /> + } /> ); expect(getByTestId('node-title')).toBeVisible(); }); diff --git a/src/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js b/src/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js index 8c3f6f89b..3baed145f 100644 --- a/src/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +++ b/src/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js @@ -20,6 +20,7 @@ const FilterPanelCheckbox = ({ labelText, count, countLabel, + title, ...other }) => ( {labelText} @@ -44,18 +46,24 @@ FilterPanelCheckbox.propTypes = { /** * Optional count. */ - count: PropTypes.number, + count: PropTypes.oneOfType([PropTypes.number, PropTypes.string]), /** * Function returning a translated text labeling the count for accessibility. */ countLabel: PropTypes.func, + + /** + * The `title` attribute of the checkbox label. + */ + title: PropTypes.string, }; FilterPanelCheckbox.defaultProps = { ...Checkbox.defaultProps, count: undefined, countLabel: count => `${count} items`, + title: undefined, }; export default FilterPanelCheckbox; diff --git a/src/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.stories.js b/src/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.stories.js index 9de4f07d5..37aba0381 100644 --- a/src/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.stories.js +++ b/src/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.stories.js @@ -5,7 +5,7 @@ import { storiesOf } from '@storybook/react'; import { action } from '@storybook/addon-actions'; -import { text, number } from '@storybook/addon-knobs'; +import { text } from '@storybook/addon-knobs'; import React from 'react'; @@ -20,9 +20,13 @@ storiesOf(patterns(`FilterPanel/${FilterPanelCheckbox.name}`), module).add( () => ( ), diff --git a/src/components/FilterPanel/FilterPanelCheckbox/_mixins.scss b/src/components/FilterPanel/FilterPanelCheckbox/_mixins.scss index 61011c743..a992b74c5 100644 --- a/src/components/FilterPanel/FilterPanelCheckbox/_mixins.scss +++ b/src/components/FilterPanel/FilterPanelCheckbox/_mixins.scss @@ -5,6 +5,7 @@ //// @import '@carbon/type/scss/styles'; +@import 'carbon-components/scss/globals/scss/vars'; @mixin filter-panel-checkbox { &__wrapper { diff --git a/src/components/FilterPanel/FilterPanelCheckboxWithOverflowMenu/FilterPanelCheckboxWithOverflowMenu.stories.js b/src/components/FilterPanel/FilterPanelCheckboxWithOverflowMenu/FilterPanelCheckboxWithOverflowMenu.stories.js index d7fd82565..a11e20ef3 100644 --- a/src/components/FilterPanel/FilterPanelCheckboxWithOverflowMenu/FilterPanelCheckboxWithOverflowMenu.stories.js +++ b/src/components/FilterPanel/FilterPanelCheckboxWithOverflowMenu/FilterPanelCheckboxWithOverflowMenu.stories.js @@ -5,7 +5,7 @@ import { storiesOf } from '@storybook/react'; import { action } from '@storybook/addon-actions'; -import { text, number } from '@storybook/addon-knobs'; +import { text } from '@storybook/addon-knobs'; import React from 'react'; @@ -23,7 +23,7 @@ storiesOf( () => ( diff --git a/src/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js b/src/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js index 0200f3d92..98251b29c 100644 --- a/src/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +++ b/src/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js @@ -19,13 +19,14 @@ const FilterPanelGroup = ({ className, titleClassName, children, + heading, ...other }) => (
- {title && ( + {(heading || title) && (

- - {title} + + {heading || title}

)} @@ -35,14 +36,20 @@ const FilterPanelGroup = ({ FilterPanelGroup.propTypes = { /** - * Group title. + * Group `title` attribute. */ - title: PropTypes.node, + title: PropTypes.string, + + /** + * Group heading node. + * If no `heading` is provided, then the `title` prop value will be used instead. + */ + heading: PropTypes.node, /** * Optional group count. */ - count: PropTypes.number, + count: PropTypes.oneOfType([PropTypes.number, PropTypes.string]), /** * Function returning a translated text labeling the count for accessibility. @@ -72,6 +79,7 @@ FilterPanelGroup.defaultProps = { className: undefined, titleClassName: undefined, children: undefined, + heading: undefined, }; export default FilterPanelGroup; diff --git a/src/components/FilterPanel/FilterPanelGroup/__tests__/FilterPanelGroup.spec.js b/src/components/FilterPanel/FilterPanelGroup/__tests__/FilterPanelGroup.spec.js index a7717ccaa..0610dc766 100644 --- a/src/components/FilterPanel/FilterPanelGroup/__tests__/FilterPanelGroup.spec.js +++ b/src/components/FilterPanel/FilterPanelGroup/__tests__/FilterPanelGroup.spec.js @@ -11,22 +11,30 @@ import FilterPanelGroup from '../FilterPanelGroup'; describe('FilterPanelGroup', () => { test('should have no Axe or DAP violations', async () => { const main = document.createElement('main'); - render(, { - // DAP requires a landmark '
' in the DOM: - container: document.body.appendChild(main), - }); + render( + , + { + // DAP requires a landmark '
' in the DOM: + container: document.body.appendChild(main), + } + ); await expect(document.body).toHaveNoAxeViolations(); await expect(document.body).toHaveNoDAPViolations('FilterPanelGroup'); }); - test('renders with a title', () => { - const { getByText } = render(); - expect(getByText(/custom title/i)).toBeVisible(); + test('renders with a title attribute', () => { + const { getByTitle } = render(); + expect(getByTitle(/custom title/i)).toBeVisible(); + }); + + test('renders a title inside the label as a node if a heading node is not provided', () => { + const { queryByText } = render(); + expect(queryByText(/title/)).toBeVisible(); }); - test('renders with a title node', () => { + test('renders with a heading node', () => { const { getByTestId } = render( - } /> + } /> ); expect(getByTestId('node-title')).toBeVisible(); }); @@ -40,7 +48,7 @@ describe('FilterPanelGroup', () => { expect(getByTestId('content')).toBeVisible(); }); - test('does not render the count if the title is not provided', () => { + test('does not render the count if the heading or title are not provided', () => { const { queryByText } = render(); expect(queryByText(/200/)).not.toBeInTheDocument(); }); @@ -52,6 +60,13 @@ describe('FilterPanelGroup', () => { expect(queryByText(/200/)).toBeVisible(); }); + test('renders the count if the heading is also provided', () => { + const { queryByText } = render( + + ); + expect(queryByText(/200/)).toBeVisible(); + }); + test('adds custom class name', () => { const { container } = render(); expect(container.querySelector('.custom-class')).toBeInTheDocument(); diff --git a/src/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js b/src/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js index 1f277efad..bb453efb3 100644 --- a/src/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +++ b/src/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js @@ -17,10 +17,11 @@ const FilterPanelLabel = ({ countLabel, className, countClassName, + title, ...other }) => ( - + {children} {!Number.isNaN(parseInt(count, 10)) && ( @@ -43,7 +44,7 @@ FilterPanelLabel.propTypes = { /** * Label count. */ - count: PropTypes.number, + count: PropTypes.oneOfType([PropTypes.number, PropTypes.string]), /** * Function returning a translated text labeling the count for accessibility. @@ -59,6 +60,11 @@ FilterPanelLabel.propTypes = { * Optional class name for the count. */ countClassName: PropTypes.string, + + /** + * The `title` attribute that is applied to the label node. + */ + title: PropTypes.string, }; FilterPanelLabel.defaultProps = { @@ -67,6 +73,7 @@ FilterPanelLabel.defaultProps = { countLabel: count => `${count} items`, className: undefined, countClassName: undefined, + title: undefined, }; export default FilterPanelLabel; diff --git a/src/components/FilterPanel/FilterPanelLabel/__tests__/FilterPanelLabel.spec.js b/src/components/FilterPanel/FilterPanelLabel/__tests__/FilterPanelLabel.spec.js index 213153463..48fb8ca6c 100644 --- a/src/components/FilterPanel/FilterPanelLabel/__tests__/FilterPanelLabel.spec.js +++ b/src/components/FilterPanel/FilterPanelLabel/__tests__/FilterPanelLabel.spec.js @@ -26,7 +26,7 @@ describe('FilterPanelLabel', () => { expect(getByText(/custom label/i)).toBeVisible(); }); - test('renders with a title node', () => { + test('renders with a heading node', () => { const { getByTestId } = render( diff --git a/src/components/Header/_mixins.scss b/src/components/Header/_mixins.scss index 6e5226946..d9e3e2d87 100644 --- a/src/components/Header/_mixins.scss +++ b/src/components/Header/_mixins.scss @@ -97,6 +97,7 @@ $header__transition__timing-function: $timing-function; position: fixed; top: 0; width: inherit; + height: inherit; padding-top: inherit; align-items: center; background-color: inherit; @@ -131,7 +132,6 @@ $header__transition__timing-function: $timing-function; &__group { display: flex; - height: inherit; padding-left: unset; margin-top: unset; margin-bottom: unset; diff --git a/src/components/Panel/_mixins.scss b/src/components/Panel/_mixins.scss index a0c8bb8ba..f232a24fb 100644 --- a/src/components/Panel/_mixins.scss +++ b/src/components/Panel/_mixins.scss @@ -122,8 +122,6 @@ } &__body { - padding-right: $panel__spacing__padding; - padding-left: $panel__spacing__padding; margin-top: carbon--mini-units($count: 11); flex-grow: 1; overflow-y: auto; @@ -131,8 +129,7 @@ &--content { @include carbon--type-style($name: caption-01); - padding-top: $panel__spacing__padding; - padding-bottom: $panel__spacing__padding; + padding: $panel__spacing__padding; border-bottom: $panel__content__sizing__border solid $panel__content__color__border; diff --git a/src/components/PanelV2/_mixins.scss b/src/components/PanelV2/_mixins.scss index 398e84206..2a8375d21 100644 --- a/src/components/PanelV2/_mixins.scss +++ b/src/components/PanelV2/_mixins.scss @@ -125,8 +125,6 @@ } &__body { - padding-right: $panel__spacing__padding; - padding-left: $panel__spacing__padding; margin-top: carbon--mini-units($count: 11); flex-grow: 1; overflow-y: auto; diff --git a/src/components/StepIndicator/_index.scss b/src/components/StepIndicator/_index.scss index 72f08f6fe..caaa77155 100644 --- a/src/components/StepIndicator/_index.scss +++ b/src/components/StepIndicator/_index.scss @@ -56,7 +56,7 @@ &:hover { box-shadow: unset; - color: unset; + color: $text-01; cursor: default; } } diff --git a/src/components/Tearsheet/Tearsheet.js b/src/components/Tearsheet/Tearsheet.js index 5c5b23394..5d50c0ad0 100644 --- a/src/components/Tearsheet/Tearsheet.js +++ b/src/components/Tearsheet/Tearsheet.js @@ -7,6 +7,7 @@ import Close20 from '@carbon/icons-react/lib/close/20'; import TrashCan20 from '@carbon/icons-react/lib/trash-can/20'; import PropTypes from 'prop-types'; +import classnames from 'classnames'; import React, { Component } from 'react'; import Button from '../Button'; @@ -53,6 +54,7 @@ class Tearsheet extends Component { render() { const { + className, focusTrap, selectorPrimaryFocus, renderSidebar, @@ -76,6 +78,7 @@ class Tearsheet extends Component { onClick: onDeleteButtonClick, }, labels, + ...other } = this.props; const componentLabels = { @@ -103,8 +106,9 @@ class Tearsheet extends Component { >
{this.state.loading && ( @@ -296,9 +300,13 @@ Tearsheet.propTypes = { /** @type {array} Array of event types to stop propagation. */ stopPropagationEvents: PropTypes.arrayOf(PropTypes.oneOf(PORTAL_EVENTS)), + + /** Optional class name for the tearsheet wrapper node. */ + className: PropTypes.string, }; Tearsheet.defaultProps = { + className: '', focusTrap: true, selectorPrimaryFocus: '[tearsheet-primary-focus]', renderMain: () => null, diff --git a/src/components/Tearsheet/__tests__/__snapshots__/Tearsheet.spec.js.snap b/src/components/Tearsheet/__tests__/__snapshots__/Tearsheet.spec.js.snap index 6338de98e..8ec2da651 100644 --- a/src/components/Tearsheet/__tests__/__snapshots__/Tearsheet.spec.js.snap +++ b/src/components/Tearsheet/__tests__/__snapshots__/Tearsheet.spec.js.snap @@ -16,6 +16,9 @@ exports[`Tearsheet should override \`labels\` if button label property provided
); } @@ -378,9 +381,13 @@ Wizard.propTypes = { * (useful to override default labels) */ labels: defaultLabels.propType, + + /** Optional class name for the wrapper node. */ + className: PropTypes.string, }; Wizard.defaultProps = { + className: '', focusTrap: true, rootNode: isClient() ? document.body : undefined, subTitle: '', diff --git a/src/components/__tests__/__snapshots__/publicAPI.spec.js.snap b/src/components/__tests__/__snapshots__/publicAPI.spec.js.snap index 12bff7149..577656aed 100644 --- a/src/components/__tests__/__snapshots__/publicAPI.spec.js.snap +++ b/src/components/__tests__/__snapshots__/publicAPI.spec.js.snap @@ -3122,6 +3122,7 @@ Map { "className": undefined, "count": undefined, "countLabel": [Function], + "heading": undefined, "title": undefined, }, "propTypes": Object { @@ -3132,14 +3133,27 @@ Map { "type": "string", }, "count": Object { - "type": "number", + "args": Array [ + Array [ + Object { + "type": "number", + }, + Object { + "type": "string", + }, + ], + ], + "type": "oneOfType", }, "countLabel": Object { "type": "func", }, - "title": Object { + "heading": Object { "type": "node", }, + "title": Object { + "type": "string", + }, }, }, "FilterPanelAccordionItem" => Object { @@ -3150,8 +3164,9 @@ Map { "count": undefined, "countLabel": [Function], "expandLabel": "expandLabel", + "heading": undefined, "scrollGradientColor": "var(--ui-background, #161616)", - "title": "title", + "title": undefined, }, "propTypes": Object { "children": Object { @@ -3164,7 +3179,17 @@ Map { "type": "string", }, "count": Object { - "type": "number", + "args": Array [ + Array [ + Object { + "type": "number", + }, + Object { + "type": "string", + }, + ], + ], + "type": "oneOfType", }, "countLabel": Object { "type": "func", @@ -3172,11 +3197,14 @@ Map { "expandLabel": Object { "type": "string", }, + "heading": Object { + "type": "node", + }, "scrollGradientColor": Object { "type": "string", }, "title": Object { - "type": "node", + "type": "string", }, }, }, @@ -3186,6 +3214,7 @@ Map { "countLabel": [Function], "indeterminate": false, "onChange": [Function], + "title": undefined, }, "propTypes": Object { "checked": Object { @@ -3195,7 +3224,17 @@ Map { "type": "string", }, "count": Object { - "type": "number", + "args": Array [ + Array [ + Object { + "type": "number", + }, + Object { + "type": "string", + }, + ], + ], + "type": "oneOfType", }, "countLabel": Object { "type": "func", @@ -3241,6 +3280,7 @@ Map { "onChange": [Function], "open": false, "overflowMenuAriaLabel": undefined, + "title": undefined, }, "propTypes": Object { "checked": Object { @@ -3253,7 +3293,17 @@ Map { "type": "string", }, "count": Object { - "type": "number", + "args": Array [ + Array [ + Object { + "type": "number", + }, + Object { + "type": "string", + }, + ], + ], + "type": "oneOfType", }, "countLabel": Object { "type": "func", @@ -3301,6 +3351,7 @@ Map { "className": undefined, "count": undefined, "countLabel": [Function], + "heading": undefined, "title": undefined, "titleClassName": undefined, }, @@ -3312,14 +3363,27 @@ Map { "type": "string", }, "count": Object { - "type": "number", + "args": Array [ + Array [ + Object { + "type": "number", + }, + Object { + "type": "string", + }, + ], + ], + "type": "oneOfType", }, "countLabel": Object { "type": "func", }, - "title": Object { + "heading": Object { "type": "node", }, + "title": Object { + "type": "string", + }, "titleClassName": Object { "type": "string", }, @@ -3332,6 +3396,7 @@ Map { "count": undefined, "countClassName": undefined, "countLabel": [Function], + "title": undefined, }, "propTypes": Object { "children": Object { @@ -3341,7 +3406,17 @@ Map { "type": "string", }, "count": Object { - "type": "number", + "args": Array [ + Array [ + Object { + "type": "number", + }, + Object { + "type": "string", + }, + ], + ], + "type": "oneOfType", }, "countClassName": Object { "type": "string", @@ -3349,6 +3424,9 @@ Map { "countLabel": Object { "type": "func", }, + "title": Object { + "type": "string", + }, }, }, "FilterPanelSearch" => Object { @@ -9864,6 +9942,7 @@ Map { }, "Tearsheet" => Object { "defaultProps": Object { + "className": "", "deleteButton": Object { "hide": true, "onClick": [Function], @@ -9889,6 +9968,9 @@ Map { }, }, "propTypes": Object { + "className": Object { + "type": "string", + }, "closeButton": Object { "args": Array [ Object { @@ -12032,6 +12114,7 @@ Map { "Wizard" => Object { "defaultProps": Object { "children": undefined, + "className": "", "focusTrap": true, "initState": Object {}, "isOpen": undefined, @@ -12047,6 +12130,9 @@ Map { "children": Object { "type": "node", }, + "className": Object { + "type": "string", + }, "focusTrap": Object { "type": "bool", }, diff --git a/yarn.lock b/yarn.lock index 539dce203..7c012ddba 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2642,7 +2642,12 @@ resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d" integrity sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA== -"@types/node@*", "@types/node@^12.0.2", "@types/node@^12.11.1": +"@types/node@*": + version "14.0.6" + resolved "https://registry.yarnpkg.com/@types/node/-/node-14.0.6.tgz#f9e178b2da31a4b0ec60b64649e244c31ce18daf" + integrity sha512-FbNmu4F67d3oZMWBV6Y4MaPER+0EpE9eIYf2yaHhCWovc1dlXCZkqGX4NLHfVVr6umt20TNBdRzrNJIzIKfdbw== + +"@types/node@^12.0.2", "@types/node@^12.11.1": version "12.12.3" resolved "https://registry.yarnpkg.com/@types/node/-/node-12.12.3.tgz#ebfe83507ac506bc3486314a8aa395be66af8d23" integrity sha512-opgSsy+cEF9N8MgaVPnWVtdJ3o4mV2aMHvDq7thkQUFt0EuOHJon4rQpJfhjmNHB+ikl0Cd6WhWIErOyQ+f7tw== @@ -2984,15 +2989,16 @@ accepts@~1.3.7: mime-types "~2.1.24" negotiator "0.6.2" -accessibility-checker@^3.0.2: - version "3.0.2" - resolved "https://registry.yarnpkg.com/accessibility-checker/-/accessibility-checker-3.0.2.tgz#5295a38b27990fb1db2e54d6b70b148e04205024" - integrity sha512-N4Yr1pnFkNKf6lJneE73x//uulYthEbzilgtXtwbly3Xm6yXLjeDuzJ11RUq+JFHwDg5nzDtAzlLlwVlpjN3xA== +accessibility-checker@^3.0.4: + version "3.0.4" + resolved "https://registry.yarnpkg.com/accessibility-checker/-/accessibility-checker-3.0.4.tgz#5e6e67693ba7d0ecb18719d9af0c92b21d252ea3" + integrity sha512-EZ8kD5Ff0CCehJwyQTxdr4SPb5Cw9ndPaowRRQ+RMaGYrJXlM+2rBQd86NryHaWvolqVNNCLIvZCAk0JDB3C6Q== dependencies: chromedriver "^80.0.1" deep-diff "^0.3.4" js-yaml "^3.13.1" puppeteer "^2.0.0" + request "^2.88.2" acorn-babel@0.11.1-32: version "0.11.1-32" @@ -5338,7 +5344,7 @@ concat-map@0.0.1: resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b" integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s= -concat-stream@1.6.2, concat-stream@^1.5.0, concat-stream@^1.6.0: +concat-stream@^1.5.0, concat-stream@^1.6.0, concat-stream@^1.6.2: version "1.6.2" resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34" integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw== @@ -7434,14 +7440,14 @@ extglob@^2.0.4: to-regex "^3.0.1" extract-zip@^1.6.6: - version "1.6.7" - resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-1.6.7.tgz#a840b4b8af6403264c8db57f4f1a74333ef81fe9" - integrity sha1-qEC0uK9kAyZMjbV/Txp0Mz74H+k= + version "1.7.0" + resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-1.7.0.tgz#556cc3ae9df7f452c493a0cfb51cc30277940927" + integrity sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA== dependencies: - concat-stream "1.6.2" - debug "2.6.9" - mkdirp "0.5.1" - yauzl "2.4.1" + concat-stream "^1.6.2" + debug "^2.6.9" + mkdirp "^0.5.4" + yauzl "^2.10.0" extract-zip@^2.0.0: version "2.0.0" @@ -7502,15 +7508,16 @@ fast-glob@^2.0.2, fast-glob@^2.2.6: micromatch "^3.1.10" fast-glob@^3.0.3: - version "3.1.0" - resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.1.0.tgz#77375a7e3e6f6fc9b18f061cddd28b8d1eec75ae" - integrity sha512-TrUz3THiq2Vy3bjfQUB2wNyPdGBeGmdjbzzBLhfHN4YFurYptCKwGq/TfiRavbGywFRzY6U2CdmQ1zmsY5yYaw== + version "3.2.2" + resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.2.tgz#ade1a9d91148965d4bf7c51f72e1ca662d32e63d" + integrity sha512-UDV82o4uQyljznxwMxyVRJgZZt3O5wENYojjzbaGEGZgeOxkLFf+V4cnUD+krzb2F72E18RhamkMZ7AdeggF7A== dependencies: "@nodelib/fs.stat" "^2.0.2" "@nodelib/fs.walk" "^1.2.3" glob-parent "^5.1.0" merge2 "^1.3.0" micromatch "^4.0.2" + picomatch "^2.2.1" fast-json-stable-stringify@^2.0.0: version "2.0.0" @@ -7539,11 +7546,11 @@ fastparse@^1.1.1: integrity sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ== fastq@^1.6.0: - version "1.6.0" - resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.6.0.tgz#4ec8a38f4ac25f21492673adb7eae9cfef47d1c2" - integrity sha512-jmxqQ3Z/nXoeyDmWAzF9kH1aGZSis6e/SbfPmJpUnyZ0ogr6iscHQaml4wsEepEWSdtmpy+eVXmCRIMpxaXqOA== + version "1.8.0" + resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.8.0.tgz#550e1f9f59bbc65fe185cb6a9b4d95357107f481" + integrity sha512-SMIZoZdLh/fgofivvIkmknUXyPnvxRE3DhtZ5Me3Mrsk5gyPL42F0xr51TdRXskBxHfMp+07bcYzfsYEsSQA9Q== dependencies: - reusify "^1.0.0" + reusify "^1.0.4" fault@^1.0.2: version "1.0.3" @@ -7590,13 +7597,6 @@ fbjs@^0.8.0, fbjs@^0.8.1, fbjs@^0.8.4: setimmediate "^1.0.5" ua-parser-js "^0.7.18" -fd-slicer@~1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/fd-slicer/-/fd-slicer-1.0.1.tgz#8b5bcbd9ec327c5041bf9ab023fd6750f1177e65" - integrity sha1-i1vL2ewyfFBBv5qwI/1nUPEXfmU= - dependencies: - pend "~1.2.0" - fd-slicer@~1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/fd-slicer/-/fd-slicer-1.1.0.tgz#25c7c89cb1f9077f8891bbe61d8f390eae256f1e" @@ -8281,9 +8281,9 @@ glob-parent@^3.1.0: path-dirname "^1.0.0" glob-parent@^5.1.0: - version "5.1.0" - resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.0.tgz#5f4c1d1e748d30cd73ad2944b3577a81b081e8c2" - integrity sha512-qjtRgnIVmOfnKUE3NJAQEdk+lKrxfw8t5ke7SXtfMTHcjsBfOfWXCQfdb30zfDoZQ2IRSIiidmjtbHZPZ++Ihw== + version "5.1.1" + resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.1.tgz#b6c1ef417c4e5663ea498f1c45afac6916bbc229" + integrity sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ== dependencies: is-glob "^4.0.1" @@ -8346,7 +8346,7 @@ glob2base@^0.0.12: dependencies: find-index "^0.1.1" -glob@7.x, glob@^7.0.0, glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@~7.1.1: +glob@7.x, glob@^7.0.0, glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.4, glob@~7.1.1: version "7.1.5" resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.5.tgz#6714c69bee20f3c3e64c4dd905553e532b40cdc0" integrity sha512-J9dlskqUXK1OeTOYBEn5s8aMukWMwWfs+rPTn/jn50Ux4MNXVhubL1wu/j2t+H4NVI+cXEcCaYellqaPVGXNqQ== @@ -8379,7 +8379,7 @@ glob@^5.0.15: once "^1.3.0" path-is-absolute "^1.0.0" -glob@^7.1.6: +glob@^7.1.3, glob@^7.1.6: version "7.1.6" resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6" integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA== @@ -8483,7 +8483,7 @@ globby@8.0.2: pify "^3.0.0" slash "^1.0.0" -globby@^10.0.0, globby@^10.0.1: +globby@^10.0.0: version "10.0.1" resolved "https://registry.yarnpkg.com/globby/-/globby-10.0.1.tgz#4782c34cb75dd683351335c5829cc3420e606b22" integrity sha512-sSs4inE1FB2YQiymcmTv6NWENryABjUNPeWhOvmn4SjtKybglsyPZxFB3U1/+L1bYi0rNZDqCLlHyLYDl1Pq5A== @@ -8497,6 +8497,20 @@ globby@^10.0.0, globby@^10.0.1: merge2 "^1.2.3" slash "^3.0.0" +globby@^10.0.1: + version "10.0.2" + resolved "https://registry.yarnpkg.com/globby/-/globby-10.0.2.tgz#277593e745acaa4646c3ab411289ec47a0392543" + integrity sha512-7dUi7RvCoT/xast/o/dLN53oqND4yk0nsHkhRgn9w65C4PofCLOoJ39iSOg+qVDdWQPIEj+eszMHQ+aLVwwQSg== + dependencies: + "@types/glob" "^7.1.1" + array-union "^2.1.0" + dir-glob "^3.0.1" + fast-glob "^3.0.3" + glob "^7.1.3" + ignore "^5.1.1" + merge2 "^1.2.3" + slash "^3.0.0" + globby@^6.1.0: version "6.1.0" resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c" @@ -8590,11 +8604,16 @@ graceful-fs@^3.0.0: dependencies: natives "^1.1.3" -graceful-fs@^4.0.0, graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.3, graceful-fs@^4.1.4, graceful-fs@^4.1.6, graceful-fs@^4.1.9, graceful-fs@^4.2.0, graceful-fs@^4.2.2, graceful-fs@^4.2.3: +graceful-fs@^4.0.0, graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.3, graceful-fs@^4.1.4, graceful-fs@^4.1.6, graceful-fs@^4.1.9, graceful-fs@^4.2.0, graceful-fs@^4.2.3: version "4.2.3" resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.3.tgz#4a12ff1b60376ef09862c2093edd908328be8423" integrity sha512-a30VEBm4PEdx1dRB7MFK7BejejvCvBronbLjht+sHuGYj8PHs7M/5Z+rt5lw551vZ7yfTCj4Vuyy3mSJytDWRQ== +graceful-fs@^4.2.2: + version "4.2.4" + resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb" + integrity sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw== + graceful-fs@~1.2.0: version "1.2.3" resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-1.2.3.tgz#15a4806a57547cb2d2dbf27f42e89a8c3451b364" @@ -8782,7 +8801,7 @@ har-schema@^2.0.0: resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92" integrity sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI= -har-validator@~5.1.0: +har-validator@~5.1.0, har-validator@~5.1.3: version "5.1.3" resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-5.1.3.tgz#1ef89ebd3e4996557675eed9893110dc350fa080" integrity sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g== @@ -9189,11 +9208,16 @@ ignore@^4.0.3: resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc" integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg== -ignore@^5.0.4, ignore@^5.1.1: +ignore@^5.0.4: version "5.1.4" resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.4.tgz#84b7b3dbe64552b6ef0eca99f6743dbec6d97adf" integrity sha512-MzbUSahkTW1u7JpKKjY7LCARd1fU5W2rLdxlM4kdkayuCwZImjkpluF9CM1aLewYJguPDqewLam18Y6AU69A8A== +ignore@^5.1.1: + version "5.1.8" + resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.8.tgz#f150a8b50a34289b33e22f5889abd4d8016f0e57" + integrity sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw== + immer@1.10.0: version "1.10.0" resolved "https://registry.yarnpkg.com/immer/-/immer-1.10.0.tgz#bad67605ba9c810275d91e1c2a47d4582e98286d" @@ -10475,7 +10499,15 @@ js-tokens@^3.0.2: resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b" integrity sha1-mGbfOVECEw449/mWvOtlRDIJwls= -js-yaml@^3.13.1, js-yaml@^3.4.3, js-yaml@^3.9.1: +js-yaml@^3.13.1: + version "3.14.0" + resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.0.tgz#a7a34170f26a21bb162424d8adacb4113a69e482" + integrity sha512-/4IbIeHcD9VMHFqDR/gQ7EdZdLimOvW2DdcxFjdyyZ9NsbS+ccrXqVWDtab/lRl5AlUqmpBx8EhPaWR+OtY17A== + dependencies: + argparse "^1.0.7" + esprima "^4.0.0" + +js-yaml@^3.4.3, js-yaml@^3.9.1: version "3.13.1" resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.13.1.tgz#aff151b30bfdfa8e49e05da22e7415e9dfa37847" integrity sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw== @@ -11937,7 +11969,12 @@ mime@1.6.0: resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1" integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg== -mime@^2.0.3, mime@^2.4.3, mime@^2.4.4: +mime@^2.0.3: + version "2.4.6" + resolved "https://registry.yarnpkg.com/mime/-/mime-2.4.6.tgz#e5b407c90db442f2beb5b162373d07b69affa4d1" + integrity sha512-RZKhC3EmpBchfTGBVb8fb+RL2cWyw/32lshnsETttkBAyAUXSGHxbEJWWRXc751DrIxG1q04b8QwMbAwkRPpUA== + +mime@^2.4.3, mime@^2.4.4: version "2.4.4" resolved "https://registry.yarnpkg.com/mime/-/mime-2.4.4.tgz#bd7b91135fc6b01cde3e9bae33d659b63d8857e5" integrity sha512-LRxmNwziLPT828z+4YkNzloCFC2YM4wrB99k+AV5ZbEyfGNWfG8SO1FUXLmLDBSo89NrJZ4DIWeLjy1CHGhMGA== @@ -12034,6 +12071,11 @@ minimist@^1.1.0, minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0: resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284" integrity sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ= +minimist@^1.2.5: + version "1.2.5" + resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602" + integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw== + minimist@~0.0.1: version "0.0.10" resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.10.tgz#de3f98543dbf96082be48ad1a0c7cda836301dcf" @@ -12086,13 +12128,20 @@ mixin-object@^2.0.1: for-in "^0.1.3" is-extendable "^0.1.1" -mkdirp@0.5.1, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@~0.5.1: +"mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@~0.5.1: version "0.5.1" resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903" integrity sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM= dependencies: minimist "0.0.8" +mkdirp@^0.5.4: + version "0.5.5" + resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def" + integrity sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ== + dependencies: + minimist "^1.2.5" + mkdirp@^1.0.4: version "1.0.4" resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e" @@ -13531,10 +13580,10 @@ performance-now@^2.1.0: resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b" integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns= -picomatch@^2.0.5: - version "2.1.0" - resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.1.0.tgz#0fd042f568d08b1ad9ff2d3ec0f0bfb3cb80e177" - integrity sha512-uhnEDzAbrcJ8R3g2fANnSuXZMBtkpSjxTTgn2LeSiQlfmq72enQJWdQllXW24MBLYnA1SBD2vfvx2o0Zw3Ielw== +picomatch@^2.0.5, picomatch@^2.2.1: + version "2.2.2" + resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.2.2.tgz#21f333e9b6b8eaff02468f5146ea406d345f4dad" + integrity sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg== pidtree@^0.3.0: version "0.3.0" @@ -14342,9 +14391,9 @@ proxy-addr@~2.0.5: ipaddr.js "1.9.0" proxy-from-env@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.0.0.tgz#33c50398f70ea7eb96d21f7b817630a55791c7ee" - integrity sha1-M8UDmPcOp+uW0h97gXYwpVeRx+4= + version "1.1.0" + resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2" + integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg== prr@~1.0.1: version "1.0.1" @@ -15020,7 +15069,7 @@ read@1, read@~1.0.1, read@~1.0.7: dependencies: mute-stream "~0.0.4" -"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.5, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.5, readable-stream@^2.3.6, readable-stream@~2.3.6: +"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.5, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.3.3, readable-stream@^2.3.5, readable-stream@^2.3.6, readable-stream@~2.3.6: version "2.3.6" resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.6.tgz#b11c27d88b8ff1fbe070643cf94b0c79ae1b0aaf" integrity sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw== @@ -15062,6 +15111,19 @@ readable-stream@^1.0.33, readable-stream@~1.1.10, readable-stream@~1.1.9: isarray "0.0.1" string_decoder "~0.10.x" +readable-stream@^2.2.2: + version "2.3.7" + resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57" + integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw== + dependencies: + core-util-is "~1.0.0" + inherits "~2.0.3" + isarray "~1.0.0" + process-nextick-args "~2.0.0" + safe-buffer "~5.1.1" + string_decoder "~1.1.1" + util-deprecate "~1.0.1" + readdir-scoped-modules@^1.0.0, readdir-scoped-modules@^1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/readdir-scoped-modules/-/readdir-scoped-modules-1.1.0.tgz#8d45407b4f870a0dcaebc0e28670d18e74514309" @@ -15563,6 +15625,32 @@ request@^2.87.0, request@^2.88.0: tunnel-agent "^0.6.0" uuid "^3.3.2" +request@^2.88.2: + version "2.88.2" + resolved "https://registry.yarnpkg.com/request/-/request-2.88.2.tgz#d73c918731cb5a87da047e207234146f664d12b3" + integrity sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw== + dependencies: + aws-sign2 "~0.7.0" + aws4 "^1.8.0" + caseless "~0.12.0" + combined-stream "~1.0.6" + extend "~3.0.2" + forever-agent "~0.6.1" + form-data "~2.3.2" + har-validator "~5.1.3" + http-signature "~1.2.0" + is-typedarray "~1.0.0" + isstream "~0.1.2" + json-stringify-safe "~5.0.1" + mime-types "~2.1.19" + oauth-sign "~0.9.0" + performance-now "^2.1.0" + qs "~6.5.2" + safe-buffer "^5.1.2" + tough-cookie "~2.5.0" + tunnel-agent "^0.6.0" + uuid "^3.3.2" + require-directory@^2.1.1: version "2.1.1" resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42" @@ -15695,7 +15783,7 @@ retry@^0.12.0: resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b" integrity sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs= -reusify@^1.0.0: +reusify@^1.0.4: version "1.0.4" resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76" integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw== @@ -15715,9 +15803,9 @@ rimraf@2.6.3, rimraf@~2.6.2: glob "^7.1.3" rimraf@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.0.tgz#614176d4b3010b75e5c390eb0ee96f6dc0cebb9b" - integrity sha512-NDGVxTsjqfunkds7CqsOiEnxln4Bo7Nddl3XhS4pXg5OzwkLqJ971ZVAAnB+DDLnF76N+VnDEiBHaVV8I06SUg== + version "3.0.2" + resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a" + integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA== dependencies: glob "^7.1.3" @@ -17499,7 +17587,7 @@ toidentifier@1.0.0: resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.0.tgz#7e1be3470f1e77948bc43d94a3c8f4d7752ba553" integrity sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw== -tough-cookie@^2.3.3, tough-cookie@^2.3.4: +tough-cookie@^2.3.3, tough-cookie@^2.3.4, tough-cookie@~2.5.0: version "2.5.0" resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2" integrity sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g== @@ -18719,13 +18807,6 @@ yarn@^1.16.0: resolved "https://registry.yarnpkg.com/yarn/-/yarn-1.19.1.tgz#14b92410dd1ba5bab87a12b4a3d807f4569bea97" integrity sha512-gBnfbL9rYY05Gt0cjJhs/siqQXHYlZalTjK3nXn2QO20xbkIFPob+LlH44ML47GcR4VU9/2dYck1BWFM0Javxw== -yauzl@2.4.1: - version "2.4.1" - resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.4.1.tgz#9528f442dab1b2284e58b4379bb194e22e0c4005" - integrity sha1-lSj0QtqxsihOWLQ3m7GU4i4MQAU= - dependencies: - fd-slicer "~1.0.1" - yauzl@^2.10.0: version "2.10.0" resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"