From 10e60217a43aac78532f9574d890365fcc506a58 Mon Sep 17 00:00:00 2001 From: Martin Guillon Date: Mon, 21 Mar 2022 17:30:19 +0100 Subject: [PATCH] feat: new UI using carbon design with theme support feat: allow to add/remove multiple mbtiles per panel fix: popup working in both panels --- package.json | 21 +- src/carbon.css | 9035 ++++++++++++++++++ src/carbon.scss | 104 + src/components/App.svelte | 601 +- src/components/Menu.svelte | 274 +- src/fonts/IBMPlexMono-Bold.woff2 | Bin 0 -> 40688 bytes src/fonts/IBMPlexMono-BoldItalic.woff2 | Bin 0 -> 44644 bytes src/fonts/IBMPlexMono-ExtraLight.woff2 | Bin 0 -> 39828 bytes src/fonts/IBMPlexMono-ExtraLightItalic.woff2 | Bin 0 -> 44028 bytes src/fonts/IBMPlexMono-Italic.woff2 | Bin 0 -> 43940 bytes src/fonts/IBMPlexMono-Light.woff2 | Bin 0 -> 39660 bytes src/fonts/IBMPlexMono-LightItalic.woff2 | Bin 0 -> 44200 bytes src/fonts/IBMPlexMono-Medium.woff2 | Bin 0 -> 40396 bytes src/fonts/IBMPlexMono-MediumItalic.woff2 | Bin 0 -> 45176 bytes src/fonts/IBMPlexMono-Regular.woff2 | Bin 0 -> 39328 bytes src/fonts/IBMPlexMono-SemiBold.woff2 | Bin 0 -> 41368 bytes src/fonts/IBMPlexMono-SemiBoldItalic.woff2 | Bin 0 -> 45836 bytes src/fonts/IBMPlexMono-Text.woff2 | Bin 0 -> 40048 bytes src/fonts/IBMPlexMono-TextItalic.woff2 | Bin 0 -> 45348 bytes src/fonts/IBMPlexMono-Thin.woff2 | Bin 0 -> 39684 bytes src/fonts/IBMPlexMono-ThinItalic.woff2 | Bin 0 -> 43220 bytes src/fonts/IBMPlexSans-Bold.woff2 | Bin 0 -> 56516 bytes src/fonts/IBMPlexSans-BoldItalic.woff2 | Bin 0 -> 60412 bytes src/fonts/IBMPlexSans-ExtraLight.woff2 | Bin 0 -> 60108 bytes src/fonts/IBMPlexSans-ExtraLightItalic.woff2 | Bin 0 -> 64236 bytes src/fonts/IBMPlexSans-Italic.woff2 | Bin 0 -> 60616 bytes src/fonts/IBMPlexSans-Light.woff2 | Bin 0 -> 59748 bytes src/fonts/IBMPlexSans-LightItalic.woff2 | Bin 0 -> 64220 bytes src/fonts/IBMPlexSans-Medium.woff2 | Bin 0 -> 59872 bytes src/fonts/IBMPlexSans-MediumItalic.woff2 | Bin 0 -> 64624 bytes src/fonts/IBMPlexSans-Regular.woff2 | Bin 0 -> 56416 bytes src/fonts/IBMPlexSans-SemiBold.woff2 | Bin 0 -> 60384 bytes src/fonts/IBMPlexSans-SemiBoldItalic.woff2 | Bin 0 -> 63704 bytes src/fonts/IBMPlexSans-Text.woff2 | Bin 0 -> 59588 bytes src/fonts/IBMPlexSans-TextItalic.woff2 | Bin 0 -> 64288 bytes src/fonts/IBMPlexSans-Thin.woff2 | Bin 0 -> 55832 bytes src/fonts/IBMPlexSans-ThinItalic.woff2 | Bin 0 -> 60792 bytes src/fonts/_mono.scss | 352 + src/fonts/_sans.scss | 406 + src/global.css | 59 +- src/i18n/en.json | 10 +- src/index.html | 2 +- src/main.ts | 15 +- 43 files changed, 10545 insertions(+), 334 deletions(-) create mode 100644 src/carbon.css create mode 100644 src/carbon.scss create mode 100644 src/fonts/IBMPlexMono-Bold.woff2 create mode 100644 src/fonts/IBMPlexMono-BoldItalic.woff2 create mode 100644 src/fonts/IBMPlexMono-ExtraLight.woff2 create mode 100644 src/fonts/IBMPlexMono-ExtraLightItalic.woff2 create mode 100644 src/fonts/IBMPlexMono-Italic.woff2 create mode 100644 src/fonts/IBMPlexMono-Light.woff2 create mode 100644 src/fonts/IBMPlexMono-LightItalic.woff2 create mode 100644 src/fonts/IBMPlexMono-Medium.woff2 create mode 100644 src/fonts/IBMPlexMono-MediumItalic.woff2 create mode 100644 src/fonts/IBMPlexMono-Regular.woff2 create mode 100644 src/fonts/IBMPlexMono-SemiBold.woff2 create mode 100644 src/fonts/IBMPlexMono-SemiBoldItalic.woff2 create mode 100644 src/fonts/IBMPlexMono-Text.woff2 create mode 100644 src/fonts/IBMPlexMono-TextItalic.woff2 create mode 100644 src/fonts/IBMPlexMono-Thin.woff2 create mode 100644 src/fonts/IBMPlexMono-ThinItalic.woff2 create mode 100644 src/fonts/IBMPlexSans-Bold.woff2 create mode 100644 src/fonts/IBMPlexSans-BoldItalic.woff2 create mode 100644 src/fonts/IBMPlexSans-ExtraLight.woff2 create mode 100644 src/fonts/IBMPlexSans-ExtraLightItalic.woff2 create mode 100644 src/fonts/IBMPlexSans-Italic.woff2 create mode 100644 src/fonts/IBMPlexSans-Light.woff2 create mode 100644 src/fonts/IBMPlexSans-LightItalic.woff2 create mode 100644 src/fonts/IBMPlexSans-Medium.woff2 create mode 100644 src/fonts/IBMPlexSans-MediumItalic.woff2 create mode 100644 src/fonts/IBMPlexSans-Regular.woff2 create mode 100644 src/fonts/IBMPlexSans-SemiBold.woff2 create mode 100644 src/fonts/IBMPlexSans-SemiBoldItalic.woff2 create mode 100644 src/fonts/IBMPlexSans-Text.woff2 create mode 100644 src/fonts/IBMPlexSans-TextItalic.woff2 create mode 100644 src/fonts/IBMPlexSans-Thin.woff2 create mode 100644 src/fonts/IBMPlexSans-ThinItalic.woff2 create mode 100644 src/fonts/_mono.scss create mode 100644 src/fonts/_sans.scss diff --git a/package.json b/package.json index 0a6b86f..76b1211 100644 --- a/package.json +++ b/package.json @@ -38,22 +38,6 @@ "devDependencies": { "@commitlint/cli": "^16.2.1", "@commitlint/config-conventional": "^16.2.1", - "@smui-extra/autocomplete": "6.0.0-beta.15", - "@smui/checkbox": "6.0.0-beta.15", - "@smui/circular-progress": "6.0.0-beta.15", - "@smui/common": "6.0.0-beta.15", - "@smui/dialog": "^6.0.0-beta.13", - "@smui/drawer": "6.0.0-beta.15", - "@smui/form-field": "6.0.0-beta.15", - "@smui/icon-button": "6.0.0-beta.15", - "@smui/list": "6.0.0-beta.15", - "@smui/menu": "6.0.0-beta.15", - "@smui/menu-surface": "6.0.0-beta.15", - "@smui/radio": "6.0.0-beta.15", - "@smui/slider": "6.0.0-beta.15", - "@smui/snackbar": "6.0.0-beta.15", - "@smui/switch": "6.0.0-beta.15", - "@smui/textfield": "6.0.0-beta.15", "@sveltejs/vite-plugin-svelte": "1.0.0-next.36", "@tauri-apps/api": "1.0.0-rc.2", "@tauri-apps/cli": "1.0.0-rc.7", @@ -65,6 +49,7 @@ "eslint-config-prettier": "^8.5.0", "eslint-plugin-prettier": "^4.0.0", "eslint-plugin-svelte3": "^3.4.1", + "node-sass": "^7.0.1", "prettier": "^2.6.0", "prettier-plugin-svelte": "^2.6.0", "sass": "^1.49.9", @@ -76,9 +61,13 @@ "vite": "^2.8.6" }, "dependencies": { + "@geoffcox/svelte-splitter": "^1.0.1", "@maplibre/maplibre-gl-compare": "^0.5.0", "@smui/fab": "^6.0.0-beta.13", "@smui/paper": "^6.0.0-beta.13", + "carbon-components": "^10.55.1", + "carbon-components-svelte": "^0.61.1", + "carbon-icons-svelte": "^10.45.1", "events": "^3.3.0", "mapbox-gl-controls": "^2.3.5", "maplibre-gl": "^2.1.1", diff --git a/src/carbon.css b/src/carbon.css new file mode 100644 index 0000000..63dfdba --- /dev/null +++ b/src/carbon.css @@ -0,0 +1,9035 @@ +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +embed, +figure, +figcaption, +footer, +header, +hgroup, +menu, +nav, +output, +ruby, +section, +summary, +time, +mark, +audio, +video { + padding: 0; + border: 0; + margin: 0; + font: inherit; + font-size: 100%; + vertical-align: baseline; } + +button, +select, +input, +textarea { + border-radius: 0; + font-family: inherit; } + +input[type='text']::-ms-clear { + display: none; } + +/* HTML5 display-role reset for older browsers */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section { + display: block; } + +body { + line-height: 1; } + +sup { + vertical-align: super; } + +sub { + vertical-align: sub; } + +ol, +ul { + list-style: none; } + +blockquote, +q { + quotes: none; } + +blockquote::before, +blockquote::after, +q::before, +q::after { + content: ''; } + +table { + border-collapse: collapse; + border-spacing: 0; } + +* { + box-sizing: border-box; } + +button { + margin: 0; } + +html { + font-size: 100%; } + +body { + font-weight: 400; + font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; } + +code { + font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; } + +strong { + font-weight: 600; } + +@media screen and (-ms-high-contrast: active) { + svg { + fill: ButtonText; } } + +h1 { + font-size: var(--cds-productive-heading-06-font-size, 2.625rem); + font-weight: var(--cds-productive-heading-06-font-weight, 300); + line-height: var(--cds-productive-heading-06-line-height, 1.199); + letter-spacing: var(--cds-productive-heading-06-letter-spacing, 0); } + +h2 { + font-size: var(--cds-productive-heading-05-font-size, 2rem); + font-weight: var(--cds-productive-heading-05-font-weight, 400); + line-height: var(--cds-productive-heading-05-line-height, 1.25); + letter-spacing: var(--cds-productive-heading-05-letter-spacing, 0); } + +h3 { + font-size: var(--cds-productive-heading-04-font-size, 1.75rem); + font-weight: var(--cds-productive-heading-04-font-weight, 400); + line-height: var(--cds-productive-heading-04-line-height, 1.28572); + letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0); } + +h4 { + font-size: var(--cds-productive-heading-03-font-size, 1.25rem); + font-weight: var(--cds-productive-heading-03-font-weight, 400); + line-height: var(--cds-productive-heading-03-line-height, 1.4); + letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0); } + +h5 { + font-size: var(--cds-productive-heading-02-font-size, 1rem); + font-weight: var(--cds-productive-heading-02-font-weight, 600); + line-height: var(--cds-productive-heading-02-line-height, 1.375); + letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0); } + +h6 { + font-size: var(--cds-productive-heading-01-font-size, 0.875rem); + font-weight: var(--cds-productive-heading-01-font-weight, 600); + line-height: var(--cds-productive-heading-01-line-height, 1.28572); + letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px); } + +p { + font-size: var(--cds-body-long-02-font-size, 1rem); + font-weight: var(--cds-body-long-02-font-weight, 400); + line-height: var(--cds-body-long-02-line-height, 1.5); + letter-spacing: var(--cds-body-long-02-letter-spacing, 0); } + +a { + color: #0f62fe; } + +em { + font-style: italic; } + +@keyframes skeleton { + 0% { + opacity: 0.3; + transform: scaleX(0); + transform-origin: left; } + 20% { + opacity: 1; + transform: scaleX(1); + transform-origin: left; } + 28% { + transform: scaleX(1); + transform-origin: right; } + 51% { + transform: scaleX(0); + transform-origin: right; } + 58% { + transform: scaleX(0); + transform-origin: right; } + 82% { + transform: scaleX(1); + transform-origin: right; } + 83% { + transform: scaleX(1); + transform-origin: left; } + 96% { + transform: scaleX(0); + transform-origin: left; } + 100% { + opacity: 0.3; + transform: scaleX(0); + transform-origin: left; } } + +.bx--tag { + display: inline-block; + padding: 0; + border: 0; + appearance: none; + background: none; + cursor: pointer; + font-size: var(--cds-label-01-font-size, 0.75rem); + font-weight: var(--cds-label-01-font-weight, 400); + line-height: var(--cds-label-01-line-height, 1.33333); + letter-spacing: var(--cds-label-01-letter-spacing, 0.32px); + background-color: var(--cds-tag-background-gray, #e0e0e0); + color: var(--cds-tag-color-gray, #393939); + display: inline-flex; + min-width: 2rem; + max-width: 100%; + min-height: 1.5rem; + align-items: center; + justify-content: center; + padding: 0.25rem 0.5rem; + margin: 0.25rem; + border-radius: 0.9375rem; + cursor: default; + vertical-align: middle; + word-break: break-word; } + .bx--tag::-moz-focus-inner { + border: 0; } + .bx--tag.bx--tag--interactive:hover, + .bx--tag .bx--tag__close-icon:hover { + background-color: var(--cds-tag-hover-gray, #c6c6c6); } + .bx--tag:not(:first-child) { + margin-left: 0; } + +.bx--tag--red { + background-color: var(--cds-tag-background-red, #ffd7d9); + color: var(--cds-tag-color-red, #750e13); } + .bx--tag--red.bx--tag--interactive:hover, + .bx--tag--red .bx--tag__close-icon:hover { + background-color: var(--cds-tag-hover-red, #ffb3b8); } + +.bx--tag--magenta { + background-color: var(--cds-tag-background-magenta, #ffd6e8); + color: var(--cds-tag-color-magenta, #740937); } + .bx--tag--magenta.bx--tag--interactive:hover, + .bx--tag--magenta .bx--tag__close-icon:hover { + background-color: var(--cds-tag-hover-magenta, #ffafd2); } + +.bx--tag--purple { + background-color: var(--cds-tag-background-purple, #e8daff); + color: var(--cds-tag-color-purple, #491d8b); } + .bx--tag--purple.bx--tag--interactive:hover, + .bx--tag--purple .bx--tag__close-icon:hover { + background-color: var(--cds-tag-hover-purple, #d4bbff); } + +.bx--tag--blue { + background-color: var(--cds-tag-background-blue, #d0e2ff); + color: var(--cds-tag-color-blue, #002d9c); } + .bx--tag--blue.bx--tag--interactive:hover, + .bx--tag--blue .bx--tag__close-icon:hover { + background-color: var(--cds-tag-hover-blue, #a6c8ff); } + +.bx--tag--cyan { + background-color: var(--cds-tag-background-cyan, #bae6ff); + color: var(--cds-tag-color-cyan, #003a6d); } + .bx--tag--cyan.bx--tag--interactive:hover, + .bx--tag--cyan .bx--tag__close-icon:hover { + background-color: var(--cds-tag-hover-cyan, #82cfff); } + +.bx--tag--teal { + background-color: var(--cds-tag-background-teal, #9ef0f0); + color: var(--cds-tag-color-teal, #004144); } + .bx--tag--teal.bx--tag--interactive:hover, + .bx--tag--teal .bx--tag__close-icon:hover { + background-color: var(--cds-tag-hover-teal, #3ddbd9); } + +.bx--tag--green { + background-color: var(--cds-tag-background-green, #a7f0ba); + color: var(--cds-tag-color-green, #044317); } + .bx--tag--green.bx--tag--interactive:hover, + .bx--tag--green .bx--tag__close-icon:hover { + background-color: var(--cds-tag-hover-green, #6fdc8c); } + +.bx--tag--gray { + background-color: var(--cds-tag-background-gray, #e0e0e0); + color: var(--cds-tag-color-gray, #393939); } + .bx--tag--gray.bx--tag--interactive:hover, + .bx--tag--gray .bx--tag__close-icon:hover { + background-color: var(--cds-tag-hover-gray, #c6c6c6); } + +.bx--tag--cool-gray { + background-color: var(--cds-tag-background-cool-gray, #dde1e6); + color: var(--cds-tag-color-cool-gray, #343a3f); } + .bx--tag--cool-gray.bx--tag--interactive:hover, + .bx--tag--cool-gray .bx--tag__close-icon:hover { + background-color: var(--cds-tag-hover-cool-gray, #c1c7cd); } + +.bx--tag--warm-gray { + background-color: var(--cds-tag-background-warm-gray, #e5e0df); + color: var(--cds-tag-color-warm-gray, #3c3838); } + .bx--tag--warm-gray.bx--tag--interactive:hover, + .bx--tag--warm-gray .bx--tag__close-icon:hover { + background-color: var(--cds-tag-hover-warm-gray, #cac5c4); } + +.bx--tag--high-contrast { + background-color: var(--cds-inverse-02, #393939); + color: var(--cds-inverse-01, #ffffff); } + .bx--tag--high-contrast.bx--tag--interactive:hover, + .bx--tag--high-contrast .bx--tag__close-icon:hover { + background-color: var(--cds-inverse-hover-ui, #4c4c4c); } + +.bx--tag--outline { + background-color: var(--cds-background, #ffffff); + color: var(--cds-text-01, #161616); + box-shadow: inset 0 0 0 1px var(--cds-inverse-02, #393939); } + .bx--tag--outline.bx--tag--interactive:hover, + .bx--tag--outline .bx--tag__close-icon:hover { + background-color: var(--cds-hover-ui, #e5e5e5); } + +.bx--tag--disabled, +.bx--tag--filter.bx--tag--disabled, +.bx--tag--interactive.bx--tag--disabled { + background-color: var(--cds-disabled-01, #f4f4f4); + color: var(--cds-disabled-02, #c6c6c6); } + .bx--tag--disabled.bx--tag--interactive:hover, + .bx--tag--disabled .bx--tag__close-icon:hover, + .bx--tag--filter.bx--tag--disabled.bx--tag--interactive:hover, + .bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover, + .bx--tag--interactive.bx--tag--disabled.bx--tag--interactive:hover, + .bx--tag--interactive.bx--tag--disabled .bx--tag__close-icon:hover { + background-color: var(--cds-disabled-01, #f4f4f4); } + .bx--tag--disabled:hover, + .bx--tag--filter.bx--tag--disabled:hover, + .bx--tag--interactive.bx--tag--disabled:hover { + cursor: not-allowed; } + +.bx--tag__label { + overflow: hidden; + max-width: 100%; + text-overflow: ellipsis; + white-space: nowrap; } + +.bx--tag--interactive:focus { + box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe); + outline: none; } + +.bx--tag--interactive:hover { + cursor: pointer; } + +.bx--tag--filter { + padding-top: 0; + padding-right: 0; + padding-bottom: 0; + cursor: pointer; } + .bx--tag--filter:hover { + outline: none; } + +.bx--tag--interactive { + transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9); } + +.bx--tag__close-icon { + display: flex; + width: 1.5rem; + height: 1.5rem; + flex-shrink: 0; + align-items: center; + justify-content: center; + padding: 0; + border: 0; + margin: 0 0 0 0.125rem; + background-color: transparent; + border-radius: 50%; + color: currentColor; + cursor: pointer; + transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0.2, 0, 0.38, 0.9); } + .bx--tag__close-icon svg { + fill: currentColor; } + +.bx--tag__custom-icon { + width: 1rem; + height: 1rem; + flex-shrink: 0; + padding: 0; + border: 0; + margin-right: var(--cds-spacing-02, 0.25rem); + background-color: transparent; + color: currentColor; + outline: none; } + .bx--tag__custom-icon svg { + fill: currentColor; } + +.bx--tag--disabled .bx--tag__close-icon { + cursor: not-allowed; } + +.bx--tag__close-icon:focus { + border-radius: 50%; + box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe); + outline: none; } + +.bx--tag--high-contrast .bx--tag__close-icon:focus { + box-shadow: inset 0 0 0 1px var(--cds-inverse-focus-ui, #ffffff); } + +.bx--tag--filter.bx--tag--disabled +.bx--tag__close-icon:hover { + background-color: transparent; } + +.bx--tag--filter.bx--tag--disabled svg { + fill: var(--cds-disabled-02, #c6c6c6); } + +.bx--tag--sm { + min-height: 1.125rem; + padding: 0 0.5rem; } + +.bx--tag--sm.bx--tag--filter { + padding-right: 0; } + +.bx--tag--sm .bx--tag__close-icon { + width: 1.125rem; + height: 1.125rem; + margin-left: 0.3125rem; } + +.bx--tag.bx--skeleton { + position: relative; + padding: 0; + border: none; + background: var(--cds-skeleton-01, #e5e5e5); + box-shadow: none; + pointer-events: none; + background-color: var(--cds-skeleton-01, #e5e5e5); + color: var(--cds-text-01, #161616); + overflow: hidden; + width: 3.75rem; } + .bx--tag.bx--skeleton:hover, .bx--tag.bx--skeleton:focus, .bx--tag.bx--skeleton:active { + border: none; + cursor: default; + outline: none; } + .bx--tag.bx--skeleton::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + animation: 3000ms ease-in-out skeleton infinite; + background: var(--cds-skeleton-02, #c6c6c6); + content: ''; + will-change: transform-origin, transform, opacity; } + @media (prefers-reduced-motion: reduce) { + .bx--tag.bx--skeleton::before { + animation: none; } } + .bx--tag.bx--skeleton.bx--tag--interactive:hover, + .bx--tag.bx--skeleton .bx--tag__close-icon:hover { + background-color: var(--cds-skeleton-01, #e5e5e5); } + @media not all and (min-resolution: 0.001dpcm) { + @supports (-webkit-appearance: none) and (stroke-color: transparent) { + .bx--tag.bx--skeleton { + transform: translateZ(0); } } } + +/* stylelint-disable */ +@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) { + .bx--tag { + outline: 1px solid transparent; } } + +@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) { + .bx--tag__close-icon svg, + .bx--tag__custom-icon svg { + fill: ButtonText; } } + +@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) { + .bx--tag__close-icon:focus { + color: Highlight; + outline: 1px solid Highlight; } } + +/* stylelint-enable */ +.bx--text-truncate--end { + display: inline-block; + overflow: hidden; + width: 100%; + text-overflow: ellipsis; + white-space: nowrap; } + +.bx--text-truncate--front { + display: inline-block; + overflow: hidden; + width: 100%; + direction: rtl; + text-overflow: ellipsis; + white-space: nowrap; } + +.bx--inline-notification { + position: relative; + display: flex; + width: 100%; + min-width: 18rem; + max-width: 18rem; + height: auto; + min-height: 3rem; + flex-wrap: wrap; + margin-top: 1rem; + margin-bottom: 1rem; + color: var(--cds-inverse-01, #ffffff); } + @media (min-width: 42rem) { + .bx--inline-notification { + max-width: 38rem; + flex-wrap: nowrap; } } + @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(--cds-inverse-link, #78a9ff); } + +.bx--inline-notification a { + text-decoration: none; } + +.bx--inline-notification a:hover { + text-decoration: underline; } + +.bx--inline-notification a:focus { + outline: 1px solid var(--cds-inverse-link, #78a9ff); } + +.bx--inline-notification.bx--inline-notification--low-contrast +a:focus { + outline: 1px solid var(--cds-focus, #0f62fe); } + @media screen and (prefers-contrast) { + .bx--inline-notification.bx--inline-notification--low-contrast +a:focus { + outline-style: dotted; } } + +.bx--inline-notification--low-contrast { + color: var(--cds-text-01, #161616); } + .bx--inline-notification--low-contrast::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-sizing: border-box; + border-width: 1px 1px 1px 0; + border-style: solid; + content: ''; + filter: opacity(0.4); + pointer-events: none; } + +.bx--inline-notification--error { + border-left: 3px solid var(--cds-inverse-support-01, #fa4d56); + background: var(--cds-inverse-02, #393939); } + .bx--inline-notification--error .bx--inline-notification__icon, + .bx--inline-notification--error .bx--toast-notification__icon, + .bx--inline-notification--error .bx--actionable-notification__icon { + fill: var(--cds-inverse-support-01, #fa4d56); } + +.bx--inline-notification--low-contrast.bx--inline-notification--error { + border-left: 3px solid var(--cds-support-01, #da1e28); + background: var(--cds-notification-background-error, #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, + .bx--inline-notification--low-contrast.bx--inline-notification--error .bx--actionable-notification__icon { + fill: var(--cds-support-01, #da1e28); } + .bx--inline-notification--low-contrast.bx--inline-notification--error::before { + border-color: var(--cds-support-01, #da1e28); } + +.bx--inline-notification--success { + border-left: 3px solid var(--cds-inverse-support-02, #42be65); + background: var(--cds-inverse-02, #393939); } + .bx--inline-notification--success .bx--inline-notification__icon, + .bx--inline-notification--success .bx--toast-notification__icon, + .bx--inline-notification--success .bx--actionable-notification__icon { + fill: var(--cds-inverse-support-02, #42be65); } + +.bx--inline-notification--low-contrast.bx--inline-notification--success { + border-left: 3px solid var(--cds-support-02, #198038); + background: var(--cds-notification-background-success, #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, + .bx--inline-notification--low-contrast.bx--inline-notification--success .bx--actionable-notification__icon { + fill: var(--cds-support-02, #198038); } + .bx--inline-notification--low-contrast.bx--inline-notification--success::before { + border-color: var(--cds-support-02, #198038); } + +.bx--inline-notification--info, +.bx--inline-notification--info-square { + border-left: 3px solid var(--cds-inverse-support-04, #4589ff); + background: var(--cds-inverse-02, #393939); } + .bx--inline-notification--info .bx--inline-notification__icon, + .bx--inline-notification--info .bx--toast-notification__icon, + .bx--inline-notification--info .bx--actionable-notification__icon, + .bx--inline-notification--info-square .bx--inline-notification__icon, + .bx--inline-notification--info-square .bx--toast-notification__icon, + .bx--inline-notification--info-square .bx--actionable-notification__icon { + fill: var(--cds-inverse-support-04, #4589ff); } + +.bx--inline-notification--low-contrast.bx--inline-notification--info, +.bx--inline-notification--low-contrast.bx--inline-notification--info-square { + border-left: 3px solid var(--cds-support-04, #0043ce); + background: var(--cds-notification-background-info, #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, + .bx--inline-notification--low-contrast.bx--inline-notification--info .bx--actionable-notification__icon, + .bx--inline-notification--low-contrast.bx--inline-notification--info-square .bx--inline-notification__icon, + .bx--inline-notification--low-contrast.bx--inline-notification--info-square .bx--toast-notification__icon, + .bx--inline-notification--low-contrast.bx--inline-notification--info-square .bx--actionable-notification__icon { + fill: var(--cds-support-04, #0043ce); } + .bx--inline-notification--low-contrast.bx--inline-notification--info::before, + .bx--inline-notification--low-contrast.bx--inline-notification--info-square::before { + border-color: var(--cds-support-04, #0043ce); } + +.bx--inline-notification--warning, +.bx--inline-notification--warning-alt { + border-left: 3px solid var(--cds-inverse-support-03, #f1c21b); + background: var(--cds-inverse-02, #393939); } + .bx--inline-notification--warning .bx--inline-notification__icon, + .bx--inline-notification--warning .bx--toast-notification__icon, + .bx--inline-notification--warning .bx--actionable-notification__icon, + .bx--inline-notification--warning-alt .bx--inline-notification__icon, + .bx--inline-notification--warning-alt .bx--toast-notification__icon, + .bx--inline-notification--warning-alt .bx--actionable-notification__icon { + fill: var(--cds-inverse-support-03, #f1c21b); } + +.bx--inline-notification--low-contrast.bx--inline-notification--warning, +.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt { + border-left: 3px solid var(--cds-support-03, #f1c21b); + background: var(--cds-notification-background-warning, #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, + .bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--actionable-notification__icon, + .bx--inline-notification--low-contrast.bx--inline-notification--warning-alt .bx--inline-notification__icon, + .bx--inline-notification--low-contrast.bx--inline-notification--warning-alt .bx--toast-notification__icon, + .bx--inline-notification--low-contrast.bx--inline-notification--warning-alt .bx--actionable-notification__icon { + fill: var(--cds-support-03, #f1c21b); } + .bx--inline-notification--low-contrast.bx--inline-notification--warning::before, + .bx--inline-notification--low-contrast.bx--inline-notification--warning-alt::before { + border-color: var(--cds-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 3rem 0 1rem; } + @media (min-width: 42rem) { + .bx--inline-notification__details { + margin: 0 1rem; } } + +.bx--inline-notification__icon { + flex-shrink: 0; + margin-top: 0.875rem; + margin-right: 1rem; } + +.bx--inline-notification__text-wrapper { + display: flex; + flex-wrap: wrap; + padding: 0.9375rem 0; } + +.bx--inline-notification__title { + font-size: var(--cds-productive-heading-01-font-size, 0.875rem); + font-weight: var(--cds-productive-heading-01-font-weight, 600); + line-height: var(--cds-productive-heading-01-line-height, 1.28572); + letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px); + margin: 0 0.25rem 0 0; } + +.bx--inline-notification__subtitle { + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); + word-break: break-word; } + +.bx--inline-notification__action-button.bx--btn--ghost { + height: 2rem; + margin-bottom: 0.5rem; + margin-left: 2.5rem; } + @media (min-width: 42rem) { + .bx--inline-notification__action-button.bx--btn--ghost { + margin: 0.5rem 0; } } + +.bx--inline-notification:not(.bx--inline-notification--low-contrast) +.bx--inline-notification__action-button.bx--btn--ghost { + color: var(--cds-inverse-link, #78a9ff); } + +.bx--inline-notification__action-button.bx--btn--ghost:active, +.bx--inline-notification__action-button.bx--btn--ghost:hover { + background-color: var(--cds-inverse-hover-ui, #4c4c4c); } + +.bx--inline-notification--low-contrast +.bx--inline-notification__action-button.bx--btn--ghost:active, +.bx--inline-notification--low-contrast +.bx--inline-notification__action-button.bx--btn--ghost:hover { + background-color: var(--cds-notification-action-hover, #ffffff); } + +.bx--inline-notification__action-button.bx--btn--ghost:focus { + border-color: transparent; + box-shadow: none; + outline: 2px solid var(--cds-inverse-focus-ui, #ffffff); + outline-offset: -2px; } + +.bx--inline-notification--low-contrast +.bx--inline-notification__action-button.bx--btn--ghost:focus { + outline-color: var(--cds-focus, #0f62fe); } + +.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; + position: absolute; + top: 0; + right: 0; + display: flex; + width: 3rem; + min-width: 3rem; + max-width: 3rem; + height: 3rem; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 0; + border: none; + background: transparent; + cursor: pointer; + 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(--cds-inverse-focus-ui, #ffffff); + outline-offset: -2px; } + .bx--inline-notification__close-button .bx--inline-notification__close-icon { + fill: var(--cds-inverse-01, #ffffff); } + @media (min-width: 42rem) { + .bx--inline-notification__close-button { + position: static; } } + +.bx--inline-notification--low-contrast +.bx--inline-notification__close-button:focus { + outline: 2px solid var(--cds-focus, #0f62fe); + outline-offset: -2px; } + @media screen and (prefers-contrast) { + .bx--inline-notification--low-contrast +.bx--inline-notification__close-button:focus { + outline-style: dotted; } } + +.bx--inline-notification--low-contrast +.bx--inline-notification__close-button +.bx--inline-notification__close-icon { + fill: var(--cds-icon-01, #161616); } + +/* stylelint-disable */ +@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) { + .bx--inline-notification { + outline: 1px solid transparent; } } + +@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) { + .bx--inline-notification__close-button:focus, + .bx--btn.bx--btn--ghost.bx--inline-notification__action-button:focus { + color: Highlight; + outline: 1px solid Highlight; } } + +@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) { + .bx--inline-notification__icon { + fill: ButtonText; } } + +/* stylelint-enable */ +.bx--toast-notification { + display: flex; + width: 18rem; + height: auto; + padding-left: 1rem; + margin-top: 0.5rem; + margin-right: 1rem; + margin-bottom: 0.5rem; + box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); + color: var(--cds-inverse-01, #ffffff); } + .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(--cds-inverse-link, #78a9ff); } + +.bx--toast-notification a { + text-decoration: none; } + +.bx--toast-notification a:hover { + text-decoration: underline; } + +.bx--toast-notification a:focus { + outline: 1px solid var(--cds-inverse-link, #78a9ff); } + +.bx--toast-notification.bx--toast-notification--low-contrast +a:focus { + outline: 1px solid var(--cds-focus, #0f62fe); } + @media screen and (prefers-contrast) { + .bx--toast-notification.bx--toast-notification--low-contrast +a:focus { + outline-style: dotted; } } + +.bx--toast-notification--low-contrast { + color: var(--cds-text-01, #161616); } + +.bx--toast-notification--error { + border-left: 3px solid var(--cds-inverse-support-01, #fa4d56); + background: var(--cds-inverse-02, #393939); } + .bx--toast-notification--error .bx--inline-notification__icon, + .bx--toast-notification--error .bx--toast-notification__icon, + .bx--toast-notification--error .bx--actionable-notification__icon { + fill: var(--cds-inverse-support-01, #fa4d56); } + +.bx--toast-notification--low-contrast.bx--toast-notification--error { + border-left: 3px solid var(--cds-support-01, #da1e28); + background: var(--cds-notification-background-error, #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, + .bx--toast-notification--low-contrast.bx--toast-notification--error .bx--actionable-notification__icon { + fill: var(--cds-support-01, #da1e28); } + +.bx--toast-notification--success { + border-left: 3px solid var(--cds-inverse-support-02, #42be65); + background: var(--cds-inverse-02, #393939); } + .bx--toast-notification--success .bx--inline-notification__icon, + .bx--toast-notification--success .bx--toast-notification__icon, + .bx--toast-notification--success .bx--actionable-notification__icon { + fill: var(--cds-inverse-support-02, #42be65); } + +.bx--toast-notification--low-contrast.bx--toast-notification--success { + border-left: 3px solid var(--cds-support-02, #198038); + background: var(--cds-notification-background-success, #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, + .bx--toast-notification--low-contrast.bx--toast-notification--success .bx--actionable-notification__icon { + fill: var(--cds-support-02, #198038); } + +.bx--toast-notification--info, +.bx--toast-notification--info-square { + border-left: 3px solid var(--cds-inverse-support-04, #4589ff); + background: var(--cds-inverse-02, #393939); } + .bx--toast-notification--info .bx--inline-notification__icon, + .bx--toast-notification--info .bx--toast-notification__icon, + .bx--toast-notification--info .bx--actionable-notification__icon, + .bx--toast-notification--info-square .bx--inline-notification__icon, + .bx--toast-notification--info-square .bx--toast-notification__icon, + .bx--toast-notification--info-square .bx--actionable-notification__icon { + fill: var(--cds-inverse-support-04, #4589ff); } + +.bx--toast-notification--low-contrast.bx--toast-notification--info, +.bx--toast-notification--low-contrast.bx--toast-notification--info-square { + border-left: 3px solid var(--cds-support-04, #0043ce); + background: var(--cds-notification-background-info, #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, + .bx--toast-notification--low-contrast.bx--toast-notification--info .bx--actionable-notification__icon, + .bx--toast-notification--low-contrast.bx--toast-notification--info-square .bx--inline-notification__icon, + .bx--toast-notification--low-contrast.bx--toast-notification--info-square .bx--toast-notification__icon, + .bx--toast-notification--low-contrast.bx--toast-notification--info-square .bx--actionable-notification__icon { + fill: var(--cds-support-04, #0043ce); } + +.bx--toast-notification--warning, +.bx--toast-notification--warning-alt { + border-left: 3px solid var(--cds-inverse-support-03, #f1c21b); + background: var(--cds-inverse-02, #393939); } + .bx--toast-notification--warning .bx--inline-notification__icon, + .bx--toast-notification--warning .bx--toast-notification__icon, + .bx--toast-notification--warning .bx--actionable-notification__icon, + .bx--toast-notification--warning-alt .bx--inline-notification__icon, + .bx--toast-notification--warning-alt .bx--toast-notification__icon, + .bx--toast-notification--warning-alt .bx--actionable-notification__icon { + fill: var(--cds-inverse-support-03, #f1c21b); } + +.bx--toast-notification--low-contrast.bx--toast-notification--warning, +.bx--toast-notification--low-contrast.bx--toast-notification--warning-alt { + border-left: 3px solid var(--cds-support-03, #f1c21b); + background: var(--cds-notification-background-warning, #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, + .bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--actionable-notification__icon, + .bx--toast-notification--low-contrast.bx--toast-notification--warning-alt .bx--inline-notification__icon, + .bx--toast-notification--low-contrast.bx--toast-notification--warning-alt .bx--toast-notification__icon, + .bx--toast-notification--low-contrast.bx--toast-notification--warning-alt .bx--actionable-notification__icon { + fill: var(--cds-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-top: 1rem; + margin-right: 1rem; } + +.bx--toast-notification__details { + margin-right: 1rem; } + +.bx--toast-notification__close-button { + outline: 2px solid transparent; + outline-offset: -2px; + display: flex; + width: 3rem; + min-width: 3rem; + height: 3rem; + min-height: 3rem; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 0; + border: none; + margin-left: auto; + background-color: transparent; + cursor: pointer; + transition: outline 110ms, background-color 110ms; } + .bx--toast-notification__close-button:focus { + outline: 2px solid var(--cds-inverse-focus-ui, #ffffff); + outline-offset: -2px; } + .bx--toast-notification__close-button .bx--toast-notification__close-icon { + fill: var(--cds-inverse-01, #ffffff); } + +.bx--toast-notification--low-contrast +.bx--toast-notification__close-button:focus { + outline: 2px solid var(--cds-focus, #0f62fe); + outline-offset: -2px; } + @media screen and (prefers-contrast) { + .bx--toast-notification--low-contrast +.bx--toast-notification__close-button:focus { + outline-style: dotted; } } + +.bx--toast-notification--low-contrast +.bx--toast-notification__close-button +.bx--toast-notification__close-icon { + fill: var(--cds-icon-01, #161616); } + +.bx--toast-notification__title { + font-size: var(--cds-productive-heading-01-font-size, 0.875rem); + font-weight: var(--cds-productive-heading-01-font-weight, 600); + line-height: var(--cds-productive-heading-01-line-height, 1.28572); + letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px); + margin-top: 1rem; + font-weight: 600; + word-break: break-word; } + +.bx--toast-notification__subtitle { + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); + margin-top: 0; + margin-bottom: 1rem; + color: var(--cds-inverse-01, #ffffff); + word-break: break-word; } + +.bx--toast-notification--low-contrast +.bx--toast-notification__subtitle { + color: var(--cds-text-primary, #161616); } + +.bx--toast-notification__caption { + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); + padding-top: 0.5rem; + margin-bottom: 1rem; + color: var(--cds-inverse-01, #ffffff); } + +.bx--toast-notification--low-contrast +.bx--toast-notification__caption { + color: var(--cds-text-01, #161616); } + +/* stylelint-disable */ +@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) { + .bx--toast-notification { + outline: 1px solid transparent; } } + +@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) { + .bx--toast-notification__close-button:focus { + color: Highlight; + outline: 1px solid Highlight; } } + +@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) { + .bx--toast-notification__icon { + fill: ButtonText; } } + +/* stylelint-enable */ +.bx--popover { + --cds-popover-offset: 0rem; + --cds-popover-caret-offset: 1rem; + position: absolute; + z-index: 6000; + display: none; } + +.bx--popover::before { + position: absolute; + display: block; + content: ''; } + +.bx--popover--open { + display: block; } + +.bx--popover-contents { + box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3)); + position: relative; + width: max-content; + max-width: 23rem; + background-color: var(--cds-ui-01, #f4f4f4); + border-radius: 2px; + color: var(--cds-text-01, #161616); } + +.bx--popover--light .bx--popover-contents { + background-color: var(--cds-ui-background, #ffffff); } + +.bx--popover--high-contrast .bx--popover-contents { + background-color: var(--cds-inverse-02, #393939); + color: var(--cds-inverse-01, #ffffff); } + +.bx--popover--caret { + --cds-popover-offset: 0.5rem; } + +.bx--popover--caret .bx--popover-contents::before, +.bx--popover--caret .bx--popover-contents::after { + position: absolute; + display: inline-block; + width: 0.5rem; + height: 0.5rem; + background-color: inherit; + content: ''; } + +.bx--popover--caret .bx--popover-contents::before { + z-index: -1; + box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.2); } + +.bx--popover--bottom { + bottom: 0; + left: 50%; + transform: translate(-50%, calc(100% + var(--cds-popover-offset))); } + +.bx--popover--caret.bx--popover--bottom +.bx--popover-contents::before, +.bx--popover--caret.bx--popover--bottom +.bx--popover-contents::after { + top: 0; + left: 50%; + transform: translate(-50%, -50%) rotate(45deg); } + +.bx--popover--bottom-left { + bottom: 0; + left: 0; + transform: translateY(calc(100% + var(--cds-popover-offset))); } + +.bx--popover--caret.bx--popover--bottom-left +.bx--popover-contents::before, +.bx--popover--caret.bx--popover--bottom-left +.bx--popover-contents::after { + top: 0; + left: 0; + transform: translate(var(--cds-popover-caret-offset), -50%) rotate(45deg); } + +.bx--popover--bottom-right { + right: 0; + bottom: 0; + transform: translateY(calc(100% + var(--cds-popover-offset))); } + +.bx--popover--caret.bx--popover--bottom-right +.bx--popover-contents::before, +.bx--popover--caret.bx--popover--bottom-right +.bx--popover-contents::after { + top: 0; + right: 0; + transform: translate(calc(-1 * var(--cds-popover-caret-offset)), -50%) rotate(45deg); } + +.bx--popover--bottom.bx--popover::before, +.bx--popover--bottom-left.bx--popover::before, +.bx--popover--bottom-right.bx--popover::before { + top: 0; + right: 0; + left: 0; + height: var(--cds-popover-offset); + transform: translateY(-100%); } + +.bx--popover--top { + bottom: 100%; + left: 50%; + transform: translate(-50%, calc(-1 * var(--cds-popover-offset))); } + +.bx--popover--caret.bx--popover--top +.bx--popover-contents::before, +.bx--popover--caret.bx--popover--top +.bx--popover-contents::after { + bottom: 0; + left: 50%; + transform: translate(-50%, 50%) rotate(45deg); } + +.bx--popover--top-left { + bottom: 100%; + left: 0; + transform: translateY(calc(-1 * var(--cds-popover-offset))); } + +.bx--popover--caret.bx--popover--top-left +.bx--popover-contents::before, +.bx--popover--caret.bx--popover--top-left +.bx--popover-contents::after { + bottom: 0; + left: 0; + transform: translate(var(--cds-popover-caret-offset), 50%) rotate(45deg); } + +.bx--popover--top-right { + right: 0; + bottom: 100%; + transform: translateY(calc(-1 * var(--cds-popover-offset))); } + +.bx--popover--caret.bx--popover--top-right +.bx--popover-contents::before, +.bx--popover--caret.bx--popover--top-right +.bx--popover-contents::after { + right: 0; + bottom: 0; + transform: translate(calc(-1 * var(--cds-popover-caret-offset)), 50%) rotate(45deg); } + +.bx--popover--top.bx--popover::before, +.bx--popover--top-left.bx--popover::before, +.bx--popover--top-right.bx--popover::before { + right: 0; + bottom: 0; + left: 0; + height: var(--cds-popover-offset); + transform: translateY(100%); } + +.bx--popover--right { + top: 50%; + left: 100%; + transform: translate(var(--cds-popover-offset), -50%); } + +.bx--popover--caret.bx--popover--right +.bx--popover-contents::before, +.bx--popover--caret.bx--popover--right +.bx--popover-contents::after { + top: 50%; + left: 0; + transform: translate(-50%, -50%) rotate(45deg); } + +.bx--popover--right-top { + top: 0; + left: 100%; + transform: translateX(8px); } + +.bx--popover--caret.bx--popover--right-top +.bx--popover-contents::before, +.bx--popover--caret.bx--popover--right-top +.bx--popover-contents::after { + top: 0; + left: 0; + transform: translate(-50%, var(--cds-popover-caret-offset)) rotate(45deg); } + +.bx--popover--right-bottom { + bottom: 0; + left: 100%; + transform: translateX(var(--cds-popover-offset)); } + +.bx--popover--caret.bx--popover--right-bottom +.bx--popover-contents::before, +.bx--popover--caret.bx--popover--right-bottom +.bx--popover-contents::after { + bottom: 0; + left: 0; + transform: translate(-50%, calc(-1 * var(--cds-popover-caret-offset))) rotate(45deg); } + +.bx--popover--right.bx--popover::before, +.bx--popover--right-top.bx--popover::before, +.bx--popover--right-bottom.bx--popover::before { + top: 0; + bottom: 0; + left: 0; + width: var(--cds-popover-offset); + transform: translateX(-100%); } + +.bx--popover--left { + top: 50%; + right: 100%; + transform: translate(calc(-1 * var(--cds-popover-offset)), -50%); } + +.bx--popover--caret.bx--popover--left +.bx--popover-contents::before, +.bx--popover--caret.bx--popover--left +.bx--popover-contents::after { + top: 50%; + right: 0; + transform: translate(50%, -50%) rotate(45deg); } + +.bx--popover--left-top { + top: 0; + right: 100%; + transform: translateX(calc(-1 * var(--cds-popover-offset))); } + +.bx--popover--caret.bx--popover--left-top +.bx--popover-contents::before, +.bx--popover--caret.bx--popover--left-top +.bx--popover-contents::after { + top: 0; + right: 0; + transform: translate(50%, var(--cds-popover-caret-offset)) rotate(45deg); } + +.bx--popover--left-bottom { + right: 100%; + bottom: 0; + transform: translateX(calc(-1 * var(--cds-popover-offset))); } + +.bx--popover--caret.bx--popover--left-bottom +.bx--popover-contents::before, +.bx--popover--caret.bx--popover--left-bottom +.bx--popover-contents::after { + right: 0; + bottom: 0; + transform: translate(50%, calc(-1 * var(--cds-popover-caret-offset))) rotate(45deg); } + +.bx--popover--left.bx--popover::before, +.bx--popover--left-top.bx--popover::before, +.bx--popover--left-bottom.bx--popover::before { + top: 0; + right: 0; + bottom: 0; + width: var(--cds-popover-offset); + transform: translateX(100%); } + +:root { + --cds-interactive-01: #0f62fe; + --cds-interactive-02: #393939; + --cds-interactive-03: #0f62fe; + --cds-interactive-04: #0f62fe; + --cds-ui-background: #ffffff; + --cds-ui-01: #f4f4f4; + --cds-ui-02: #ffffff; + --cds-ui-03: #e0e0e0; + --cds-ui-04: #8d8d8d; + --cds-ui-05: #161616; + --cds-text-01: #161616; + --cds-text-02: #525252; + --cds-text-03: #a8a8a8; + --cds-text-04: #ffffff; + --cds-text-05: #6f6f6f; + --cds-text-error: #da1e28; + --cds-icon-01: #161616; + --cds-icon-02: #525252; + --cds-icon-03: #ffffff; + --cds-link-01: #0f62fe; + --cds-link-02: #0043ce; + --cds-inverse-link: #78a9ff; + --cds-field-01: #f4f4f4; + --cds-field-02: #ffffff; + --cds-inverse-01: #ffffff; + --cds-inverse-02: #393939; + --cds-support-01: #da1e28; + --cds-support-02: #198038; + --cds-support-03: #f1c21b; + --cds-support-04: #0043ce; + --cds-inverse-support-01: #fa4d56; + --cds-inverse-support-02: #42be65; + --cds-inverse-support-03: #f1c21b; + --cds-inverse-support-04: #4589ff; + --cds-overlay-01: rgba(22, 22, 22, 0.5); + --cds-danger-01: #da1e28; + --cds-danger-02: #da1e28; + --cds-focus: #0f62fe; + --cds-inverse-focus-ui: #ffffff; + --cds-hover-primary: #0353e9; + --cds-active-primary: #002d9c; + --cds-hover-primary-text: #0043ce; + --cds-hover-secondary: #4c4c4c; + --cds-active-secondary: #6f6f6f; + --cds-hover-tertiary: #0353e9; + --cds-active-tertiary: #002d9c; + --cds-hover-ui: #e5e5e5; + --cds-hover-light-ui: #e5e5e5; + --cds-hover-selected-ui: #cacaca; + --cds-active-ui: #c6c6c6; + --cds-active-light-ui: #c6c6c6; + --cds-selected-ui: #e0e0e0; + --cds-selected-light-ui: #e0e0e0; + --cds-inverse-hover-ui: #4c4c4c; + --cds-hover-danger: #b81921; + --cds-active-danger: #750e13; + --cds-hover-row: #e5e5e5; + --cds-visited-link: #8a3ffc; + --cds-disabled-01: #f4f4f4; + --cds-disabled-02: #c6c6c6; + --cds-disabled-03: #8d8d8d; + --cds-highlight: #d0e2ff; + --cds-decorative-01: #e0e0e0; + --cds-button-separator: #e0e0e0; + --cds-skeleton-01: #e5e5e5; + --cds-skeleton-02: #c6c6c6; + --cds-background: #ffffff; + --cds-layer: #f4f4f4; + --cds-layer-accent: #e0e0e0; + --cds-layer-accent-hover: #d1d1d1; + --cds-layer-accent-active: #a8a8a8; + --cds-field: #f4f4f4; + --cds-background-inverse: #393939; + --cds-background-brand: #0f62fe; + --cds-interactive: #0f62fe; + --cds-border-subtle: #e0e0e0; + --cds-border-strong: #8d8d8d; + --cds-border-inverse: #161616; + --cds-border-interactive: #0f62fe; + --cds-text-primary: #161616; + --cds-text-secondary: #525252; + --cds-text-placeholder: #a8a8a8; + --cds-text-helper: #6f6f6f; + --cds-text-on-color: #ffffff; + --cds-text-inverse: #ffffff; + --cds-link-primary: #0f62fe; + --cds-link-secondary: #0043ce; + --cds-link-visited: #8a3ffc; + --cds-link-inverse: #78a9ff; + --cds-icon-primary: #161616; + --cds-icon-secondary: #525252; + --cds-icon-on-color: #ffffff; + --cds-icon-inverse: #ffffff; + --cds-support-error: #da1e28; + --cds-support-success: #198038; + --cds-support-warning: #f1c21b; + --cds-support-info: #0043ce; + --cds-support-error-inverse: #fa4d56; + --cds-support-success-inverse: #42be65; + --cds-support-warning-inverse: #f1c21b; + --cds-support-info-inverse: #4589ff; + --cds-overlay: rgba(22, 22, 22, 0.5); + --cds-toggle-off: #8d8d8d; + --cds-shadow: rgba(0, 0, 0, 0.3); + --cds-button-primary: #0f62fe; + --cds-button-secondary: #393939; + --cds-button-tertiary: #0f62fe; + --cds-button-danger-primary: #da1e28; + --cds-button-danger-secondary: #da1e28; + --cds-background-active: #c6c6c6; + --cds-layer-active: #c6c6c6; + --cds-button-danger-active: #750e13; + --cds-button-primary-active: #002d9c; + --cds-button-secondary-active: #6f6f6f; + --cds-button-tertiary-active: #002d9c; + --cds-focus-inset: #ffffff; + --cds-focus-inverse: #ffffff; + --cds-background-hover: #e5e5e5; + --cds-layer-hover: #e5e5e5; + --cds-field-hover: #e5e5e5; + --cds-background-inverse-hover: #4c4c4c; + --cds-link-primary-hover: #0043ce; + --cds-button-danger-hover: #b81921; + --cds-button-primary-hover: #0353e9; + --cds-button-secondary-hover: #4c4c4c; + --cds-button-tertiary-hover: #0353e9; + --cds-background-selected: #e0e0e0; + --cds-background-selected-hover: #cacaca; + --cds-layer-selected: #e0e0e0; + --cds-layer-selected-hover: #cacaca; + --cds-layer-selected-inverse: #161616; + --cds-border-subtle-selected: #c6c6c6; + --cds-border-disabled: #f4f4f4; + --cds-text-disabled: #c6c6c6; + --cds-button-disabled: #c6c6c6; + --cds-icon-disabled: #c6c6c6; + --cds-text-on-color-disabled: #8d8d8d; + --cds-icon-on-color-disabled: #8d8d8d; + --cds-layer-selected-disabled: #8d8d8d; + --cds-skeleton-background: #e5e5e5; + --cds-skeleton-element: #c6c6c6; + --cds-brand-01: #0f62fe; + --cds-brand-02: #393939; + --cds-brand-03: #0f62fe; + --cds-active-01: #c6c6c6; + --cds-hover-field: #e5e5e5; + --cds-danger: #da1e28; + --cds-caption-01-font-size: 0.75rem; + --cds-caption-01-font-weight: 400; + --cds-caption-01-line-height: 1.33333; + --cds-caption-01-letter-spacing: 0.32px; + --cds-caption-02-font-size: 0.875rem; + --cds-caption-02-font-weight: 400; + --cds-caption-02-line-height: 1.28572; + --cds-caption-02-letter-spacing: 0.32px; + --cds-label-01-font-size: 0.75rem; + --cds-label-01-font-weight: 400; + --cds-label-01-line-height: 1.33333; + --cds-label-01-letter-spacing: 0.32px; + --cds-label-02-font-size: 0.875rem; + --cds-label-02-font-weight: 400; + --cds-label-02-line-height: 1.28572; + --cds-label-02-letter-spacing: 0.16px; + --cds-helper-text-01-font-size: 0.75rem; + --cds-helper-text-01-line-height: 1.33333; + --cds-helper-text-01-letter-spacing: 0.32px; + --cds-helper-text-02-font-size: 0.875rem; + --cds-helper-text-02-line-height: 1.28572; + --cds-helper-text-02-letter-spacing: 0.16px; + --cds-body-short-01-font-size: 0.875rem; + --cds-body-short-01-font-weight: 400; + --cds-body-short-01-line-height: 1.28572; + --cds-body-short-01-letter-spacing: 0.16px; + --cds-body-long-01-font-size: 0.875rem; + --cds-body-long-01-font-weight: 400; + --cds-body-long-01-line-height: 1.42857; + --cds-body-long-01-letter-spacing: 0.16px; + --cds-body-short-02-font-size: 1rem; + --cds-body-short-02-font-weight: 400; + --cds-body-short-02-line-height: 1.375; + --cds-body-short-02-letter-spacing: 0; + --cds-body-long-02-font-size: 1rem; + --cds-body-long-02-font-weight: 400; + --cds-body-long-02-line-height: 1.5; + --cds-body-long-02-letter-spacing: 0; + --cds-code-01-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --cds-code-01-font-size: 0.75rem; + --cds-code-01-font-weight: 400; + --cds-code-01-line-height: 1.33333; + --cds-code-01-letter-spacing: 0.32px; + --cds-code-02-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --cds-code-02-font-size: 0.875rem; + --cds-code-02-font-weight: 400; + --cds-code-02-line-height: 1.42857; + --cds-code-02-letter-spacing: 0.32px; + --cds-heading-01-font-size: 0.875rem; + --cds-heading-01-font-weight: 600; + --cds-heading-01-line-height: 1.42857; + --cds-heading-01-letter-spacing: 0.16px; + --cds-productive-heading-01-font-size: 0.875rem; + --cds-productive-heading-01-font-weight: 600; + --cds-productive-heading-01-line-height: 1.28572; + --cds-productive-heading-01-letter-spacing: 0.16px; + --cds-heading-02-font-size: 1rem; + --cds-heading-02-font-weight: 600; + --cds-heading-02-line-height: 1.5; + --cds-heading-02-letter-spacing: 0; + --cds-productive-heading-02-font-size: 1rem; + --cds-productive-heading-02-font-weight: 600; + --cds-productive-heading-02-line-height: 1.375; + --cds-productive-heading-02-letter-spacing: 0; + --cds-productive-heading-03-font-size: 1.25rem; + --cds-productive-heading-03-font-weight: 400; + --cds-productive-heading-03-line-height: 1.4; + --cds-productive-heading-03-letter-spacing: 0; + --cds-productive-heading-04-font-size: 1.75rem; + --cds-productive-heading-04-font-weight: 400; + --cds-productive-heading-04-line-height: 1.28572; + --cds-productive-heading-04-letter-spacing: 0; + --cds-productive-heading-05-font-size: 2rem; + --cds-productive-heading-05-font-weight: 400; + --cds-productive-heading-05-line-height: 1.25; + --cds-productive-heading-05-letter-spacing: 0; + --cds-productive-heading-06-font-size: 2.625rem; + --cds-productive-heading-06-font-weight: 300; + --cds-productive-heading-06-line-height: 1.199; + --cds-productive-heading-06-letter-spacing: 0; + --cds-productive-heading-07-font-size: 3.375rem; + --cds-productive-heading-07-font-weight: 300; + --cds-productive-heading-07-line-height: 1.199; + --cds-productive-heading-07-letter-spacing: 0; + --cds-expressive-heading-01-font-size: 0.875rem; + --cds-expressive-heading-01-font-weight: 600; + --cds-expressive-heading-01-line-height: 1.25; + --cds-expressive-heading-01-letter-spacing: 0.16px; + --cds-expressive-heading-02-font-size: 1rem; + --cds-expressive-heading-02-font-weight: 600; + --cds-expressive-heading-02-line-height: 1.5; + --cds-expressive-heading-02-letter-spacing: 0; + --cds-expressive-heading-03-font-size: 1.25rem; + --cds-expressive-heading-03-font-weight: 400; + --cds-expressive-heading-03-line-height: 1.4; + --cds-expressive-heading-03-letter-spacing: 0; + --cds-expressive-heading-04-font-size: 1.75rem; + --cds-expressive-heading-04-font-weight: 400; + --cds-expressive-heading-04-line-height: 1.28572; + --cds-expressive-heading-04-letter-spacing: 0; + --cds-expressive-heading-05-font-size: 2rem; + --cds-expressive-heading-05-font-weight: 400; + --cds-expressive-heading-05-line-height: 1.25; + --cds-expressive-heading-05-letter-spacing: 0; + --cds-expressive-heading-06-font-size: 2rem; + --cds-expressive-heading-06-font-weight: 600; + --cds-expressive-heading-06-line-height: 1.25; + --cds-expressive-heading-06-letter-spacing: 0; + --cds-expressive-paragraph-01-font-size: 1.5rem; + --cds-expressive-paragraph-01-font-weight: 300; + --cds-expressive-paragraph-01-line-height: 1.334; + --cds-expressive-paragraph-01-letter-spacing: 0; + --cds-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif; + --cds-quotation-01-font-size: 1.25rem; + --cds-quotation-01-font-weight: 400; + --cds-quotation-01-line-height: 1.3; + --cds-quotation-01-letter-spacing: 0; + --cds-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif; + --cds-quotation-02-font-size: 2rem; + --cds-quotation-02-font-weight: 300; + --cds-quotation-02-line-height: 1.25; + --cds-quotation-02-letter-spacing: 0; + --cds-display-01-font-size: 2.625rem; + --cds-display-01-font-weight: 300; + --cds-display-01-line-height: 1.19; + --cds-display-01-letter-spacing: 0; + --cds-display-02-font-size: 2.625rem; + --cds-display-02-font-weight: 600; + --cds-display-02-line-height: 1.19; + --cds-display-02-letter-spacing: 0; + --cds-display-03-font-size: 2.625rem; + --cds-display-03-font-weight: 300; + --cds-display-03-line-height: 1.19; + --cds-display-03-letter-spacing: 0; + --cds-display-04-font-size: 2.625rem; + --cds-display-04-font-weight: 600; + --cds-display-04-line-height: 1.19; + --cds-display-04-letter-spacing: 0; + --cds-legal-01-font-size: 0.75rem; + --cds-legal-01-font-weight: 400; + --cds-legal-01-line-height: 1.33333; + --cds-legal-01-letter-spacing: 0.32px; + --cds-legal-02-font-size: 0.875rem; + --cds-legal-02-font-weight: 400; + --cds-legal-02-line-height: 1.28572; + --cds-legal-02-letter-spacing: 0.16px; + --cds-body-compact-01-font-size: 0.875rem; + --cds-body-compact-01-font-weight: 400; + --cds-body-compact-01-line-height: 1.28572; + --cds-body-compact-01-letter-spacing: 0.16px; + --cds-body-compact-02-font-size: 1rem; + --cds-body-compact-02-font-weight: 400; + --cds-body-compact-02-line-height: 1.375; + --cds-body-compact-02-letter-spacing: 0; + --cds-body-01-font-size: 0.875rem; + --cds-body-01-font-weight: 400; + --cds-body-01-line-height: 1.42857; + --cds-body-01-letter-spacing: 0.16px; + --cds-body-02-font-size: 1rem; + --cds-body-02-font-weight: 400; + --cds-body-02-line-height: 1.5; + --cds-body-02-letter-spacing: 0; + --cds-heading-compact-01-font-size: 0.875rem; + --cds-heading-compact-01-font-weight: 600; + --cds-heading-compact-01-line-height: 1.28572; + --cds-heading-compact-01-letter-spacing: 0.16px; + --cds-heading-compact-02-font-size: 1rem; + --cds-heading-compact-02-font-weight: 600; + --cds-heading-compact-02-line-height: 1.375; + --cds-heading-compact-02-letter-spacing: 0; + --cds-heading-03-font-size: 1.25rem; + --cds-heading-03-font-weight: 400; + --cds-heading-03-line-height: 1.4; + --cds-heading-03-letter-spacing: 0; + --cds-heading-04-font-size: 1.75rem; + --cds-heading-04-font-weight: 400; + --cds-heading-04-line-height: 1.28572; + --cds-heading-04-letter-spacing: 0; + --cds-heading-05-font-size: 2rem; + --cds-heading-05-font-weight: 400; + --cds-heading-05-line-height: 1.25; + --cds-heading-05-letter-spacing: 0; + --cds-heading-06-font-size: 2.625rem; + --cds-heading-06-font-weight: 300; + --cds-heading-06-line-height: 1.199; + --cds-heading-06-letter-spacing: 0; + --cds-heading-07-font-size: 3.375rem; + --cds-heading-07-font-weight: 300; + --cds-heading-07-line-height: 1.199; + --cds-heading-07-letter-spacing: 0; + --cds-fluid-heading-03-font-size: 1.25rem; + --cds-fluid-heading-03-font-weight: 400; + --cds-fluid-heading-03-line-height: 1.4; + --cds-fluid-heading-03-letter-spacing: 0; + --cds-fluid-heading-04-font-size: 1.75rem; + --cds-fluid-heading-04-font-weight: 400; + --cds-fluid-heading-04-line-height: 1.28572; + --cds-fluid-heading-04-letter-spacing: 0; + --cds-fluid-heading-05-font-size: 2rem; + --cds-fluid-heading-05-font-weight: 400; + --cds-fluid-heading-05-line-height: 1.25; + --cds-fluid-heading-05-letter-spacing: 0; + --cds-fluid-heading-06-font-size: 2rem; + --cds-fluid-heading-06-font-weight: 600; + --cds-fluid-heading-06-line-height: 1.25; + --cds-fluid-heading-06-letter-spacing: 0; + --cds-fluid-paragraph-01-font-size: 1.5rem; + --cds-fluid-paragraph-01-font-weight: 300; + --cds-fluid-paragraph-01-line-height: 1.334; + --cds-fluid-paragraph-01-letter-spacing: 0; + --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif; + --cds-fluid-quotation-01-font-size: 1.25rem; + --cds-fluid-quotation-01-font-weight: 400; + --cds-fluid-quotation-01-line-height: 1.3; + --cds-fluid-quotation-01-letter-spacing: 0; + --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif; + --cds-fluid-quotation-02-font-size: 2rem; + --cds-fluid-quotation-02-font-weight: 300; + --cds-fluid-quotation-02-line-height: 1.25; + --cds-fluid-quotation-02-letter-spacing: 0; + --cds-fluid-display-01-font-size: 2.625rem; + --cds-fluid-display-01-font-weight: 300; + --cds-fluid-display-01-line-height: 1.19; + --cds-fluid-display-01-letter-spacing: 0; + --cds-fluid-display-02-font-size: 2.625rem; + --cds-fluid-display-02-font-weight: 600; + --cds-fluid-display-02-line-height: 1.19; + --cds-fluid-display-02-letter-spacing: 0; + --cds-fluid-display-03-font-size: 2.625rem; + --cds-fluid-display-03-font-weight: 300; + --cds-fluid-display-03-line-height: 1.19; + --cds-fluid-display-03-letter-spacing: 0; + --cds-fluid-display-04-font-size: 2.625rem; + --cds-fluid-display-04-font-weight: 600; + --cds-fluid-display-04-line-height: 1.19; + --cds-fluid-display-04-letter-spacing: 0; + --cds-spacing-01: 0.125rem; + --cds-spacing-02: 0.25rem; + --cds-spacing-03: 0.5rem; + --cds-spacing-04: 0.75rem; + --cds-spacing-05: 1rem; + --cds-spacing-06: 1.5rem; + --cds-spacing-07: 2rem; + --cds-spacing-08: 2.5rem; + --cds-spacing-09: 3rem; + --cds-spacing-10: 4rem; + --cds-spacing-11: 5rem; + --cds-spacing-12: 6rem; + --cds-spacing-13: 10rem; + --cds-fluid-spacing-01: 0; + --cds-fluid-spacing-02: 2vw; + --cds-fluid-spacing-03: 5vw; + --cds-fluid-spacing-04: 10vw; + --cds-layout-01: 1rem; + --cds-layout-02: 1.5rem; + --cds-layout-03: 2rem; + --cds-layout-04: 3rem; + --cds-layout-05: 4rem; + --cds-layout-06: 6rem; + --cds-layout-07: 10rem; + --cds-container-01: 1.5rem; + --cds-container-02: 2rem; + --cds-container-03: 2.5rem; + --cds-container-04: 3rem; + --cds-container-05: 4rem; + --cds-size-xsmall: 1.5rem; + --cds-size-small: 2rem; + --cds-size-medium: 2.5rem; + --cds-size-large: 3rem; + --cds-size-xlarge: 4rem; + --cds-size-2XLarge: 5rem; + --cds-icon-size-01: 1rem; + --cds-icon-size-02: 1.25rem; + --cds-tag-background-red: #ffd7d9; + --cds-tag-color-red: #750e13; + --cds-tag-hover-red: #ffb3b8; + --cds-tag-background-magenta: #ffd6e8; + --cds-tag-color-magenta: #740937; + --cds-tag-hover-magenta: #ffafd2; + --cds-tag-background-purple: #e8daff; + --cds-tag-color-purple: #491d8b; + --cds-tag-hover-purple: #d4bbff; + --cds-tag-background-blue: #d0e2ff; + --cds-tag-color-blue: #002d9c; + --cds-tag-hover-blue: #a6c8ff; + --cds-tag-background-cyan: #bae6ff; + --cds-tag-color-cyan: #003a6d; + --cds-tag-hover-cyan: #82cfff; + --cds-tag-background-teal: #9ef0f0; + --cds-tag-color-teal: #004144; + --cds-tag-hover-teal: #3ddbd9; + --cds-tag-background-green: #a7f0ba; + --cds-tag-color-green: #044317; + --cds-tag-hover-green: #6fdc8c; + --cds-tag-background-gray: #e0e0e0; + --cds-tag-color-gray: #393939; + --cds-tag-hover-gray: #c6c6c6; + --cds-tag-background-cool-gray: #dde1e6; + --cds-tag-color-cool-gray: #343a3f; + --cds-tag-hover-cool-gray: #c1c7cd; + --cds-tag-background-warm-gray: #e5e0df; + --cds-tag-color-warm-gray: #3c3838; + --cds-tag-hover-warm-gray: #cac5c4; + --cds-notification-background-error: #fff1f1; + --cds-notification-background-success: #defbe6; + --cds-notification-background-info: #edf5ff; + --cds-notification-background-warning: #fdf6dd; + --cds-notification-action-hover: #ffffff; } + +:root[theme="g10"] { + --cds-interactive-01: #0f62fe; + --cds-interactive-02: #393939; + --cds-interactive-03: #0f62fe; + --cds-interactive-04: #0f62fe; + --cds-ui-background: #f4f4f4; + --cds-ui-01: #ffffff; + --cds-ui-02: #f4f4f4; + --cds-ui-03: #e0e0e0; + --cds-ui-04: #8d8d8d; + --cds-ui-05: #161616; + --cds-text-01: #161616; + --cds-text-02: #525252; + --cds-text-03: #a8a8a8; + --cds-text-04: #ffffff; + --cds-text-05: #6f6f6f; + --cds-text-error: #da1e28; + --cds-icon-01: #161616; + --cds-icon-02: #525252; + --cds-icon-03: #ffffff; + --cds-link-01: #0f62fe; + --cds-link-02: #0043ce; + --cds-inverse-link: #78a9ff; + --cds-field-01: #ffffff; + --cds-field-02: #f4f4f4; + --cds-inverse-01: #ffffff; + --cds-inverse-02: #393939; + --cds-support-01: #da1e28; + --cds-support-02: #198038; + --cds-support-03: #f1c21b; + --cds-support-04: #0043ce; + --cds-inverse-support-01: #fa4d56; + --cds-inverse-support-02: #42be65; + --cds-inverse-support-03: #f1c21b; + --cds-inverse-support-04: #4589ff; + --cds-overlay-01: rgba(22, 22, 22, 0.5); + --cds-danger-01: #da1e28; + --cds-danger-02: #da1e28; + --cds-focus: #0f62fe; + --cds-inverse-focus-ui: #ffffff; + --cds-hover-primary: #0353e9; + --cds-active-primary: #002d9c; + --cds-hover-primary-text: #0043ce; + --cds-hover-secondary: #4c4c4c; + --cds-active-secondary: #6f6f6f; + --cds-hover-tertiary: #0353e9; + --cds-active-tertiary: #002d9c; + --cds-hover-ui: #e5e5e5; + --cds-hover-light-ui: #e5e5e5; + --cds-hover-selected-ui: #cacaca; + --cds-active-ui: #c6c6c6; + --cds-active-light-ui: #c6c6c6; + --cds-selected-ui: #e0e0e0; + --cds-selected-light-ui: #e0e0e0; + --cds-inverse-hover-ui: #4c4c4c; + --cds-hover-danger: #b81921; + --cds-active-danger: #750e13; + --cds-hover-row: #e5e5e5; + --cds-visited-link: #8a3ffc; + --cds-disabled-01: #ffffff; + --cds-disabled-02: #c6c6c6; + --cds-disabled-03: #8d8d8d; + --cds-highlight: #d0e2ff; + --cds-decorative-01: #e0e0e0; + --cds-button-separator: #e0e0e0; + --cds-skeleton-01: #e5e5e5; + --cds-skeleton-02: #c6c6c6; + --cds-background: #f4f4f4; + --cds-layer: #ffffff; + --cds-layer-accent: #e0e0e0; + --cds-layer-accent-hover: #d1d1d1; + --cds-layer-accent-active: #a8a8a8; + --cds-field: #ffffff; + --cds-background-inverse: #393939; + --cds-background-brand: #0f62fe; + --cds-interactive: #0f62fe; + --cds-border-subtle: #e0e0e0; + --cds-border-strong: #8d8d8d; + --cds-border-inverse: #161616; + --cds-border-interactive: #0f62fe; + --cds-text-primary: #161616; + --cds-text-secondary: #525252; + --cds-text-placeholder: #a8a8a8; + --cds-text-helper: #6f6f6f; + --cds-text-on-color: #ffffff; + --cds-text-inverse: #ffffff; + --cds-link-primary: #0f62fe; + --cds-link-secondary: #0043ce; + --cds-link-visited: #8a3ffc; + --cds-link-inverse: #78a9ff; + --cds-icon-primary: #161616; + --cds-icon-secondary: #525252; + --cds-icon-on-color: #ffffff; + --cds-icon-inverse: #ffffff; + --cds-support-error: #da1e28; + --cds-support-success: #198038; + --cds-support-warning: #f1c21b; + --cds-support-info: #0043ce; + --cds-support-error-inverse: #fa4d56; + --cds-support-success-inverse: #42be65; + --cds-support-warning-inverse: #f1c21b; + --cds-support-info-inverse: #4589ff; + --cds-overlay: rgba(22, 22, 22, 0.5); + --cds-toggle-off: #8d8d8d; + --cds-shadow: rgba(0, 0, 0, 0.3); + --cds-button-primary: #0f62fe; + --cds-button-secondary: #393939; + --cds-button-tertiary: #0f62fe; + --cds-button-danger-primary: #da1e28; + --cds-button-danger-secondary: #da1e28; + --cds-background-active: #c6c6c6; + --cds-layer-active: #c6c6c6; + --cds-button-danger-active: #750e13; + --cds-button-primary-active: #002d9c; + --cds-button-secondary-active: #6f6f6f; + --cds-button-tertiary-active: #002d9c; + --cds-focus-inset: #ffffff; + --cds-focus-inverse: #ffffff; + --cds-background-hover: #e5e5e5; + --cds-layer-hover: #e5e5e5; + --cds-field-hover: #e5e5e5; + --cds-background-inverse-hover: #4c4c4c; + --cds-link-primary-hover: #0043ce; + --cds-button-danger-hover: #b81921; + --cds-button-primary-hover: #0353e9; + --cds-button-secondary-hover: #4c4c4c; + --cds-button-tertiary-hover: #0353e9; + --cds-background-selected: #e0e0e0; + --cds-background-selected-hover: #cacaca; + --cds-layer-selected: #e0e0e0; + --cds-layer-selected-hover: #cacaca; + --cds-layer-selected-inverse: #161616; + --cds-border-subtle-selected: #c6c6c6; + --cds-border-disabled: #ffffff; + --cds-text-disabled: #c6c6c6; + --cds-button-disabled: #c6c6c6; + --cds-icon-disabled: #c6c6c6; + --cds-text-on-color-disabled: #8d8d8d; + --cds-icon-on-color-disabled: #8d8d8d; + --cds-layer-selected-disabled: #8d8d8d; + --cds-skeleton-background: #e5e5e5; + --cds-skeleton-element: #c6c6c6; + --cds-brand-01: #0f62fe; + --cds-brand-02: #393939; + --cds-brand-03: #0f62fe; + --cds-active-01: #c6c6c6; + --cds-hover-field: #e5e5e5; + --cds-danger: #da1e28; + --cds-caption-01-font-size: 0.75rem; + --cds-caption-01-font-weight: 400; + --cds-caption-01-line-height: 1.33333; + --cds-caption-01-letter-spacing: 0.32px; + --cds-caption-02-font-size: 0.875rem; + --cds-caption-02-font-weight: 400; + --cds-caption-02-line-height: 1.28572; + --cds-caption-02-letter-spacing: 0.32px; + --cds-label-01-font-size: 0.75rem; + --cds-label-01-font-weight: 400; + --cds-label-01-line-height: 1.33333; + --cds-label-01-letter-spacing: 0.32px; + --cds-label-02-font-size: 0.875rem; + --cds-label-02-font-weight: 400; + --cds-label-02-line-height: 1.28572; + --cds-label-02-letter-spacing: 0.16px; + --cds-helper-text-01-font-size: 0.75rem; + --cds-helper-text-01-line-height: 1.33333; + --cds-helper-text-01-letter-spacing: 0.32px; + --cds-helper-text-02-font-size: 0.875rem; + --cds-helper-text-02-line-height: 1.28572; + --cds-helper-text-02-letter-spacing: 0.16px; + --cds-body-short-01-font-size: 0.875rem; + --cds-body-short-01-font-weight: 400; + --cds-body-short-01-line-height: 1.28572; + --cds-body-short-01-letter-spacing: 0.16px; + --cds-body-long-01-font-size: 0.875rem; + --cds-body-long-01-font-weight: 400; + --cds-body-long-01-line-height: 1.42857; + --cds-body-long-01-letter-spacing: 0.16px; + --cds-body-short-02-font-size: 1rem; + --cds-body-short-02-font-weight: 400; + --cds-body-short-02-line-height: 1.375; + --cds-body-short-02-letter-spacing: 0; + --cds-body-long-02-font-size: 1rem; + --cds-body-long-02-font-weight: 400; + --cds-body-long-02-line-height: 1.5; + --cds-body-long-02-letter-spacing: 0; + --cds-code-01-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --cds-code-01-font-size: 0.75rem; + --cds-code-01-font-weight: 400; + --cds-code-01-line-height: 1.33333; + --cds-code-01-letter-spacing: 0.32px; + --cds-code-02-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --cds-code-02-font-size: 0.875rem; + --cds-code-02-font-weight: 400; + --cds-code-02-line-height: 1.42857; + --cds-code-02-letter-spacing: 0.32px; + --cds-heading-01-font-size: 0.875rem; + --cds-heading-01-font-weight: 600; + --cds-heading-01-line-height: 1.42857; + --cds-heading-01-letter-spacing: 0.16px; + --cds-productive-heading-01-font-size: 0.875rem; + --cds-productive-heading-01-font-weight: 600; + --cds-productive-heading-01-line-height: 1.28572; + --cds-productive-heading-01-letter-spacing: 0.16px; + --cds-heading-02-font-size: 1rem; + --cds-heading-02-font-weight: 600; + --cds-heading-02-line-height: 1.5; + --cds-heading-02-letter-spacing: 0; + --cds-productive-heading-02-font-size: 1rem; + --cds-productive-heading-02-font-weight: 600; + --cds-productive-heading-02-line-height: 1.375; + --cds-productive-heading-02-letter-spacing: 0; + --cds-productive-heading-03-font-size: 1.25rem; + --cds-productive-heading-03-font-weight: 400; + --cds-productive-heading-03-line-height: 1.4; + --cds-productive-heading-03-letter-spacing: 0; + --cds-productive-heading-04-font-size: 1.75rem; + --cds-productive-heading-04-font-weight: 400; + --cds-productive-heading-04-line-height: 1.28572; + --cds-productive-heading-04-letter-spacing: 0; + --cds-productive-heading-05-font-size: 2rem; + --cds-productive-heading-05-font-weight: 400; + --cds-productive-heading-05-line-height: 1.25; + --cds-productive-heading-05-letter-spacing: 0; + --cds-productive-heading-06-font-size: 2.625rem; + --cds-productive-heading-06-font-weight: 300; + --cds-productive-heading-06-line-height: 1.199; + --cds-productive-heading-06-letter-spacing: 0; + --cds-productive-heading-07-font-size: 3.375rem; + --cds-productive-heading-07-font-weight: 300; + --cds-productive-heading-07-line-height: 1.199; + --cds-productive-heading-07-letter-spacing: 0; + --cds-expressive-heading-01-font-size: 0.875rem; + --cds-expressive-heading-01-font-weight: 600; + --cds-expressive-heading-01-line-height: 1.25; + --cds-expressive-heading-01-letter-spacing: 0.16px; + --cds-expressive-heading-02-font-size: 1rem; + --cds-expressive-heading-02-font-weight: 600; + --cds-expressive-heading-02-line-height: 1.5; + --cds-expressive-heading-02-letter-spacing: 0; + --cds-expressive-heading-03-font-size: 1.25rem; + --cds-expressive-heading-03-font-weight: 400; + --cds-expressive-heading-03-line-height: 1.4; + --cds-expressive-heading-03-letter-spacing: 0; + --cds-expressive-heading-04-font-size: 1.75rem; + --cds-expressive-heading-04-font-weight: 400; + --cds-expressive-heading-04-line-height: 1.28572; + --cds-expressive-heading-04-letter-spacing: 0; + --cds-expressive-heading-05-font-size: 2rem; + --cds-expressive-heading-05-font-weight: 400; + --cds-expressive-heading-05-line-height: 1.25; + --cds-expressive-heading-05-letter-spacing: 0; + --cds-expressive-heading-06-font-size: 2rem; + --cds-expressive-heading-06-font-weight: 600; + --cds-expressive-heading-06-line-height: 1.25; + --cds-expressive-heading-06-letter-spacing: 0; + --cds-expressive-paragraph-01-font-size: 1.5rem; + --cds-expressive-paragraph-01-font-weight: 300; + --cds-expressive-paragraph-01-line-height: 1.334; + --cds-expressive-paragraph-01-letter-spacing: 0; + --cds-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif; + --cds-quotation-01-font-size: 1.25rem; + --cds-quotation-01-font-weight: 400; + --cds-quotation-01-line-height: 1.3; + --cds-quotation-01-letter-spacing: 0; + --cds-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif; + --cds-quotation-02-font-size: 2rem; + --cds-quotation-02-font-weight: 300; + --cds-quotation-02-line-height: 1.25; + --cds-quotation-02-letter-spacing: 0; + --cds-display-01-font-size: 2.625rem; + --cds-display-01-font-weight: 300; + --cds-display-01-line-height: 1.19; + --cds-display-01-letter-spacing: 0; + --cds-display-02-font-size: 2.625rem; + --cds-display-02-font-weight: 600; + --cds-display-02-line-height: 1.19; + --cds-display-02-letter-spacing: 0; + --cds-display-03-font-size: 2.625rem; + --cds-display-03-font-weight: 300; + --cds-display-03-line-height: 1.19; + --cds-display-03-letter-spacing: 0; + --cds-display-04-font-size: 2.625rem; + --cds-display-04-font-weight: 600; + --cds-display-04-line-height: 1.19; + --cds-display-04-letter-spacing: 0; + --cds-legal-01-font-size: 0.75rem; + --cds-legal-01-font-weight: 400; + --cds-legal-01-line-height: 1.33333; + --cds-legal-01-letter-spacing: 0.32px; + --cds-legal-02-font-size: 0.875rem; + --cds-legal-02-font-weight: 400; + --cds-legal-02-line-height: 1.28572; + --cds-legal-02-letter-spacing: 0.16px; + --cds-body-compact-01-font-size: 0.875rem; + --cds-body-compact-01-font-weight: 400; + --cds-body-compact-01-line-height: 1.28572; + --cds-body-compact-01-letter-spacing: 0.16px; + --cds-body-compact-02-font-size: 1rem; + --cds-body-compact-02-font-weight: 400; + --cds-body-compact-02-line-height: 1.375; + --cds-body-compact-02-letter-spacing: 0; + --cds-body-01-font-size: 0.875rem; + --cds-body-01-font-weight: 400; + --cds-body-01-line-height: 1.42857; + --cds-body-01-letter-spacing: 0.16px; + --cds-body-02-font-size: 1rem; + --cds-body-02-font-weight: 400; + --cds-body-02-line-height: 1.5; + --cds-body-02-letter-spacing: 0; + --cds-heading-compact-01-font-size: 0.875rem; + --cds-heading-compact-01-font-weight: 600; + --cds-heading-compact-01-line-height: 1.28572; + --cds-heading-compact-01-letter-spacing: 0.16px; + --cds-heading-compact-02-font-size: 1rem; + --cds-heading-compact-02-font-weight: 600; + --cds-heading-compact-02-line-height: 1.375; + --cds-heading-compact-02-letter-spacing: 0; + --cds-heading-03-font-size: 1.25rem; + --cds-heading-03-font-weight: 400; + --cds-heading-03-line-height: 1.4; + --cds-heading-03-letter-spacing: 0; + --cds-heading-04-font-size: 1.75rem; + --cds-heading-04-font-weight: 400; + --cds-heading-04-line-height: 1.28572; + --cds-heading-04-letter-spacing: 0; + --cds-heading-05-font-size: 2rem; + --cds-heading-05-font-weight: 400; + --cds-heading-05-line-height: 1.25; + --cds-heading-05-letter-spacing: 0; + --cds-heading-06-font-size: 2.625rem; + --cds-heading-06-font-weight: 300; + --cds-heading-06-line-height: 1.199; + --cds-heading-06-letter-spacing: 0; + --cds-heading-07-font-size: 3.375rem; + --cds-heading-07-font-weight: 300; + --cds-heading-07-line-height: 1.199; + --cds-heading-07-letter-spacing: 0; + --cds-fluid-heading-03-font-size: 1.25rem; + --cds-fluid-heading-03-font-weight: 400; + --cds-fluid-heading-03-line-height: 1.4; + --cds-fluid-heading-03-letter-spacing: 0; + --cds-fluid-heading-04-font-size: 1.75rem; + --cds-fluid-heading-04-font-weight: 400; + --cds-fluid-heading-04-line-height: 1.28572; + --cds-fluid-heading-04-letter-spacing: 0; + --cds-fluid-heading-05-font-size: 2rem; + --cds-fluid-heading-05-font-weight: 400; + --cds-fluid-heading-05-line-height: 1.25; + --cds-fluid-heading-05-letter-spacing: 0; + --cds-fluid-heading-06-font-size: 2rem; + --cds-fluid-heading-06-font-weight: 600; + --cds-fluid-heading-06-line-height: 1.25; + --cds-fluid-heading-06-letter-spacing: 0; + --cds-fluid-paragraph-01-font-size: 1.5rem; + --cds-fluid-paragraph-01-font-weight: 300; + --cds-fluid-paragraph-01-line-height: 1.334; + --cds-fluid-paragraph-01-letter-spacing: 0; + --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif; + --cds-fluid-quotation-01-font-size: 1.25rem; + --cds-fluid-quotation-01-font-weight: 400; + --cds-fluid-quotation-01-line-height: 1.3; + --cds-fluid-quotation-01-letter-spacing: 0; + --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif; + --cds-fluid-quotation-02-font-size: 2rem; + --cds-fluid-quotation-02-font-weight: 300; + --cds-fluid-quotation-02-line-height: 1.25; + --cds-fluid-quotation-02-letter-spacing: 0; + --cds-fluid-display-01-font-size: 2.625rem; + --cds-fluid-display-01-font-weight: 300; + --cds-fluid-display-01-line-height: 1.19; + --cds-fluid-display-01-letter-spacing: 0; + --cds-fluid-display-02-font-size: 2.625rem; + --cds-fluid-display-02-font-weight: 600; + --cds-fluid-display-02-line-height: 1.19; + --cds-fluid-display-02-letter-spacing: 0; + --cds-fluid-display-03-font-size: 2.625rem; + --cds-fluid-display-03-font-weight: 300; + --cds-fluid-display-03-line-height: 1.19; + --cds-fluid-display-03-letter-spacing: 0; + --cds-fluid-display-04-font-size: 2.625rem; + --cds-fluid-display-04-font-weight: 600; + --cds-fluid-display-04-line-height: 1.19; + --cds-fluid-display-04-letter-spacing: 0; + --cds-spacing-01: 0.125rem; + --cds-spacing-02: 0.25rem; + --cds-spacing-03: 0.5rem; + --cds-spacing-04: 0.75rem; + --cds-spacing-05: 1rem; + --cds-spacing-06: 1.5rem; + --cds-spacing-07: 2rem; + --cds-spacing-08: 2.5rem; + --cds-spacing-09: 3rem; + --cds-spacing-10: 4rem; + --cds-spacing-11: 5rem; + --cds-spacing-12: 6rem; + --cds-spacing-13: 10rem; + --cds-fluid-spacing-01: 0; + --cds-fluid-spacing-02: 2vw; + --cds-fluid-spacing-03: 5vw; + --cds-fluid-spacing-04: 10vw; + --cds-layout-01: 1rem; + --cds-layout-02: 1.5rem; + --cds-layout-03: 2rem; + --cds-layout-04: 3rem; + --cds-layout-05: 4rem; + --cds-layout-06: 6rem; + --cds-layout-07: 10rem; + --cds-container-01: 1.5rem; + --cds-container-02: 2rem; + --cds-container-03: 2.5rem; + --cds-container-04: 3rem; + --cds-container-05: 4rem; + --cds-size-xsmall: 1.5rem; + --cds-size-small: 2rem; + --cds-size-medium: 2.5rem; + --cds-size-large: 3rem; + --cds-size-xlarge: 4rem; + --cds-size-2XLarge: 5rem; + --cds-icon-size-01: 1rem; + --cds-icon-size-02: 1.25rem; + --cds-tag-background-red: #ffd7d9; + --cds-tag-color-red: #750e13; + --cds-tag-hover-red: #ffb3b8; + --cds-tag-background-magenta: #ffd6e8; + --cds-tag-color-magenta: #740937; + --cds-tag-hover-magenta: #ffafd2; + --cds-tag-background-purple: #e8daff; + --cds-tag-color-purple: #491d8b; + --cds-tag-hover-purple: #d4bbff; + --cds-tag-background-blue: #d0e2ff; + --cds-tag-color-blue: #002d9c; + --cds-tag-hover-blue: #a6c8ff; + --cds-tag-background-cyan: #bae6ff; + --cds-tag-color-cyan: #003a6d; + --cds-tag-hover-cyan: #82cfff; + --cds-tag-background-teal: #9ef0f0; + --cds-tag-color-teal: #004144; + --cds-tag-hover-teal: #3ddbd9; + --cds-tag-background-green: #a7f0ba; + --cds-tag-color-green: #044317; + --cds-tag-hover-green: #6fdc8c; + --cds-tag-background-gray: #e0e0e0; + --cds-tag-color-gray: #393939; + --cds-tag-hover-gray: #c6c6c6; + --cds-tag-background-cool-gray: #dde1e6; + --cds-tag-color-cool-gray: #343a3f; + --cds-tag-hover-cool-gray: #c1c7cd; + --cds-tag-background-warm-gray: #e5e0df; + --cds-tag-color-warm-gray: #3c3838; + --cds-tag-hover-warm-gray: #cac5c4; + --cds-notification-background-error: #fff1f1; + --cds-notification-background-success: #defbe6; + --cds-notification-background-info: #edf5ff; + --cds-notification-background-warning: #fdf6dd; + --cds-notification-action-hover: #ffffff; } + +:root[theme="g80"] { + --cds-interactive-01: #0f62fe; + --cds-interactive-02: #6f6f6f; + --cds-interactive-03: #ffffff; + --cds-interactive-04: #78a9ff; + --cds-ui-background: #393939; + --cds-ui-01: #525252; + --cds-ui-02: #525252; + --cds-ui-03: #6f6f6f; + --cds-ui-04: #a8a8a8; + --cds-ui-05: #f4f4f4; + --cds-text-01: #f4f4f4; + --cds-text-02: #c6c6c6; + --cds-text-03: #6f6f6f; + --cds-text-04: #ffffff; + --cds-text-05: #a8a8a8; + --cds-text-error: #ffb3b8; + --cds-icon-01: #f4f4f4; + --cds-icon-02: #c6c6c6; + --cds-icon-03: #ffffff; + --cds-link-01: #78a9ff; + --cds-link-02: #a6c8ff; + --cds-inverse-link: #0f62fe; + --cds-field-01: #525252; + --cds-field-02: #6f6f6f; + --cds-inverse-01: #161616; + --cds-inverse-02: #f4f4f4; + --cds-support-01: #ff8389; + --cds-support-02: #42be65; + --cds-support-03: #f1c21b; + --cds-support-04: #4589ff; + --cds-inverse-support-01: #da1e28; + --cds-inverse-support-02: #24a148; + --cds-inverse-support-03: #f1c21b; + --cds-inverse-support-04: #0f62fe; + --cds-overlay-01: rgba(0, 0, 0, 0.65); + --cds-danger-01: #da1e28; + --cds-danger-02: #ff8389; + --cds-focus: #ffffff; + --cds-inverse-focus-ui: #0f62fe; + --cds-hover-primary: #0151e4; + --cds-active-primary: #002d9c; + --cds-hover-primary-text: #a6c8ff; + --cds-hover-secondary: #5e5e5e; + --cds-active-secondary: #525252; + --cds-hover-tertiary: #ffffff; + --cds-active-tertiary: #c6c6c6; + --cds-hover-ui: #474747; + --cds-hover-light-ui: #5e5e5e; + --cds-hover-selected-ui: #616161; + --cds-active-ui: #525252; + --cds-active-light-ui: #8d8d8d; + --cds-selected-ui: #525252; + --cds-selected-light-ui: #8d8d8d; + --cds-inverse-hover-ui: #e8e8e8; + --cds-hover-danger: #b81921; + --cds-active-danger: #750e13; + --cds-hover-row: #636363; + --cds-visited-link: #be95ff; + --cds-disabled-01: #525252; + --cds-disabled-02: #8d8d8d; + --cds-disabled-03: #c6c6c6; + --cds-highlight: #0043ce; + --cds-decorative-01: #6f6f6f; + --cds-button-separator: #161616; + --cds-skeleton-01: #474747; + --cds-skeleton-02: #6f6f6f; + --cds-background: #393939; + --cds-layer: #525252; + --cds-layer-accent: #6f6f6f; + --cds-layer-accent-hover: #5e5e5e; + --cds-layer-accent-active: #525252; + --cds-field: #525252; + --cds-background-inverse: #f4f4f4; + --cds-background-brand: #0f62fe; + --cds-interactive: #78a9ff; + --cds-border-subtle: #6f6f6f; + --cds-border-strong: #a8a8a8; + --cds-border-inverse: #f4f4f4; + --cds-border-interactive: #4589ff; + --cds-text-primary: #f4f4f4; + --cds-text-secondary: #c6c6c6; + --cds-text-placeholder: #6f6f6f; + --cds-text-helper: #a8a8a8; + --cds-text-on-color: #ffffff; + --cds-text-inverse: #161616; + --cds-link-primary: #78a9ff; + --cds-link-secondary: #a6c8ff; + --cds-link-visited: #be95ff; + --cds-link-inverse: #0f62fe; + --cds-icon-primary: #f4f4f4; + --cds-icon-secondary: #c6c6c6; + --cds-icon-on-color: #ffffff; + --cds-icon-inverse: #161616; + --cds-support-error: #ff8389; + --cds-support-success: #42be65; + --cds-support-warning: #f1c21b; + --cds-support-info: #4589ff; + --cds-support-error-inverse: #da1e28; + --cds-support-success-inverse: #24a148; + --cds-support-warning-inverse: #f1c21b; + --cds-support-info-inverse: #0f62fe; + --cds-overlay: rgba(0, 0, 0, 0.65); + --cds-toggle-off: #8d8d8d; + --cds-shadow: rgba(0, 0, 0, 0.8); + --cds-button-primary: #0f62fe; + --cds-button-secondary: #6f6f6f; + --cds-button-tertiary: #ffffff; + --cds-button-danger-primary: #da1e28; + --cds-button-danger-secondary: #ff8389; + --cds-background-active: #525252; + --cds-layer-active: #6f6f6f; + --cds-button-danger-active: #750e13; + --cds-button-primary-active: #002d9c; + --cds-button-secondary-active: #525252; + --cds-button-tertiary-active: #c6c6c6; + --cds-focus-inset: #161616; + --cds-focus-inverse: #0f62fe; + --cds-background-hover: #474747; + --cds-layer-hover: #636363; + --cds-field-hover: #636363; + --cds-background-inverse-hover: #e8e8e8; + --cds-link-primary-hover: #a6c8ff; + --cds-button-danger-hover: #b81921; + --cds-button-primary-hover: #0151e4; + --cds-button-secondary-hover: #5e5e5e; + --cds-button-tertiary-hover: #ffffff; + --cds-background-selected: #525252; + --cds-background-selected-hover: #636363; + --cds-layer-selected: #6f6f6f; + --cds-layer-selected-hover: #616161; + --cds-layer-selected-inverse: #f4f4f4; + --cds-border-subtle-selected: #8d8d8d; + --cds-border-disabled: #525252; + --cds-text-disabled: #8d8d8d; + --cds-button-disabled: #8d8d8d; + --cds-icon-disabled: #8d8d8d; + --cds-text-on-color-disabled: #c6c6c6; + --cds-icon-on-color-disabled: #c6c6c6; + --cds-layer-selected-disabled: #c6c6c6; + --cds-skeleton-background: #474747; + --cds-skeleton-element: #6f6f6f; + --cds-brand-01: #0f62fe; + --cds-brand-02: #6f6f6f; + --cds-brand-03: #ffffff; + --cds-active-01: #525252; + --cds-hover-field: #474747; + --cds-danger: #da1e28; + --cds-caption-01-font-size: 0.75rem; + --cds-caption-01-font-weight: 400; + --cds-caption-01-line-height: 1.33333; + --cds-caption-01-letter-spacing: 0.32px; + --cds-caption-02-font-size: 0.875rem; + --cds-caption-02-font-weight: 400; + --cds-caption-02-line-height: 1.28572; + --cds-caption-02-letter-spacing: 0.32px; + --cds-label-01-font-size: 0.75rem; + --cds-label-01-font-weight: 400; + --cds-label-01-line-height: 1.33333; + --cds-label-01-letter-spacing: 0.32px; + --cds-label-02-font-size: 0.875rem; + --cds-label-02-font-weight: 400; + --cds-label-02-line-height: 1.28572; + --cds-label-02-letter-spacing: 0.16px; + --cds-helper-text-01-font-size: 0.75rem; + --cds-helper-text-01-line-height: 1.33333; + --cds-helper-text-01-letter-spacing: 0.32px; + --cds-helper-text-02-font-size: 0.875rem; + --cds-helper-text-02-line-height: 1.28572; + --cds-helper-text-02-letter-spacing: 0.16px; + --cds-body-short-01-font-size: 0.875rem; + --cds-body-short-01-font-weight: 400; + --cds-body-short-01-line-height: 1.28572; + --cds-body-short-01-letter-spacing: 0.16px; + --cds-body-long-01-font-size: 0.875rem; + --cds-body-long-01-font-weight: 400; + --cds-body-long-01-line-height: 1.42857; + --cds-body-long-01-letter-spacing: 0.16px; + --cds-body-short-02-font-size: 1rem; + --cds-body-short-02-font-weight: 400; + --cds-body-short-02-line-height: 1.375; + --cds-body-short-02-letter-spacing: 0; + --cds-body-long-02-font-size: 1rem; + --cds-body-long-02-font-weight: 400; + --cds-body-long-02-line-height: 1.5; + --cds-body-long-02-letter-spacing: 0; + --cds-code-01-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --cds-code-01-font-size: 0.75rem; + --cds-code-01-font-weight: 400; + --cds-code-01-line-height: 1.33333; + --cds-code-01-letter-spacing: 0.32px; + --cds-code-02-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --cds-code-02-font-size: 0.875rem; + --cds-code-02-font-weight: 400; + --cds-code-02-line-height: 1.42857; + --cds-code-02-letter-spacing: 0.32px; + --cds-heading-01-font-size: 0.875rem; + --cds-heading-01-font-weight: 600; + --cds-heading-01-line-height: 1.42857; + --cds-heading-01-letter-spacing: 0.16px; + --cds-productive-heading-01-font-size: 0.875rem; + --cds-productive-heading-01-font-weight: 600; + --cds-productive-heading-01-line-height: 1.28572; + --cds-productive-heading-01-letter-spacing: 0.16px; + --cds-heading-02-font-size: 1rem; + --cds-heading-02-font-weight: 600; + --cds-heading-02-line-height: 1.5; + --cds-heading-02-letter-spacing: 0; + --cds-productive-heading-02-font-size: 1rem; + --cds-productive-heading-02-font-weight: 600; + --cds-productive-heading-02-line-height: 1.375; + --cds-productive-heading-02-letter-spacing: 0; + --cds-productive-heading-03-font-size: 1.25rem; + --cds-productive-heading-03-font-weight: 400; + --cds-productive-heading-03-line-height: 1.4; + --cds-productive-heading-03-letter-spacing: 0; + --cds-productive-heading-04-font-size: 1.75rem; + --cds-productive-heading-04-font-weight: 400; + --cds-productive-heading-04-line-height: 1.28572; + --cds-productive-heading-04-letter-spacing: 0; + --cds-productive-heading-05-font-size: 2rem; + --cds-productive-heading-05-font-weight: 400; + --cds-productive-heading-05-line-height: 1.25; + --cds-productive-heading-05-letter-spacing: 0; + --cds-productive-heading-06-font-size: 2.625rem; + --cds-productive-heading-06-font-weight: 300; + --cds-productive-heading-06-line-height: 1.199; + --cds-productive-heading-06-letter-spacing: 0; + --cds-productive-heading-07-font-size: 3.375rem; + --cds-productive-heading-07-font-weight: 300; + --cds-productive-heading-07-line-height: 1.199; + --cds-productive-heading-07-letter-spacing: 0; + --cds-expressive-heading-01-font-size: 0.875rem; + --cds-expressive-heading-01-font-weight: 600; + --cds-expressive-heading-01-line-height: 1.25; + --cds-expressive-heading-01-letter-spacing: 0.16px; + --cds-expressive-heading-02-font-size: 1rem; + --cds-expressive-heading-02-font-weight: 600; + --cds-expressive-heading-02-line-height: 1.5; + --cds-expressive-heading-02-letter-spacing: 0; + --cds-expressive-heading-03-font-size: 1.25rem; + --cds-expressive-heading-03-font-weight: 400; + --cds-expressive-heading-03-line-height: 1.4; + --cds-expressive-heading-03-letter-spacing: 0; + --cds-expressive-heading-04-font-size: 1.75rem; + --cds-expressive-heading-04-font-weight: 400; + --cds-expressive-heading-04-line-height: 1.28572; + --cds-expressive-heading-04-letter-spacing: 0; + --cds-expressive-heading-05-font-size: 2rem; + --cds-expressive-heading-05-font-weight: 400; + --cds-expressive-heading-05-line-height: 1.25; + --cds-expressive-heading-05-letter-spacing: 0; + --cds-expressive-heading-06-font-size: 2rem; + --cds-expressive-heading-06-font-weight: 600; + --cds-expressive-heading-06-line-height: 1.25; + --cds-expressive-heading-06-letter-spacing: 0; + --cds-expressive-paragraph-01-font-size: 1.5rem; + --cds-expressive-paragraph-01-font-weight: 300; + --cds-expressive-paragraph-01-line-height: 1.334; + --cds-expressive-paragraph-01-letter-spacing: 0; + --cds-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif; + --cds-quotation-01-font-size: 1.25rem; + --cds-quotation-01-font-weight: 400; + --cds-quotation-01-line-height: 1.3; + --cds-quotation-01-letter-spacing: 0; + --cds-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif; + --cds-quotation-02-font-size: 2rem; + --cds-quotation-02-font-weight: 300; + --cds-quotation-02-line-height: 1.25; + --cds-quotation-02-letter-spacing: 0; + --cds-display-01-font-size: 2.625rem; + --cds-display-01-font-weight: 300; + --cds-display-01-line-height: 1.19; + --cds-display-01-letter-spacing: 0; + --cds-display-02-font-size: 2.625rem; + --cds-display-02-font-weight: 600; + --cds-display-02-line-height: 1.19; + --cds-display-02-letter-spacing: 0; + --cds-display-03-font-size: 2.625rem; + --cds-display-03-font-weight: 300; + --cds-display-03-line-height: 1.19; + --cds-display-03-letter-spacing: 0; + --cds-display-04-font-size: 2.625rem; + --cds-display-04-font-weight: 600; + --cds-display-04-line-height: 1.19; + --cds-display-04-letter-spacing: 0; + --cds-legal-01-font-size: 0.75rem; + --cds-legal-01-font-weight: 400; + --cds-legal-01-line-height: 1.33333; + --cds-legal-01-letter-spacing: 0.32px; + --cds-legal-02-font-size: 0.875rem; + --cds-legal-02-font-weight: 400; + --cds-legal-02-line-height: 1.28572; + --cds-legal-02-letter-spacing: 0.16px; + --cds-body-compact-01-font-size: 0.875rem; + --cds-body-compact-01-font-weight: 400; + --cds-body-compact-01-line-height: 1.28572; + --cds-body-compact-01-letter-spacing: 0.16px; + --cds-body-compact-02-font-size: 1rem; + --cds-body-compact-02-font-weight: 400; + --cds-body-compact-02-line-height: 1.375; + --cds-body-compact-02-letter-spacing: 0; + --cds-body-01-font-size: 0.875rem; + --cds-body-01-font-weight: 400; + --cds-body-01-line-height: 1.42857; + --cds-body-01-letter-spacing: 0.16px; + --cds-body-02-font-size: 1rem; + --cds-body-02-font-weight: 400; + --cds-body-02-line-height: 1.5; + --cds-body-02-letter-spacing: 0; + --cds-heading-compact-01-font-size: 0.875rem; + --cds-heading-compact-01-font-weight: 600; + --cds-heading-compact-01-line-height: 1.28572; + --cds-heading-compact-01-letter-spacing: 0.16px; + --cds-heading-compact-02-font-size: 1rem; + --cds-heading-compact-02-font-weight: 600; + --cds-heading-compact-02-line-height: 1.375; + --cds-heading-compact-02-letter-spacing: 0; + --cds-heading-03-font-size: 1.25rem; + --cds-heading-03-font-weight: 400; + --cds-heading-03-line-height: 1.4; + --cds-heading-03-letter-spacing: 0; + --cds-heading-04-font-size: 1.75rem; + --cds-heading-04-font-weight: 400; + --cds-heading-04-line-height: 1.28572; + --cds-heading-04-letter-spacing: 0; + --cds-heading-05-font-size: 2rem; + --cds-heading-05-font-weight: 400; + --cds-heading-05-line-height: 1.25; + --cds-heading-05-letter-spacing: 0; + --cds-heading-06-font-size: 2.625rem; + --cds-heading-06-font-weight: 300; + --cds-heading-06-line-height: 1.199; + --cds-heading-06-letter-spacing: 0; + --cds-heading-07-font-size: 3.375rem; + --cds-heading-07-font-weight: 300; + --cds-heading-07-line-height: 1.199; + --cds-heading-07-letter-spacing: 0; + --cds-fluid-heading-03-font-size: 1.25rem; + --cds-fluid-heading-03-font-weight: 400; + --cds-fluid-heading-03-line-height: 1.4; + --cds-fluid-heading-03-letter-spacing: 0; + --cds-fluid-heading-04-font-size: 1.75rem; + --cds-fluid-heading-04-font-weight: 400; + --cds-fluid-heading-04-line-height: 1.28572; + --cds-fluid-heading-04-letter-spacing: 0; + --cds-fluid-heading-05-font-size: 2rem; + --cds-fluid-heading-05-font-weight: 400; + --cds-fluid-heading-05-line-height: 1.25; + --cds-fluid-heading-05-letter-spacing: 0; + --cds-fluid-heading-06-font-size: 2rem; + --cds-fluid-heading-06-font-weight: 600; + --cds-fluid-heading-06-line-height: 1.25; + --cds-fluid-heading-06-letter-spacing: 0; + --cds-fluid-paragraph-01-font-size: 1.5rem; + --cds-fluid-paragraph-01-font-weight: 300; + --cds-fluid-paragraph-01-line-height: 1.334; + --cds-fluid-paragraph-01-letter-spacing: 0; + --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif; + --cds-fluid-quotation-01-font-size: 1.25rem; + --cds-fluid-quotation-01-font-weight: 400; + --cds-fluid-quotation-01-line-height: 1.3; + --cds-fluid-quotation-01-letter-spacing: 0; + --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif; + --cds-fluid-quotation-02-font-size: 2rem; + --cds-fluid-quotation-02-font-weight: 300; + --cds-fluid-quotation-02-line-height: 1.25; + --cds-fluid-quotation-02-letter-spacing: 0; + --cds-fluid-display-01-font-size: 2.625rem; + --cds-fluid-display-01-font-weight: 300; + --cds-fluid-display-01-line-height: 1.19; + --cds-fluid-display-01-letter-spacing: 0; + --cds-fluid-display-02-font-size: 2.625rem; + --cds-fluid-display-02-font-weight: 600; + --cds-fluid-display-02-line-height: 1.19; + --cds-fluid-display-02-letter-spacing: 0; + --cds-fluid-display-03-font-size: 2.625rem; + --cds-fluid-display-03-font-weight: 300; + --cds-fluid-display-03-line-height: 1.19; + --cds-fluid-display-03-letter-spacing: 0; + --cds-fluid-display-04-font-size: 2.625rem; + --cds-fluid-display-04-font-weight: 600; + --cds-fluid-display-04-line-height: 1.19; + --cds-fluid-display-04-letter-spacing: 0; + --cds-spacing-01: 0.125rem; + --cds-spacing-02: 0.25rem; + --cds-spacing-03: 0.5rem; + --cds-spacing-04: 0.75rem; + --cds-spacing-05: 1rem; + --cds-spacing-06: 1.5rem; + --cds-spacing-07: 2rem; + --cds-spacing-08: 2.5rem; + --cds-spacing-09: 3rem; + --cds-spacing-10: 4rem; + --cds-spacing-11: 5rem; + --cds-spacing-12: 6rem; + --cds-spacing-13: 10rem; + --cds-fluid-spacing-01: 0; + --cds-fluid-spacing-02: 2vw; + --cds-fluid-spacing-03: 5vw; + --cds-fluid-spacing-04: 10vw; + --cds-layout-01: 1rem; + --cds-layout-02: 1.5rem; + --cds-layout-03: 2rem; + --cds-layout-04: 3rem; + --cds-layout-05: 4rem; + --cds-layout-06: 6rem; + --cds-layout-07: 10rem; + --cds-container-01: 1.5rem; + --cds-container-02: 2rem; + --cds-container-03: 2.5rem; + --cds-container-04: 3rem; + --cds-container-05: 4rem; + --cds-size-xsmall: 1.5rem; + --cds-size-small: 2rem; + --cds-size-medium: 2.5rem; + --cds-size-large: 3rem; + --cds-size-xlarge: 4rem; + --cds-size-2XLarge: 5rem; + --cds-icon-size-01: 1rem; + --cds-icon-size-02: 1.25rem; + --cds-tag-background-red: #ffd7d9; + --cds-tag-color-red: #750e13; + --cds-tag-hover-red: #ffb3b8; + --cds-tag-background-magenta: #ffd6e8; + --cds-tag-color-magenta: #740937; + --cds-tag-hover-magenta: #ffafd2; + --cds-tag-background-purple: #e8daff; + --cds-tag-color-purple: #491d8b; + --cds-tag-hover-purple: #d4bbff; + --cds-tag-background-blue: #d0e2ff; + --cds-tag-color-blue: #002d9c; + --cds-tag-hover-blue: #a6c8ff; + --cds-tag-background-cyan: #bae6ff; + --cds-tag-color-cyan: #003a6d; + --cds-tag-hover-cyan: #82cfff; + --cds-tag-background-teal: #9ef0f0; + --cds-tag-color-teal: #004144; + --cds-tag-hover-teal: #3ddbd9; + --cds-tag-background-green: #a7f0ba; + --cds-tag-color-green: #044317; + --cds-tag-hover-green: #6fdc8c; + --cds-tag-background-gray: #e0e0e0; + --cds-tag-color-gray: #393939; + --cds-tag-hover-gray: #c6c6c6; + --cds-tag-background-cool-gray: #dde1e6; + --cds-tag-color-cool-gray: #343a3f; + --cds-tag-hover-cool-gray: #c1c7cd; + --cds-tag-background-warm-gray: #e5e0df; + --cds-tag-color-warm-gray: #3c3838; + --cds-tag-hover-warm-gray: #cac5c4; + --cds-notification-background-error: var(--cds-layer, #f4f4f4); + --cds-notification-background-success: var(--cds-layer, #f4f4f4); + --cds-notification-background-info: var(--cds-layer, #f4f4f4); + --cds-notification-background-warning: var(--cds-layer, #f4f4f4); + --cds-notification-action-hover: var(--cds-layer-hover, #e5e5e5); } + +:root[theme="g90"] { + --cds-interactive-01: #0f62fe; + --cds-interactive-02: #6f6f6f; + --cds-interactive-03: #ffffff; + --cds-interactive-04: #4589ff; + --cds-ui-background: #262626; + --cds-ui-01: #393939; + --cds-ui-02: #525252; + --cds-ui-03: #525252; + --cds-ui-04: #8d8d8d; + --cds-ui-05: #f4f4f4; + --cds-text-01: #f4f4f4; + --cds-text-02: #c6c6c6; + --cds-text-03: #6f6f6f; + --cds-text-04: #ffffff; + --cds-text-05: #8d8d8d; + --cds-text-error: #ffb3b8; + --cds-icon-01: #f4f4f4; + --cds-icon-02: #c6c6c6; + --cds-icon-03: #ffffff; + --cds-link-01: #78a9ff; + --cds-link-02: #a6c8ff; + --cds-inverse-link: #0f62fe; + --cds-field-01: #393939; + --cds-field-02: #525252; + --cds-inverse-01: #161616; + --cds-inverse-02: #f4f4f4; + --cds-support-01: #ff8389; + --cds-support-02: #42be65; + --cds-support-03: #f1c21b; + --cds-support-04: #4589ff; + --cds-inverse-support-01: #da1e28; + --cds-inverse-support-02: #24a148; + --cds-inverse-support-03: #f1c21b; + --cds-inverse-support-04: #0f62fe; + --cds-overlay-01: rgba(0, 0, 0, 0.65); + --cds-danger-01: #da1e28; + --cds-danger-02: #ff8389; + --cds-focus: #ffffff; + --cds-inverse-focus-ui: #0f62fe; + --cds-hover-primary: #0353e9; + --cds-active-primary: #002d9c; + --cds-hover-primary-text: #a6c8ff; + --cds-hover-secondary: #606060; + --cds-active-secondary: #393939; + --cds-hover-tertiary: #f4f4f4; + --cds-active-tertiary: #c6c6c6; + --cds-hover-ui: #4c4c4c; + --cds-hover-light-ui: #656565; + --cds-hover-selected-ui: #656565; + --cds-active-ui: #6f6f6f; + --cds-active-light-ui: #8d8d8d; + --cds-selected-ui: #525252; + --cds-selected-light-ui: #6f6f6f; + --cds-inverse-hover-ui: #e5e5e5; + --cds-hover-danger: #b81921; + --cds-active-danger: #750e13; + --cds-hover-row: #4c4c4c; + --cds-visited-link: #be95ff; + --cds-disabled-01: #393939; + --cds-disabled-02: #6f6f6f; + --cds-disabled-03: #a8a8a8; + --cds-highlight: #0043ce; + --cds-decorative-01: #6f6f6f; + --cds-button-separator: #161616; + --cds-skeleton-01: #353535; + --cds-skeleton-02: #525252; + --cds-background: #262626; + --cds-layer: #393939; + --cds-layer-accent: #525252; + --cds-layer-accent-hover: #636363; + --cds-layer-accent-active: #8d8d8d; + --cds-field: #393939; + --cds-background-inverse: #f4f4f4; + --cds-background-brand: #0f62fe; + --cds-interactive: #4589ff; + --cds-border-subtle: #525252; + --cds-border-strong: #8d8d8d; + --cds-border-inverse: #f4f4f4; + --cds-border-interactive: #4589ff; + --cds-text-primary: #f4f4f4; + --cds-text-secondary: #c6c6c6; + --cds-text-placeholder: #6f6f6f; + --cds-text-helper: #8d8d8d; + --cds-text-on-color: #ffffff; + --cds-text-inverse: #161616; + --cds-link-primary: #78a9ff; + --cds-link-secondary: #a6c8ff; + --cds-link-visited: #be95ff; + --cds-link-inverse: #0f62fe; + --cds-icon-primary: #f4f4f4; + --cds-icon-secondary: #c6c6c6; + --cds-icon-on-color: #ffffff; + --cds-icon-inverse: #161616; + --cds-support-error: #ff8389; + --cds-support-success: #42be65; + --cds-support-warning: #f1c21b; + --cds-support-info: #4589ff; + --cds-support-error-inverse: #da1e28; + --cds-support-success-inverse: #24a148; + --cds-support-warning-inverse: #f1c21b; + --cds-support-info-inverse: #0f62fe; + --cds-overlay: rgba(0, 0, 0, 0.65); + --cds-toggle-off: #8d8d8d; + --cds-shadow: rgba(0, 0, 0, 0.8); + --cds-button-primary: #0f62fe; + --cds-button-secondary: #6f6f6f; + --cds-button-tertiary: #ffffff; + --cds-button-danger-primary: #da1e28; + --cds-button-danger-secondary: #ff8389; + --cds-background-active: #6f6f6f; + --cds-layer-active: #6f6f6f; + --cds-button-danger-active: #750e13; + --cds-button-primary-active: #002d9c; + --cds-button-secondary-active: #393939; + --cds-button-tertiary-active: #c6c6c6; + --cds-focus-inset: #161616; + --cds-focus-inverse: #0f62fe; + --cds-background-hover: #4c4c4c; + --cds-layer-hover: #4c4c4c; + --cds-field-hover: #4c4c4c; + --cds-background-inverse-hover: #e5e5e5; + --cds-link-primary-hover: #a6c8ff; + --cds-button-danger-hover: #b81921; + --cds-button-primary-hover: #0353e9; + --cds-button-secondary-hover: #606060; + --cds-button-tertiary-hover: #f4f4f4; + --cds-background-selected: #525252; + --cds-background-selected-hover: #656565; + --cds-layer-selected: #525252; + --cds-layer-selected-hover: #656565; + --cds-layer-selected-inverse: #f4f4f4; + --cds-border-subtle-selected: #6f6f6f; + --cds-border-disabled: #393939; + --cds-text-disabled: #6f6f6f; + --cds-button-disabled: #6f6f6f; + --cds-icon-disabled: #6f6f6f; + --cds-text-on-color-disabled: #a8a8a8; + --cds-icon-on-color-disabled: #a8a8a8; + --cds-layer-selected-disabled: #a8a8a8; + --cds-skeleton-background: #353535; + --cds-skeleton-element: #525252; + --cds-brand-01: #0f62fe; + --cds-brand-02: #6f6f6f; + --cds-brand-03: #ffffff; + --cds-active-01: #6f6f6f; + --cds-hover-field: #4c4c4c; + --cds-danger: #da1e28; + --cds-caption-01-font-size: 0.75rem; + --cds-caption-01-font-weight: 400; + --cds-caption-01-line-height: 1.33333; + --cds-caption-01-letter-spacing: 0.32px; + --cds-caption-02-font-size: 0.875rem; + --cds-caption-02-font-weight: 400; + --cds-caption-02-line-height: 1.28572; + --cds-caption-02-letter-spacing: 0.32px; + --cds-label-01-font-size: 0.75rem; + --cds-label-01-font-weight: 400; + --cds-label-01-line-height: 1.33333; + --cds-label-01-letter-spacing: 0.32px; + --cds-label-02-font-size: 0.875rem; + --cds-label-02-font-weight: 400; + --cds-label-02-line-height: 1.28572; + --cds-label-02-letter-spacing: 0.16px; + --cds-helper-text-01-font-size: 0.75rem; + --cds-helper-text-01-line-height: 1.33333; + --cds-helper-text-01-letter-spacing: 0.32px; + --cds-helper-text-02-font-size: 0.875rem; + --cds-helper-text-02-line-height: 1.28572; + --cds-helper-text-02-letter-spacing: 0.16px; + --cds-body-short-01-font-size: 0.875rem; + --cds-body-short-01-font-weight: 400; + --cds-body-short-01-line-height: 1.28572; + --cds-body-short-01-letter-spacing: 0.16px; + --cds-body-long-01-font-size: 0.875rem; + --cds-body-long-01-font-weight: 400; + --cds-body-long-01-line-height: 1.42857; + --cds-body-long-01-letter-spacing: 0.16px; + --cds-body-short-02-font-size: 1rem; + --cds-body-short-02-font-weight: 400; + --cds-body-short-02-line-height: 1.375; + --cds-body-short-02-letter-spacing: 0; + --cds-body-long-02-font-size: 1rem; + --cds-body-long-02-font-weight: 400; + --cds-body-long-02-line-height: 1.5; + --cds-body-long-02-letter-spacing: 0; + --cds-code-01-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --cds-code-01-font-size: 0.75rem; + --cds-code-01-font-weight: 400; + --cds-code-01-line-height: 1.33333; + --cds-code-01-letter-spacing: 0.32px; + --cds-code-02-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --cds-code-02-font-size: 0.875rem; + --cds-code-02-font-weight: 400; + --cds-code-02-line-height: 1.42857; + --cds-code-02-letter-spacing: 0.32px; + --cds-heading-01-font-size: 0.875rem; + --cds-heading-01-font-weight: 600; + --cds-heading-01-line-height: 1.42857; + --cds-heading-01-letter-spacing: 0.16px; + --cds-productive-heading-01-font-size: 0.875rem; + --cds-productive-heading-01-font-weight: 600; + --cds-productive-heading-01-line-height: 1.28572; + --cds-productive-heading-01-letter-spacing: 0.16px; + --cds-heading-02-font-size: 1rem; + --cds-heading-02-font-weight: 600; + --cds-heading-02-line-height: 1.5; + --cds-heading-02-letter-spacing: 0; + --cds-productive-heading-02-font-size: 1rem; + --cds-productive-heading-02-font-weight: 600; + --cds-productive-heading-02-line-height: 1.375; + --cds-productive-heading-02-letter-spacing: 0; + --cds-productive-heading-03-font-size: 1.25rem; + --cds-productive-heading-03-font-weight: 400; + --cds-productive-heading-03-line-height: 1.4; + --cds-productive-heading-03-letter-spacing: 0; + --cds-productive-heading-04-font-size: 1.75rem; + --cds-productive-heading-04-font-weight: 400; + --cds-productive-heading-04-line-height: 1.28572; + --cds-productive-heading-04-letter-spacing: 0; + --cds-productive-heading-05-font-size: 2rem; + --cds-productive-heading-05-font-weight: 400; + --cds-productive-heading-05-line-height: 1.25; + --cds-productive-heading-05-letter-spacing: 0; + --cds-productive-heading-06-font-size: 2.625rem; + --cds-productive-heading-06-font-weight: 300; + --cds-productive-heading-06-line-height: 1.199; + --cds-productive-heading-06-letter-spacing: 0; + --cds-productive-heading-07-font-size: 3.375rem; + --cds-productive-heading-07-font-weight: 300; + --cds-productive-heading-07-line-height: 1.199; + --cds-productive-heading-07-letter-spacing: 0; + --cds-expressive-heading-01-font-size: 0.875rem; + --cds-expressive-heading-01-font-weight: 600; + --cds-expressive-heading-01-line-height: 1.25; + --cds-expressive-heading-01-letter-spacing: 0.16px; + --cds-expressive-heading-02-font-size: 1rem; + --cds-expressive-heading-02-font-weight: 600; + --cds-expressive-heading-02-line-height: 1.5; + --cds-expressive-heading-02-letter-spacing: 0; + --cds-expressive-heading-03-font-size: 1.25rem; + --cds-expressive-heading-03-font-weight: 400; + --cds-expressive-heading-03-line-height: 1.4; + --cds-expressive-heading-03-letter-spacing: 0; + --cds-expressive-heading-04-font-size: 1.75rem; + --cds-expressive-heading-04-font-weight: 400; + --cds-expressive-heading-04-line-height: 1.28572; + --cds-expressive-heading-04-letter-spacing: 0; + --cds-expressive-heading-05-font-size: 2rem; + --cds-expressive-heading-05-font-weight: 400; + --cds-expressive-heading-05-line-height: 1.25; + --cds-expressive-heading-05-letter-spacing: 0; + --cds-expressive-heading-06-font-size: 2rem; + --cds-expressive-heading-06-font-weight: 600; + --cds-expressive-heading-06-line-height: 1.25; + --cds-expressive-heading-06-letter-spacing: 0; + --cds-expressive-paragraph-01-font-size: 1.5rem; + --cds-expressive-paragraph-01-font-weight: 300; + --cds-expressive-paragraph-01-line-height: 1.334; + --cds-expressive-paragraph-01-letter-spacing: 0; + --cds-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif; + --cds-quotation-01-font-size: 1.25rem; + --cds-quotation-01-font-weight: 400; + --cds-quotation-01-line-height: 1.3; + --cds-quotation-01-letter-spacing: 0; + --cds-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif; + --cds-quotation-02-font-size: 2rem; + --cds-quotation-02-font-weight: 300; + --cds-quotation-02-line-height: 1.25; + --cds-quotation-02-letter-spacing: 0; + --cds-display-01-font-size: 2.625rem; + --cds-display-01-font-weight: 300; + --cds-display-01-line-height: 1.19; + --cds-display-01-letter-spacing: 0; + --cds-display-02-font-size: 2.625rem; + --cds-display-02-font-weight: 600; + --cds-display-02-line-height: 1.19; + --cds-display-02-letter-spacing: 0; + --cds-display-03-font-size: 2.625rem; + --cds-display-03-font-weight: 300; + --cds-display-03-line-height: 1.19; + --cds-display-03-letter-spacing: 0; + --cds-display-04-font-size: 2.625rem; + --cds-display-04-font-weight: 600; + --cds-display-04-line-height: 1.19; + --cds-display-04-letter-spacing: 0; + --cds-legal-01-font-size: 0.75rem; + --cds-legal-01-font-weight: 400; + --cds-legal-01-line-height: 1.33333; + --cds-legal-01-letter-spacing: 0.32px; + --cds-legal-02-font-size: 0.875rem; + --cds-legal-02-font-weight: 400; + --cds-legal-02-line-height: 1.28572; + --cds-legal-02-letter-spacing: 0.16px; + --cds-body-compact-01-font-size: 0.875rem; + --cds-body-compact-01-font-weight: 400; + --cds-body-compact-01-line-height: 1.28572; + --cds-body-compact-01-letter-spacing: 0.16px; + --cds-body-compact-02-font-size: 1rem; + --cds-body-compact-02-font-weight: 400; + --cds-body-compact-02-line-height: 1.375; + --cds-body-compact-02-letter-spacing: 0; + --cds-body-01-font-size: 0.875rem; + --cds-body-01-font-weight: 400; + --cds-body-01-line-height: 1.42857; + --cds-body-01-letter-spacing: 0.16px; + --cds-body-02-font-size: 1rem; + --cds-body-02-font-weight: 400; + --cds-body-02-line-height: 1.5; + --cds-body-02-letter-spacing: 0; + --cds-heading-compact-01-font-size: 0.875rem; + --cds-heading-compact-01-font-weight: 600; + --cds-heading-compact-01-line-height: 1.28572; + --cds-heading-compact-01-letter-spacing: 0.16px; + --cds-heading-compact-02-font-size: 1rem; + --cds-heading-compact-02-font-weight: 600; + --cds-heading-compact-02-line-height: 1.375; + --cds-heading-compact-02-letter-spacing: 0; + --cds-heading-03-font-size: 1.25rem; + --cds-heading-03-font-weight: 400; + --cds-heading-03-line-height: 1.4; + --cds-heading-03-letter-spacing: 0; + --cds-heading-04-font-size: 1.75rem; + --cds-heading-04-font-weight: 400; + --cds-heading-04-line-height: 1.28572; + --cds-heading-04-letter-spacing: 0; + --cds-heading-05-font-size: 2rem; + --cds-heading-05-font-weight: 400; + --cds-heading-05-line-height: 1.25; + --cds-heading-05-letter-spacing: 0; + --cds-heading-06-font-size: 2.625rem; + --cds-heading-06-font-weight: 300; + --cds-heading-06-line-height: 1.199; + --cds-heading-06-letter-spacing: 0; + --cds-heading-07-font-size: 3.375rem; + --cds-heading-07-font-weight: 300; + --cds-heading-07-line-height: 1.199; + --cds-heading-07-letter-spacing: 0; + --cds-fluid-heading-03-font-size: 1.25rem; + --cds-fluid-heading-03-font-weight: 400; + --cds-fluid-heading-03-line-height: 1.4; + --cds-fluid-heading-03-letter-spacing: 0; + --cds-fluid-heading-04-font-size: 1.75rem; + --cds-fluid-heading-04-font-weight: 400; + --cds-fluid-heading-04-line-height: 1.28572; + --cds-fluid-heading-04-letter-spacing: 0; + --cds-fluid-heading-05-font-size: 2rem; + --cds-fluid-heading-05-font-weight: 400; + --cds-fluid-heading-05-line-height: 1.25; + --cds-fluid-heading-05-letter-spacing: 0; + --cds-fluid-heading-06-font-size: 2rem; + --cds-fluid-heading-06-font-weight: 600; + --cds-fluid-heading-06-line-height: 1.25; + --cds-fluid-heading-06-letter-spacing: 0; + --cds-fluid-paragraph-01-font-size: 1.5rem; + --cds-fluid-paragraph-01-font-weight: 300; + --cds-fluid-paragraph-01-line-height: 1.334; + --cds-fluid-paragraph-01-letter-spacing: 0; + --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif; + --cds-fluid-quotation-01-font-size: 1.25rem; + --cds-fluid-quotation-01-font-weight: 400; + --cds-fluid-quotation-01-line-height: 1.3; + --cds-fluid-quotation-01-letter-spacing: 0; + --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif; + --cds-fluid-quotation-02-font-size: 2rem; + --cds-fluid-quotation-02-font-weight: 300; + --cds-fluid-quotation-02-line-height: 1.25; + --cds-fluid-quotation-02-letter-spacing: 0; + --cds-fluid-display-01-font-size: 2.625rem; + --cds-fluid-display-01-font-weight: 300; + --cds-fluid-display-01-line-height: 1.19; + --cds-fluid-display-01-letter-spacing: 0; + --cds-fluid-display-02-font-size: 2.625rem; + --cds-fluid-display-02-font-weight: 600; + --cds-fluid-display-02-line-height: 1.19; + --cds-fluid-display-02-letter-spacing: 0; + --cds-fluid-display-03-font-size: 2.625rem; + --cds-fluid-display-03-font-weight: 300; + --cds-fluid-display-03-line-height: 1.19; + --cds-fluid-display-03-letter-spacing: 0; + --cds-fluid-display-04-font-size: 2.625rem; + --cds-fluid-display-04-font-weight: 600; + --cds-fluid-display-04-line-height: 1.19; + --cds-fluid-display-04-letter-spacing: 0; + --cds-spacing-01: 0.125rem; + --cds-spacing-02: 0.25rem; + --cds-spacing-03: 0.5rem; + --cds-spacing-04: 0.75rem; + --cds-spacing-05: 1rem; + --cds-spacing-06: 1.5rem; + --cds-spacing-07: 2rem; + --cds-spacing-08: 2.5rem; + --cds-spacing-09: 3rem; + --cds-spacing-10: 4rem; + --cds-spacing-11: 5rem; + --cds-spacing-12: 6rem; + --cds-spacing-13: 10rem; + --cds-fluid-spacing-01: 0; + --cds-fluid-spacing-02: 2vw; + --cds-fluid-spacing-03: 5vw; + --cds-fluid-spacing-04: 10vw; + --cds-layout-01: 1rem; + --cds-layout-02: 1.5rem; + --cds-layout-03: 2rem; + --cds-layout-04: 3rem; + --cds-layout-05: 4rem; + --cds-layout-06: 6rem; + --cds-layout-07: 10rem; + --cds-container-01: 1.5rem; + --cds-container-02: 2rem; + --cds-container-03: 2.5rem; + --cds-container-04: 3rem; + --cds-container-05: 4rem; + --cds-size-xsmall: 1.5rem; + --cds-size-small: 2rem; + --cds-size-medium: 2.5rem; + --cds-size-large: 3rem; + --cds-size-xlarge: 4rem; + --cds-size-2XLarge: 5rem; + --cds-icon-size-01: 1rem; + --cds-icon-size-02: 1.25rem; + --cds-tag-background-red: #a2191f; + --cds-tag-color-red: #ffd7d9; + --cds-tag-hover-red: #c21e25; + --cds-tag-background-magenta: #9f1853; + --cds-tag-color-magenta: #ffd6e8; + --cds-tag-hover-magenta: #bf1d63; + --cds-tag-background-purple: #6929c4; + --cds-tag-color-purple: #e8daff; + --cds-tag-hover-purple: #7c3dd6; + --cds-tag-background-blue: #0043ce; + --cds-tag-color-blue: #d0e2ff; + --cds-tag-hover-blue: #0053ff; + --cds-tag-background-cyan: #00539a; + --cds-tag-color-cyan: #bae6ff; + --cds-tag-hover-cyan: #0066bd; + --cds-tag-background-teal: #005d5d; + --cds-tag-color-teal: #9ef0f0; + --cds-tag-hover-teal: #007070; + --cds-tag-background-green: #0e6027; + --cds-tag-color-green: #a7f0ba; + --cds-tag-hover-green: #11742f; + --cds-tag-background-gray: #525252; + --cds-tag-color-gray: #e0e0e0; + --cds-tag-hover-gray: #636363; + --cds-tag-background-cool-gray: #4d5358; + --cds-tag-color-cool-gray: #dde1e6; + --cds-tag-hover-cool-gray: #5d646a; + --cds-tag-background-warm-gray: #565151; + --cds-tag-color-warm-gray: #e5e0df; + --cds-tag-hover-warm-gray: #696363; + --cds-notification-background-error: var(--cds-ui-01, #f4f4f4); + --cds-notification-background-success: var(--cds-ui-01, #f4f4f4); + --cds-notification-background-info: var(--cds-ui-01, #f4f4f4); + --cds-notification-background-warning: var(--cds-ui-01, #f4f4f4); + --cds-notification-action-hover: var(--cds-hover-ui, #e5e5e5); } + +:root[theme="g100"] { + --cds-interactive-01: #0f62fe; + --cds-interactive-02: #6f6f6f; + --cds-interactive-03: #ffffff; + --cds-interactive-04: #4589ff; + --cds-ui-background: #161616; + --cds-ui-01: #262626; + --cds-ui-02: #393939; + --cds-ui-03: #393939; + --cds-ui-04: #6f6f6f; + --cds-ui-05: #f4f4f4; + --cds-text-01: #f4f4f4; + --cds-text-02: #c6c6c6; + --cds-text-03: #6f6f6f; + --cds-text-04: #ffffff; + --cds-text-05: #8d8d8d; + --cds-text-error: #ff8389; + --cds-icon-01: #f4f4f4; + --cds-icon-02: #c6c6c6; + --cds-icon-03: #ffffff; + --cds-link-01: #78a9ff; + --cds-link-02: #a6c8ff; + --cds-inverse-link: #0f62fe; + --cds-field-01: #262626; + --cds-field-02: #393939; + --cds-inverse-01: #161616; + --cds-inverse-02: #f4f4f4; + --cds-support-01: #fa4d56; + --cds-support-02: #42be65; + --cds-support-03: #f1c21b; + --cds-support-04: #4589ff; + --cds-inverse-support-01: #da1e28; + --cds-inverse-support-02: #24a148; + --cds-inverse-support-03: #f1c21b; + --cds-inverse-support-04: #0f62fe; + --cds-overlay-01: rgba(0, 0, 0, 0.65); + --cds-danger-01: #da1e28; + --cds-danger-02: #fa4d56; + --cds-focus: #ffffff; + --cds-inverse-focus-ui: #0f62fe; + --cds-hover-primary: #0353e9; + --cds-active-primary: #002d9c; + --cds-hover-primary-text: #a6c8ff; + --cds-hover-secondary: #606060; + --cds-active-secondary: #393939; + --cds-hover-tertiary: #f4f4f4; + --cds-active-tertiary: #c6c6c6; + --cds-hover-ui: #353535; + --cds-hover-light-ui: #4c4c4c; + --cds-hover-selected-ui: #4c4c4c; + --cds-active-ui: #525252; + --cds-active-light-ui: #6f6f6f; + --cds-selected-ui: #393939; + --cds-selected-light-ui: #525252; + --cds-inverse-hover-ui: #e5e5e5; + --cds-hover-danger: #b81921; + --cds-active-danger: #750e13; + --cds-hover-row: #353535; + --cds-visited-link: #be95ff; + --cds-disabled-01: #262626; + --cds-disabled-02: #525252; + --cds-disabled-03: #8d8d8d; + --cds-highlight: #002d9c; + --cds-decorative-01: #525252; + --cds-button-separator: #161616; + --cds-skeleton-01: #353535; + --cds-skeleton-02: #525252; + --cds-background: #161616; + --cds-layer: #262626; + --cds-layer-accent: #393939; + --cds-layer-accent-hover: #474747; + --cds-layer-accent-active: #6f6f6f; + --cds-field: #262626; + --cds-background-inverse: #f4f4f4; + --cds-background-brand: #0f62fe; + --cds-interactive: #4589ff; + --cds-border-subtle: #393939; + --cds-border-strong: #6f6f6f; + --cds-border-inverse: #f4f4f4; + --cds-border-interactive: #4589ff; + --cds-text-primary: #f4f4f4; + --cds-text-secondary: #c6c6c6; + --cds-text-placeholder: #6f6f6f; + --cds-text-helper: #8d8d8d; + --cds-text-on-color: #ffffff; + --cds-text-inverse: #161616; + --cds-link-primary: #78a9ff; + --cds-link-secondary: #a6c8ff; + --cds-link-visited: #be95ff; + --cds-link-inverse: #0f62fe; + --cds-icon-primary: #f4f4f4; + --cds-icon-secondary: #c6c6c6; + --cds-icon-on-color: #ffffff; + --cds-icon-inverse: #161616; + --cds-support-error: #fa4d56; + --cds-support-success: #42be65; + --cds-support-warning: #f1c21b; + --cds-support-info: #4589ff; + --cds-support-error-inverse: #da1e28; + --cds-support-success-inverse: #24a148; + --cds-support-warning-inverse: #f1c21b; + --cds-support-info-inverse: #0f62fe; + --cds-overlay: rgba(0, 0, 0, 0.65); + --cds-toggle-off: #6f6f6f; + --cds-shadow: rgba(0, 0, 0, 0.8); + --cds-button-primary: #0f62fe; + --cds-button-secondary: #6f6f6f; + --cds-button-tertiary: #ffffff; + --cds-button-danger-primary: #da1e28; + --cds-button-danger-secondary: #fa4d56; + --cds-background-active: #525252; + --cds-layer-active: #525252; + --cds-button-danger-active: #750e13; + --cds-button-primary-active: #002d9c; + --cds-button-secondary-active: #393939; + --cds-button-tertiary-active: #c6c6c6; + --cds-focus-inset: #161616; + --cds-focus-inverse: #0f62fe; + --cds-background-hover: #353535; + --cds-layer-hover: #353535; + --cds-field-hover: #353535; + --cds-background-inverse-hover: #e5e5e5; + --cds-link-primary-hover: #a6c8ff; + --cds-button-danger-hover: #b81921; + --cds-button-primary-hover: #0353e9; + --cds-button-secondary-hover: #606060; + --cds-button-tertiary-hover: #f4f4f4; + --cds-background-selected: #393939; + --cds-background-selected-hover: #4c4c4c; + --cds-layer-selected: #393939; + --cds-layer-selected-hover: #4c4c4c; + --cds-layer-selected-inverse: #f4f4f4; + --cds-border-subtle-selected: #525252; + --cds-border-disabled: #262626; + --cds-text-disabled: #525252; + --cds-button-disabled: #525252; + --cds-icon-disabled: #525252; + --cds-text-on-color-disabled: #8d8d8d; + --cds-icon-on-color-disabled: #8d8d8d; + --cds-layer-selected-disabled: #8d8d8d; + --cds-skeleton-background: #353535; + --cds-skeleton-element: #525252; + --cds-brand-01: #0f62fe; + --cds-brand-02: #6f6f6f; + --cds-brand-03: #ffffff; + --cds-active-01: #525252; + --cds-hover-field: #353535; + --cds-danger: #da1e28; + --cds-caption-01-font-size: 0.75rem; + --cds-caption-01-font-weight: 400; + --cds-caption-01-line-height: 1.33333; + --cds-caption-01-letter-spacing: 0.32px; + --cds-caption-02-font-size: 0.875rem; + --cds-caption-02-font-weight: 400; + --cds-caption-02-line-height: 1.28572; + --cds-caption-02-letter-spacing: 0.32px; + --cds-label-01-font-size: 0.75rem; + --cds-label-01-font-weight: 400; + --cds-label-01-line-height: 1.33333; + --cds-label-01-letter-spacing: 0.32px; + --cds-label-02-font-size: 0.875rem; + --cds-label-02-font-weight: 400; + --cds-label-02-line-height: 1.28572; + --cds-label-02-letter-spacing: 0.16px; + --cds-helper-text-01-font-size: 0.75rem; + --cds-helper-text-01-line-height: 1.33333; + --cds-helper-text-01-letter-spacing: 0.32px; + --cds-helper-text-02-font-size: 0.875rem; + --cds-helper-text-02-line-height: 1.28572; + --cds-helper-text-02-letter-spacing: 0.16px; + --cds-body-short-01-font-size: 0.875rem; + --cds-body-short-01-font-weight: 400; + --cds-body-short-01-line-height: 1.28572; + --cds-body-short-01-letter-spacing: 0.16px; + --cds-body-long-01-font-size: 0.875rem; + --cds-body-long-01-font-weight: 400; + --cds-body-long-01-line-height: 1.42857; + --cds-body-long-01-letter-spacing: 0.16px; + --cds-body-short-02-font-size: 1rem; + --cds-body-short-02-font-weight: 400; + --cds-body-short-02-line-height: 1.375; + --cds-body-short-02-letter-spacing: 0; + --cds-body-long-02-font-size: 1rem; + --cds-body-long-02-font-weight: 400; + --cds-body-long-02-line-height: 1.5; + --cds-body-long-02-letter-spacing: 0; + --cds-code-01-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --cds-code-01-font-size: 0.75rem; + --cds-code-01-font-weight: 400; + --cds-code-01-line-height: 1.33333; + --cds-code-01-letter-spacing: 0.32px; + --cds-code-02-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --cds-code-02-font-size: 0.875rem; + --cds-code-02-font-weight: 400; + --cds-code-02-line-height: 1.42857; + --cds-code-02-letter-spacing: 0.32px; + --cds-heading-01-font-size: 0.875rem; + --cds-heading-01-font-weight: 600; + --cds-heading-01-line-height: 1.42857; + --cds-heading-01-letter-spacing: 0.16px; + --cds-productive-heading-01-font-size: 0.875rem; + --cds-productive-heading-01-font-weight: 600; + --cds-productive-heading-01-line-height: 1.28572; + --cds-productive-heading-01-letter-spacing: 0.16px; + --cds-heading-02-font-size: 1rem; + --cds-heading-02-font-weight: 600; + --cds-heading-02-line-height: 1.5; + --cds-heading-02-letter-spacing: 0; + --cds-productive-heading-02-font-size: 1rem; + --cds-productive-heading-02-font-weight: 600; + --cds-productive-heading-02-line-height: 1.375; + --cds-productive-heading-02-letter-spacing: 0; + --cds-productive-heading-03-font-size: 1.25rem; + --cds-productive-heading-03-font-weight: 400; + --cds-productive-heading-03-line-height: 1.4; + --cds-productive-heading-03-letter-spacing: 0; + --cds-productive-heading-04-font-size: 1.75rem; + --cds-productive-heading-04-font-weight: 400; + --cds-productive-heading-04-line-height: 1.28572; + --cds-productive-heading-04-letter-spacing: 0; + --cds-productive-heading-05-font-size: 2rem; + --cds-productive-heading-05-font-weight: 400; + --cds-productive-heading-05-line-height: 1.25; + --cds-productive-heading-05-letter-spacing: 0; + --cds-productive-heading-06-font-size: 2.625rem; + --cds-productive-heading-06-font-weight: 300; + --cds-productive-heading-06-line-height: 1.199; + --cds-productive-heading-06-letter-spacing: 0; + --cds-productive-heading-07-font-size: 3.375rem; + --cds-productive-heading-07-font-weight: 300; + --cds-productive-heading-07-line-height: 1.199; + --cds-productive-heading-07-letter-spacing: 0; + --cds-expressive-heading-01-font-size: 0.875rem; + --cds-expressive-heading-01-font-weight: 600; + --cds-expressive-heading-01-line-height: 1.25; + --cds-expressive-heading-01-letter-spacing: 0.16px; + --cds-expressive-heading-02-font-size: 1rem; + --cds-expressive-heading-02-font-weight: 600; + --cds-expressive-heading-02-line-height: 1.5; + --cds-expressive-heading-02-letter-spacing: 0; + --cds-expressive-heading-03-font-size: 1.25rem; + --cds-expressive-heading-03-font-weight: 400; + --cds-expressive-heading-03-line-height: 1.4; + --cds-expressive-heading-03-letter-spacing: 0; + --cds-expressive-heading-04-font-size: 1.75rem; + --cds-expressive-heading-04-font-weight: 400; + --cds-expressive-heading-04-line-height: 1.28572; + --cds-expressive-heading-04-letter-spacing: 0; + --cds-expressive-heading-05-font-size: 2rem; + --cds-expressive-heading-05-font-weight: 400; + --cds-expressive-heading-05-line-height: 1.25; + --cds-expressive-heading-05-letter-spacing: 0; + --cds-expressive-heading-06-font-size: 2rem; + --cds-expressive-heading-06-font-weight: 600; + --cds-expressive-heading-06-line-height: 1.25; + --cds-expressive-heading-06-letter-spacing: 0; + --cds-expressive-paragraph-01-font-size: 1.5rem; + --cds-expressive-paragraph-01-font-weight: 300; + --cds-expressive-paragraph-01-line-height: 1.334; + --cds-expressive-paragraph-01-letter-spacing: 0; + --cds-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif; + --cds-quotation-01-font-size: 1.25rem; + --cds-quotation-01-font-weight: 400; + --cds-quotation-01-line-height: 1.3; + --cds-quotation-01-letter-spacing: 0; + --cds-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif; + --cds-quotation-02-font-size: 2rem; + --cds-quotation-02-font-weight: 300; + --cds-quotation-02-line-height: 1.25; + --cds-quotation-02-letter-spacing: 0; + --cds-display-01-font-size: 2.625rem; + --cds-display-01-font-weight: 300; + --cds-display-01-line-height: 1.19; + --cds-display-01-letter-spacing: 0; + --cds-display-02-font-size: 2.625rem; + --cds-display-02-font-weight: 600; + --cds-display-02-line-height: 1.19; + --cds-display-02-letter-spacing: 0; + --cds-display-03-font-size: 2.625rem; + --cds-display-03-font-weight: 300; + --cds-display-03-line-height: 1.19; + --cds-display-03-letter-spacing: 0; + --cds-display-04-font-size: 2.625rem; + --cds-display-04-font-weight: 600; + --cds-display-04-line-height: 1.19; + --cds-display-04-letter-spacing: 0; + --cds-legal-01-font-size: 0.75rem; + --cds-legal-01-font-weight: 400; + --cds-legal-01-line-height: 1.33333; + --cds-legal-01-letter-spacing: 0.32px; + --cds-legal-02-font-size: 0.875rem; + --cds-legal-02-font-weight: 400; + --cds-legal-02-line-height: 1.28572; + --cds-legal-02-letter-spacing: 0.16px; + --cds-body-compact-01-font-size: 0.875rem; + --cds-body-compact-01-font-weight: 400; + --cds-body-compact-01-line-height: 1.28572; + --cds-body-compact-01-letter-spacing: 0.16px; + --cds-body-compact-02-font-size: 1rem; + --cds-body-compact-02-font-weight: 400; + --cds-body-compact-02-line-height: 1.375; + --cds-body-compact-02-letter-spacing: 0; + --cds-body-01-font-size: 0.875rem; + --cds-body-01-font-weight: 400; + --cds-body-01-line-height: 1.42857; + --cds-body-01-letter-spacing: 0.16px; + --cds-body-02-font-size: 1rem; + --cds-body-02-font-weight: 400; + --cds-body-02-line-height: 1.5; + --cds-body-02-letter-spacing: 0; + --cds-heading-compact-01-font-size: 0.875rem; + --cds-heading-compact-01-font-weight: 600; + --cds-heading-compact-01-line-height: 1.28572; + --cds-heading-compact-01-letter-spacing: 0.16px; + --cds-heading-compact-02-font-size: 1rem; + --cds-heading-compact-02-font-weight: 600; + --cds-heading-compact-02-line-height: 1.375; + --cds-heading-compact-02-letter-spacing: 0; + --cds-heading-03-font-size: 1.25rem; + --cds-heading-03-font-weight: 400; + --cds-heading-03-line-height: 1.4; + --cds-heading-03-letter-spacing: 0; + --cds-heading-04-font-size: 1.75rem; + --cds-heading-04-font-weight: 400; + --cds-heading-04-line-height: 1.28572; + --cds-heading-04-letter-spacing: 0; + --cds-heading-05-font-size: 2rem; + --cds-heading-05-font-weight: 400; + --cds-heading-05-line-height: 1.25; + --cds-heading-05-letter-spacing: 0; + --cds-heading-06-font-size: 2.625rem; + --cds-heading-06-font-weight: 300; + --cds-heading-06-line-height: 1.199; + --cds-heading-06-letter-spacing: 0; + --cds-heading-07-font-size: 3.375rem; + --cds-heading-07-font-weight: 300; + --cds-heading-07-line-height: 1.199; + --cds-heading-07-letter-spacing: 0; + --cds-fluid-heading-03-font-size: 1.25rem; + --cds-fluid-heading-03-font-weight: 400; + --cds-fluid-heading-03-line-height: 1.4; + --cds-fluid-heading-03-letter-spacing: 0; + --cds-fluid-heading-04-font-size: 1.75rem; + --cds-fluid-heading-04-font-weight: 400; + --cds-fluid-heading-04-line-height: 1.28572; + --cds-fluid-heading-04-letter-spacing: 0; + --cds-fluid-heading-05-font-size: 2rem; + --cds-fluid-heading-05-font-weight: 400; + --cds-fluid-heading-05-line-height: 1.25; + --cds-fluid-heading-05-letter-spacing: 0; + --cds-fluid-heading-06-font-size: 2rem; + --cds-fluid-heading-06-font-weight: 600; + --cds-fluid-heading-06-line-height: 1.25; + --cds-fluid-heading-06-letter-spacing: 0; + --cds-fluid-paragraph-01-font-size: 1.5rem; + --cds-fluid-paragraph-01-font-weight: 300; + --cds-fluid-paragraph-01-line-height: 1.334; + --cds-fluid-paragraph-01-letter-spacing: 0; + --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif; + --cds-fluid-quotation-01-font-size: 1.25rem; + --cds-fluid-quotation-01-font-weight: 400; + --cds-fluid-quotation-01-line-height: 1.3; + --cds-fluid-quotation-01-letter-spacing: 0; + --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif; + --cds-fluid-quotation-02-font-size: 2rem; + --cds-fluid-quotation-02-font-weight: 300; + --cds-fluid-quotation-02-line-height: 1.25; + --cds-fluid-quotation-02-letter-spacing: 0; + --cds-fluid-display-01-font-size: 2.625rem; + --cds-fluid-display-01-font-weight: 300; + --cds-fluid-display-01-line-height: 1.19; + --cds-fluid-display-01-letter-spacing: 0; + --cds-fluid-display-02-font-size: 2.625rem; + --cds-fluid-display-02-font-weight: 600; + --cds-fluid-display-02-line-height: 1.19; + --cds-fluid-display-02-letter-spacing: 0; + --cds-fluid-display-03-font-size: 2.625rem; + --cds-fluid-display-03-font-weight: 300; + --cds-fluid-display-03-line-height: 1.19; + --cds-fluid-display-03-letter-spacing: 0; + --cds-fluid-display-04-font-size: 2.625rem; + --cds-fluid-display-04-font-weight: 600; + --cds-fluid-display-04-line-height: 1.19; + --cds-fluid-display-04-letter-spacing: 0; + --cds-spacing-01: 0.125rem; + --cds-spacing-02: 0.25rem; + --cds-spacing-03: 0.5rem; + --cds-spacing-04: 0.75rem; + --cds-spacing-05: 1rem; + --cds-spacing-06: 1.5rem; + --cds-spacing-07: 2rem; + --cds-spacing-08: 2.5rem; + --cds-spacing-09: 3rem; + --cds-spacing-10: 4rem; + --cds-spacing-11: 5rem; + --cds-spacing-12: 6rem; + --cds-spacing-13: 10rem; + --cds-fluid-spacing-01: 0; + --cds-fluid-spacing-02: 2vw; + --cds-fluid-spacing-03: 5vw; + --cds-fluid-spacing-04: 10vw; + --cds-layout-01: 1rem; + --cds-layout-02: 1.5rem; + --cds-layout-03: 2rem; + --cds-layout-04: 3rem; + --cds-layout-05: 4rem; + --cds-layout-06: 6rem; + --cds-layout-07: 10rem; + --cds-container-01: 1.5rem; + --cds-container-02: 2rem; + --cds-container-03: 2.5rem; + --cds-container-04: 3rem; + --cds-container-05: 4rem; + --cds-size-xsmall: 1.5rem; + --cds-size-small: 2rem; + --cds-size-medium: 2.5rem; + --cds-size-large: 3rem; + --cds-size-xlarge: 4rem; + --cds-size-2XLarge: 5rem; + --cds-icon-size-01: 1rem; + --cds-icon-size-02: 1.25rem; + --cds-tag-background-red: #a2191f; + --cds-tag-color-red: #ffd7d9; + --cds-tag-hover-red: #c21e25; + --cds-tag-background-magenta: #9f1853; + --cds-tag-color-magenta: #ffd6e8; + --cds-tag-hover-magenta: #bf1d63; + --cds-tag-background-purple: #6929c4; + --cds-tag-color-purple: #e8daff; + --cds-tag-hover-purple: #7c3dd6; + --cds-tag-background-blue: #0043ce; + --cds-tag-color-blue: #d0e2ff; + --cds-tag-hover-blue: #0053ff; + --cds-tag-background-cyan: #00539a; + --cds-tag-color-cyan: #bae6ff; + --cds-tag-hover-cyan: #0066bd; + --cds-tag-background-teal: #005d5d; + --cds-tag-color-teal: #9ef0f0; + --cds-tag-hover-teal: #007070; + --cds-tag-background-green: #0e6027; + --cds-tag-color-green: #a7f0ba; + --cds-tag-hover-green: #11742f; + --cds-tag-background-gray: #525252; + --cds-tag-color-gray: #e0e0e0; + --cds-tag-hover-gray: #636363; + --cds-tag-background-cool-gray: #4d5358; + --cds-tag-color-cool-gray: #dde1e6; + --cds-tag-hover-cool-gray: #5d646a; + --cds-tag-background-warm-gray: #565151; + --cds-tag-color-warm-gray: #e5e0df; + --cds-tag-hover-warm-gray: #696363; + --cds-notification-background-error: var(--cds-ui-01, #f4f4f4); + --cds-notification-background-success: var(--cds-ui-01, #f4f4f4); + --cds-notification-background-info: var(--cds-ui-01, #f4f4f4); + --cds-notification-background-warning: var(--cds-ui-01, #f4f4f4); + --cds-notification-action-hover: var(--cds-hover-ui, #e5e5e5); } + +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: italic; + font-weight: 300; + src: url("./fonts/IBMPlexMono-LightItalic.woff2"); } + +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: italic; + font-weight: 400; + src: url("./fonts/IBMPlexMono-Italic.woff2"); } + +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: italic; + font-weight: 600; + src: url("./fonts/IBMPlexMono-SemiBoldItalic.woff2"); } + +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 300; + src: url("./fonts/IBMPlexMono-Light.woff2"); } + +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 400; + src: url("./fonts/IBMPlexMono-Regular.woff2"); } + +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 600; + src: url("./fonts/IBMPlexMono-SemiBold.woff2"); } + +/* cyrillic-ext */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: italic; + font-weight: 300; + src: url("./fonts/IBMPlexMono-LightItalic.woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } + +/* cyrillic */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: italic; + font-weight: 300; + src: url("./fonts/IBMPlexMono-LightItalic.woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } + +/* vietnamese */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: italic; + font-weight: 300; + src: url("./fonts/IBMPlexMono-LightItalic.woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } + +/* latin-ext */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: italic; + font-weight: 300; + src: url("./fonts/IBMPlexMono-LightItalic.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-display: auto; + font-family: 'IBM Plex Mono'; + font-style: italic; + font-weight: 300; + src: url("./fonts/IBMPlexMono-LightItalic.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-display: auto; + font-family: 'IBM Plex Mono'; + font-style: italic; + font-weight: 400; + src: url("./fonts/IBMPlexMono-Italic.woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } + +/* cyrillic */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: italic; + font-weight: 400; + src: url("./fonts/IBMPlexMono-Italic.woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } + +/* vietnamese */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: italic; + font-weight: 400; + src: url("./fonts/IBMPlexMono-Italic.woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } + +/* latin-ext */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: italic; + font-weight: 400; + src: url("./fonts/IBMPlexMono-Italic.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-display: auto; + font-family: 'IBM Plex Mono'; + font-style: italic; + font-weight: 400; + src: url("./fonts/IBMPlexMono-Italic.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-display: auto; + font-family: 'IBM Plex Mono'; + font-style: italic; + font-weight: 600; + src: url("./fonts/IBMPlexMono-SemiBoldItalic.woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } + +/* cyrillic */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: italic; + font-weight: 600; + src: url("./fonts/IBMPlexMono-SemiBoldItalic.woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } + +/* vietnamese */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: italic; + font-weight: 600; + src: url("./fonts/IBMPlexMono-SemiBoldItalic.woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } + +/* latin-ext */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: italic; + font-weight: 600; + src: url("./fonts/IBMPlexMono-SemiBoldItalic.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-display: auto; + font-family: 'IBM Plex Mono'; + font-style: italic; + font-weight: 600; + src: url("./fonts/IBMPlexMono-SemiBoldItalic.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-display: auto; + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 300; + src: url("./fonts/IBMPlexMono-Light.woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } + +/* cyrillic */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 300; + src: url("./fonts/IBMPlexMono-Light.woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } + +/* vietnamese */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 300; + src: url("./fonts/IBMPlexMono-Light.woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } + +/* latin-ext */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 300; + src: url("./fonts/IBMPlexMono-Light.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-display: auto; + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 300; + src: url("./fonts/IBMPlexMono-Light.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-display: auto; + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 400; + src: url("./fonts/IBMPlexMono-Regular.woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } + +/* cyrillic */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 400; + src: url("./fonts/IBMPlexMono-Regular.woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } + +/* vietnamese */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 400; + src: url("./fonts/IBMPlexMono-Regular.woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } + +/* latin-ext */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 400; + src: url("./fonts/IBMPlexMono-Regular.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-display: auto; + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 400; + src: url("./fonts/IBMPlexMono-Regular.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-display: auto; + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 600; + src: url("./fonts/IBMPlexMono-SemiBold.woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } + +/* cyrillic */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 600; + src: url("./fonts/IBMPlexMono-SemiBold.woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } + +/* vietnamese */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 600; + src: url("./fonts/IBMPlexMono-SemiBold.woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } + +/* latin-ext */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 600; + src: url("./fonts/IBMPlexMono-SemiBold.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-display: auto; + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 600; + src: url("./fonts/IBMPlexMono-SemiBold.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-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 300; + src: url("./fonts/IBMPlexSans-LightItalic.woff2"); } + +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 400; + src: url("./fonts/IBMPlexSans-Italic.woff2"); } + +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 600; + src: url("./fonts/IBMPlexSans-SemiBoldItalic.woff2"); } + +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 300; + src: url("./fonts/IBMPlexSans-Light.woff2"); } + +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 400; + src: url("./fonts/IBMPlexSans-Regular.woff2"); } + +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 600; + src: url("./fonts/IBMPlexSans-SemiBold.woff2"); } + +/* cyrillic-ext */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 300; + src: url("./fonts/IBMPlexSans-LightItalic.woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } + +/* cyrillic */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 300; + src: url("./fonts/IBMPlexSans-LightItalic.woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } + +/* greek */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 300; + src: url("./fonts/IBMPlexSans-LightItalic.woff2"); + unicode-range: U+0370-03FF; } + +/* vietnamese */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 300; + src: url("./fonts/IBMPlexSans-LightItalic.woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } + +/* latin-ext */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 300; + src: url("./fonts/IBMPlexSans-LightItalic.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-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 300; + src: url("./fonts/IBMPlexSans-LightItalic.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-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 400; + src: url("./fonts/IBMPlexSans-Italic.woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } + +/* cyrillic */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 400; + src: url("./fonts/IBMPlexSans-Italic.woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } + +/* greek */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 400; + src: url("./fonts/IBMPlexSans-Italic.woff2"); + unicode-range: U+0370-03FF; } + +/* vietnamese */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 400; + src: url("./fonts/IBMPlexSans-Italic.woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } + +/* latin-ext */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 400; + src: url("./fonts/IBMPlexSans-Italic.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-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 400; + src: url("./fonts/IBMPlexSans-Italic.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-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 600; + src: url("./fonts/IBMPlexSans-SemiBoldItalic.woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } + +/* cyrillic */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 600; + src: url("./fonts/IBMPlexSans-SemiBoldItalic.woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } + +/* greek */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 600; + src: url("./fonts/IBMPlexSans-SemiBoldItalic.woff2"); + unicode-range: U+0370-03FF; } + +/* vietnamese */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 600; + src: url("./fonts/IBMPlexSans-SemiBoldItalic.woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } + +/* latin-ext */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 600; + src: url("./fonts/IBMPlexSans-SemiBoldItalic.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-display: auto; + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 600; + src: url("./fonts/IBMPlexSans-SemiBoldItalic.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-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 300; + src: url("./fonts/IBMPlexSans-Light.woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } + +/* cyrillic */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 300; + src: url("./fonts/IBMPlexSans-Light.woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } + +/* greek */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 300; + src: url("./fonts/IBMPlexSans-Light.woff2"); + unicode-range: U+0370-03FF; } + +/* vietnamese */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 300; + src: url("./fonts/IBMPlexSans-Light.woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } + +/* latin-ext */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 300; + src: url("./fonts/IBMPlexSans-Light.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-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 300; + src: url("./fonts/IBMPlexSans-Light.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-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 400; + src: url("./fonts/IBMPlexSans-Regular.woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } + +/* cyrillic */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 400; + src: url("./fonts/IBMPlexSans-Regular.woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } + +/* greek */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 400; + src: url("./fonts/IBMPlexSans-Regular.woff2"); + unicode-range: U+0370-03FF; } + +/* vietnamese */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 400; + src: url("./fonts/IBMPlexSans-Regular.woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } + +/* latin-ext */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 400; + src: url("./fonts/IBMPlexSans-Regular.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-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 400; + src: url("./fonts/IBMPlexSans-Regular.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-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 600; + src: url("./fonts/IBMPlexSans-SemiBold.woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } + +/* cyrillic */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 600; + src: url("./fonts/IBMPlexSans-SemiBold.woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } + +/* greek */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 600; + src: url("./fonts/IBMPlexSans-SemiBold.woff2"); + unicode-range: U+0370-03FF; } + +/* vietnamese */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 600; + src: url("./fonts/IBMPlexSans-SemiBold.woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } + +/* latin-ext */ +@font-face { + font-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 600; + src: url("./fonts/IBMPlexSans-SemiBold.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-display: auto; + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 600; + src: url("./fonts/IBMPlexSans-SemiBold.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; } + +.bx--assistive-text, +.bx--visually-hidden { + position: absolute; + overflow: hidden; + width: 1px; + height: 1px; + padding: 0; + border: 0; + margin: -1px; + clip: rect(0, 0, 0, 0); + visibility: inherit; + white-space: nowrap; } + +.bx--body { + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); + background-color: var(--cds-ui-background, #ffffff); + color: var(--cds-text-01, #161616); + line-height: 1; } + +body { + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); + background-color: var(--cds-ui-background, #ffffff); + color: var(--cds-text-01, #161616); + line-height: 1; } + +.bx--btn { + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); + position: relative; + display: inline-flex; + max-width: 20rem; + min-height: 3rem; + flex-shrink: 0; + align-items: center; + justify-content: space-between; + padding: calc(0.875rem - 3px) 63px calc(0.875rem - 3px) 15px; + margin: 0; + border-radius: 0; + cursor: pointer; + outline: none; + text-align: left; + text-decoration: none; + transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9); + vertical-align: top; } + .bx--btn:disabled, .bx--btn:hover:disabled, .bx--btn:focus:disabled, .bx--btn.bx--btn--disabled, .bx--btn.bx--btn--disabled:hover, .bx--btn.bx--btn--disabled:focus { + border-color: var(--cds-disabled-02, #c6c6c6); + background: var(--cds-disabled-02, #c6c6c6); + box-shadow: none; + color: var(--cds-disabled-03, #8d8d8d); + cursor: not-allowed; } + .bx--btn .bx--btn__icon { + position: absolute; + right: 1rem; + width: 1rem; + height: 1rem; + flex-shrink: 0; } + +.bx--btn::-moz-focus-inner { + padding: 0; + border: 0; } + +.bx--btn--primary { + border-width: 1px; + border-style: solid; + border-color: transparent; + background-color: var(--cds-interactive-01, #0f62fe); + color: var(--cds-text-04, #ffffff); } + .bx--btn--primary:hover { + background-color: var(--cds-hover-primary, #0353e9); } + .bx--btn--primary:focus { + border-color: var(--cds-focus, #0f62fe); + box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-ui-background, #ffffff); } + .bx--btn--primary:active { + background-color: var(--cds-active-primary, #002d9c); } + .bx--btn--primary .bx--btn__icon, + .bx--btn--primary .bx--btn__icon path:not([data-icon-path]):not([fill='none']) { + fill: currentColor; } + .bx--btn--primary:hover { + color: var(--cds-text-04, #ffffff); } + +.bx--btn--secondary { + border-width: 1px; + border-style: solid; + border-color: transparent; + background-color: var(--cds-interactive-02, #393939); + color: var(--cds-text-04, #ffffff); } + .bx--btn--secondary:hover { + background-color: var(--cds-hover-secondary, #4c4c4c); } + .bx--btn--secondary:focus { + border-color: var(--cds-focus, #0f62fe); + box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-ui-background, #ffffff); } + .bx--btn--secondary:active { + background-color: var(--cds-active-secondary, #6f6f6f); } + .bx--btn--secondary .bx--btn__icon, + .bx--btn--secondary .bx--btn__icon path:not([data-icon-path]):not([fill='none']) { + fill: currentColor; } + .bx--btn--secondary:hover, .bx--btn--secondary:focus { + color: var(--cds-text-04, #ffffff); } + +.bx--btn--tertiary { + border-width: 1px; + border-style: solid; + border-color: var(--cds-interactive-03, #0f62fe); + background-color: transparent; + color: var(--cds-interactive-03, #0f62fe); } + .bx--btn--tertiary:hover { + background-color: var(--cds-hover-tertiary, #0353e9); } + .bx--btn--tertiary:focus { + border-color: var(--cds-focus, #0f62fe); + box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-ui-background, #ffffff); } + .bx--btn--tertiary:active { + background-color: var(--cds-active-tertiary, #002d9c); } + .bx--btn--tertiary .bx--btn__icon, + .bx--btn--tertiary .bx--btn__icon path:not([data-icon-path]):not([fill='none']) { + fill: currentColor; } + .bx--btn--tertiary:hover { + color: var(--cds-inverse-01, #ffffff); } + .bx--btn--tertiary:focus { + background-color: var(--cds-interactive-03, #0f62fe); + color: var(--cds-inverse-01, #ffffff); } + .bx--btn--tertiary:active { + border-color: transparent; + background-color: var(--cds-active-tertiary, #002d9c); + color: var(--cds-inverse-01, #ffffff); } + .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(--cds-disabled-03, #8d8d8d); + outline: none; } + +.bx--btn--ghost { + border-width: 1px; + border-style: solid; + border-color: transparent; + background-color: transparent; + color: var(--cds-link-01, #0f62fe); + padding: calc(0.875rem - 3px) 16px; } + .bx--btn--ghost:hover { + background-color: var(--cds-hover-ui, #e5e5e5); } + .bx--btn--ghost:focus { + border-color: var(--cds-focus, #0f62fe); + box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-ui-background, #ffffff); } + .bx--btn--ghost:active { + background-color: var(--cds-active-ui, #c6c6c6); } + .bx--btn--ghost .bx--btn__icon, + .bx--btn--ghost .bx--btn__icon path:not([data-icon-path]):not([fill='none']) { + fill: currentColor; } + .bx--btn--ghost .bx--btn__icon { + position: static; + margin-left: 0.5rem; } + .bx--btn--ghost:hover, .bx--btn--ghost:active { + color: var(--cds-hover-primary-text, #0043ce); } + .bx--btn--ghost:active { + background-color: var(--cds-active-ui, #c6c6c6); } + .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 { + border-color: transparent; + background: transparent; + color: var(--cds-disabled-03, #8d8d8d); + outline: none; } + .bx--btn--ghost.bx--btn--sm { + padding: calc(0.375rem - 3px) 16px; } + .bx--btn--ghost.bx--btn--field, .bx--btn--ghost.bx--btn--md { + padding: calc(0.675rem - 3px) 16px; } + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger { + position: relative; + display: inline-flex; + overflow: visible; + align-items: center; + cursor: pointer; } + .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus { + outline: 1px solid var(--cds-focus, #0f62fe); } + @media screen and (prefers-contrast) { + .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus { + outline-style: dotted; } } + .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(--cds-focus, #0f62fe); } + @media screen and (prefers-contrast) { + .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg { + outline-style: dotted; } } + .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: 6000; + display: flex; + align-items: center; + opacity: 0; + pointer-events: none; } + @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); } + @media screen and (prefers-reduced-motion: reduce) { + .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after { + transition: none; } } + .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; + word-break: break-word; } + .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 var(--cds-shadow, rgba(0, 0, 0, 0.3)); + z-index: 6000; + width: max-content; + min-width: 1.5rem; + max-width: 13rem; + height: auto; + padding: 0.1875rem 1rem; + background-color: var(--cds-inverse-02, #393939); + border-radius: 0.125rem; + color: var(--cds-inverse-01, #ffffff); + font-weight: 400; + text-align: left; + transform: translateX(-50%); + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-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: auto; } } + @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: auto; } } + @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: auto; } } + @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) { + .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 { + border: 1px solid transparent; } } + .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 { + overflow: visible; + margin: auto; + clip: auto; } + .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 { + overflow: hidden; + margin: -1px; + clip: rect(0, 0, 0, 0); } + .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 svg, + .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover svg, + .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg { + fill: currentColor; } + .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled.bx--tooltip--a11y::after, + .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled .bx--assistive-text { + overflow: hidden; + margin: -1px; + clip: rect(0, 0, 0, 0); + opacity: 0; } + +.bx--btn.bx--btn--icon-only:not(.bx--tooltip--hidden) +.bx--assistive-text { + pointer-events: all; } + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus { + border-color: var(--cds-focus, #0f62fe); } + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:active:not([disabled]) { + border-color: transparent; } + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus +svg { + outline-color: transparent; } + +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:hover, +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:focus, +.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:active { + cursor: not-allowed; + fill: var(--cds-disabled-03, #8d8d8d); } + +.bx--tooltip__trigger.bx--btn--icon-only--top { + position: relative; + display: inline-flex; + overflow: visible; + align-items: center; + cursor: pointer; } + .bx--tooltip__trigger.bx--btn--icon-only--top:focus { + outline: 1px solid var(--cds-focus, #0f62fe); } + @media screen and (prefers-contrast) { + .bx--tooltip__trigger.bx--btn--icon-only--top:focus { + outline-style: dotted; } } + .bx--tooltip__trigger.bx--btn--icon-only--top:focus { + outline: 1px solid transparent; } + .bx--tooltip__trigger.bx--btn--icon-only--top:focus svg { + outline: 1px solid var(--cds-focus, #0f62fe); } + @media screen and (prefers-contrast) { + .bx--tooltip__trigger.bx--btn--icon-only--top:focus svg { + outline-style: dotted; } } + .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, + .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text { + position: absolute; + z-index: 6000; + display: flex; + align-items: center; + opacity: 0; + pointer-events: none; } + @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, + .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text { + display: inline-block; } } + .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after { + transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); } + @media screen and (prefers-reduced-motion: reduce) { + .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after { + transition: none; } } + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::after { + transition: none; } + .bx--tooltip__trigger.bx--btn--icon-only--top::before { + width: 0; + height: 0; + border-style: solid; + content: ''; } + .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text { + box-sizing: content-box; + color: inherit; + opacity: 1; + white-space: normal; + word-break: break-word; } + .bx--tooltip__trigger.bx--btn--icon-only--top::after, + .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text { + box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3)); + z-index: 6000; + width: max-content; + min-width: 1.5rem; + max-width: 13rem; + height: auto; + padding: 0.1875rem 1rem; + background-color: var(--cds-inverse-02, #393939); + border-radius: 0.125rem; + color: var(--cds-inverse-01, #ffffff); + font-weight: 400; + text-align: left; + transform: translateX(-50%); + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); } + @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--tooltip__trigger.bx--btn--icon-only--top::after, + .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text { + width: auto; } } + @supports (-ms-accelerator: true) { + .bx--tooltip__trigger.bx--btn--icon-only--top::after, + .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text { + width: auto; } } + @supports (-ms-ime-align: auto) { + .bx--tooltip__trigger.bx--btn--icon-only--top::after, + .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text { + width: auto; } } + @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) { + .bx--tooltip__trigger.bx--btn--icon-only--top::after, + .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text { + border: 1px solid transparent; } } + .bx--tooltip__trigger.bx--btn--icon-only--top::after { + content: attr(aria-label); } + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::after { + content: none; } + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible::after, .bx--tooltip__trigger.bx--btn--icon-only--top:hover::before, .bx--tooltip__trigger.bx--btn--icon-only--top:hover::after, .bx--tooltip__trigger.bx--btn--icon-only--top:focus::before, .bx--tooltip__trigger.bx--btn--icon-only--top:focus::after { + opacity: 1; } + +@keyframes tooltip-fade { + from { + opacity: 0; } + to { + opacity: 1; } } + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top:hover .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top:focus .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top:focus + .bx--assistive-text { + overflow: visible; + margin: auto; + clip: auto; } + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--top:hover .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--top:focus .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top:focus.bx--tooltip--a11y::before { + animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); } + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden + .bx--assistive-text { + overflow: hidden; + margin: -1px; + clip: rect(0, 0, 0, 0); } + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden.bx--tooltip--a11y::before { + animation: none; + opacity: 0; } + .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text::after { + position: absolute; + display: block; + content: ''; + left: 0; + width: 100%; + height: 0.75rem; + bottom: -0.75rem; } + .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, + .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text { + top: 0; + left: 50%; } + .bx--tooltip__trigger.bx--btn--icon-only--top::before { + top: -0.5rem; + border-width: 0.3125rem 0.25rem 0 0.25rem; + border-color: var(--cds-inverse-02, #393939) transparent transparent transparent; + transform: translate(-50%, -100%); } + .bx--tooltip__trigger.bx--btn--icon-only--top::after, + .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text { + top: -0.8125rem; + left: 50%; + transform: translate(-50%, -100%); } + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text::after { + position: absolute; + display: block; + content: ''; + left: 0; + width: 100%; + height: 0.75rem; + bottom: -0.75rem; } + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::after, + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start + .bx--assistive-text { + top: 0; + left: 50%; } + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::before { + top: -0.5rem; + border-width: 0.3125rem 0.25rem 0 0.25rem; + border-color: var(--cds-inverse-02, #393939) transparent transparent transparent; + transform: translate(-50%, -100%); } + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::after, + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start + .bx--assistive-text { + top: -0.8125rem; + left: 0; + transform: translate(0, -100%); } + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text::after { + position: absolute; + display: block; + content: ''; + left: 0; + width: 100%; + height: 0.75rem; + bottom: -0.75rem; } + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::after, + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center + .bx--assistive-text { + top: 0; + left: 50%; } + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::before { + top: -0.5rem; + border-width: 0.3125rem 0.25rem 0 0.25rem; + border-color: var(--cds-inverse-02, #393939) transparent transparent transparent; + transform: translate(-50%, -100%); } + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::after, + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center + .bx--assistive-text { + top: -0.8125rem; + left: 50%; + transform: translate(-50%, -100%); } + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text::after { + position: absolute; + display: block; + content: ''; + left: 0; + width: 100%; + height: 0.75rem; + bottom: -0.75rem; } + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::after, + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end + .bx--assistive-text { + top: 0; + left: 50%; } + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::before { + top: -0.5rem; + border-width: 0.3125rem 0.25rem 0 0.25rem; + border-color: var(--cds-inverse-02, #393939) transparent transparent transparent; + transform: translate(-50%, -100%); } + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::after, + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end + .bx--assistive-text { + top: -0.8125rem; + right: 0; + left: auto; + transform: translate(0, -100%); } + +.bx--tooltip__trigger.bx--btn--icon-only--right { + position: relative; + display: inline-flex; + overflow: visible; + align-items: center; + cursor: pointer; } + .bx--tooltip__trigger.bx--btn--icon-only--right:focus { + outline: 1px solid var(--cds-focus, #0f62fe); } + @media screen and (prefers-contrast) { + .bx--tooltip__trigger.bx--btn--icon-only--right:focus { + outline-style: dotted; } } + .bx--tooltip__trigger.bx--btn--icon-only--right:focus { + outline: 1px solid transparent; } + .bx--tooltip__trigger.bx--btn--icon-only--right:focus svg { + outline: 1px solid var(--cds-focus, #0f62fe); } + @media screen and (prefers-contrast) { + .bx--tooltip__trigger.bx--btn--icon-only--right:focus svg { + outline-style: dotted; } } + .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, + .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text { + position: absolute; + z-index: 6000; + display: flex; + align-items: center; + opacity: 0; + pointer-events: none; } + @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, + .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text { + display: inline-block; } } + .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after { + transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); } + @media screen and (prefers-reduced-motion: reduce) { + .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after { + transition: none; } } + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::after { + transition: none; } + .bx--tooltip__trigger.bx--btn--icon-only--right::before { + width: 0; + height: 0; + border-style: solid; + content: ''; } + .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text { + box-sizing: content-box; + color: inherit; + opacity: 1; + white-space: normal; + word-break: break-word; } + .bx--tooltip__trigger.bx--btn--icon-only--right::after, + .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text { + box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3)); + z-index: 6000; + width: max-content; + min-width: 1.5rem; + max-width: 13rem; + height: auto; + padding: 0.1875rem 1rem; + background-color: var(--cds-inverse-02, #393939); + border-radius: 0.125rem; + color: var(--cds-inverse-01, #ffffff); + font-weight: 400; + text-align: left; + transform: translateX(-50%); + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); } + @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--tooltip__trigger.bx--btn--icon-only--right::after, + .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text { + width: auto; } } + @supports (-ms-accelerator: true) { + .bx--tooltip__trigger.bx--btn--icon-only--right::after, + .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text { + width: auto; } } + @supports (-ms-ime-align: auto) { + .bx--tooltip__trigger.bx--btn--icon-only--right::after, + .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text { + width: auto; } } + @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) { + .bx--tooltip__trigger.bx--btn--icon-only--right::after, + .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text { + border: 1px solid transparent; } } + .bx--tooltip__trigger.bx--btn--icon-only--right::after { + content: attr(aria-label); } + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::after { + content: none; } + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible::after, .bx--tooltip__trigger.bx--btn--icon-only--right:hover::before, .bx--tooltip__trigger.bx--btn--icon-only--right:hover::after, .bx--tooltip__trigger.bx--btn--icon-only--right:focus::before, .bx--tooltip__trigger.bx--btn--icon-only--right:focus::after { + opacity: 1; } + +@keyframes tooltip-fade { + from { + opacity: 0; } + to { + opacity: 1; } } + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right:hover .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right:focus .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right:focus + .bx--assistive-text { + overflow: visible; + margin: auto; + clip: auto; } + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--right:hover .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--right:focus .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right:focus.bx--tooltip--a11y::before { + animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); } + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden + .bx--assistive-text { + overflow: hidden; + margin: -1px; + clip: rect(0, 0, 0, 0); } + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden.bx--tooltip--a11y::before { + animation: none; + opacity: 0; } + .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text::after { + position: absolute; + display: block; + content: ''; + top: 0; + width: 0.75rem; + height: 100%; + left: -0.75rem; } + .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, + .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text { + top: 50%; + right: 0; } + .bx--tooltip__trigger.bx--btn--icon-only--right::before { + right: -0.5rem; + border-width: 0.25rem 0.3125rem 0.25rem 0; + border-color: transparent var(--cds-inverse-02, #393939) transparent transparent; + transform: translate(100%, -50%); } + .bx--tooltip__trigger.bx--btn--icon-only--right::after, + .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text { + right: -0.8125rem; + transform: translate(100%, -50%); } + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text::after { + position: absolute; + display: block; + content: ''; + top: 0; + width: 0.75rem; + height: 100%; + left: -0.75rem; } + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::after, + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start + .bx--assistive-text { + top: 50%; + right: 0; } + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::before { + right: -0.5rem; + border-width: 0.25rem 0.3125rem 0.25rem 0; + border-color: transparent var(--cds-inverse-02, #393939) transparent transparent; + transform: translate(100%, -50%); } + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::after, + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start + .bx--assistive-text { + right: -0.8125rem; + transform: translate(100%, -50%); } + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text::after { + position: absolute; + display: block; + content: ''; + top: 0; + width: 0.75rem; + height: 100%; + left: -0.75rem; } + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::after, + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center + .bx--assistive-text { + top: 50%; + right: 0; } + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::before { + right: -0.5rem; + border-width: 0.25rem 0.3125rem 0.25rem 0; + border-color: transparent var(--cds-inverse-02, #393939) transparent transparent; + transform: translate(100%, -50%); } + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::after, + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center + .bx--assistive-text { + right: -0.8125rem; + transform: translate(100%, -50%); } + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text::after { + position: absolute; + display: block; + content: ''; + top: 0; + width: 0.75rem; + height: 100%; + left: -0.75rem; } + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::after, + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end + .bx--assistive-text { + top: 50%; + right: 0; } + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::before { + right: -0.5rem; + border-width: 0.25rem 0.3125rem 0.25rem 0; + border-color: transparent var(--cds-inverse-02, #393939) transparent transparent; + transform: translate(100%, -50%); } + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::after, + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end + .bx--assistive-text { + right: -0.8125rem; + transform: translate(100%, -50%); } + +.bx--tooltip__trigger.bx--btn--icon-only--bottom { + position: relative; + display: inline-flex; + overflow: visible; + align-items: center; + cursor: pointer; } + .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus { + outline: 1px solid var(--cds-focus, #0f62fe); } + @media screen and (prefers-contrast) { + .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus { + outline-style: dotted; } } + .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus { + outline: 1px solid transparent; } + .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus svg { + outline: 1px solid var(--cds-focus, #0f62fe); } + @media screen and (prefers-contrast) { + .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus svg { + outline-style: dotted; } } + .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, + .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text { + position: absolute; + z-index: 6000; + display: flex; + align-items: center; + opacity: 0; + pointer-events: none; } + @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, + .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text { + display: inline-block; } } + .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after { + transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); } + @media screen and (prefers-reduced-motion: reduce) { + .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after { + transition: none; } } + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::after { + transition: none; } + .bx--tooltip__trigger.bx--btn--icon-only--bottom::before { + width: 0; + height: 0; + border-style: solid; + content: ''; } + .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text { + box-sizing: content-box; + color: inherit; + opacity: 1; + white-space: normal; + word-break: break-word; } + .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, + .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text { + box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3)); + z-index: 6000; + width: max-content; + min-width: 1.5rem; + max-width: 13rem; + height: auto; + padding: 0.1875rem 1rem; + background-color: var(--cds-inverse-02, #393939); + border-radius: 0.125rem; + color: var(--cds-inverse-01, #ffffff); + font-weight: 400; + text-align: left; + transform: translateX(-50%); + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); } + @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, + .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text { + width: auto; } } + @supports (-ms-accelerator: true) { + .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, + .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text { + width: auto; } } + @supports (-ms-ime-align: auto) { + .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, + .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text { + width: auto; } } + @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) { + .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, + .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text { + border: 1px solid transparent; } } + .bx--tooltip__trigger.bx--btn--icon-only--bottom::after { + content: attr(aria-label); } + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::after { + content: none; } + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible::after, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover::after, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus::after { + opacity: 1; } + +@keyframes tooltip-fade { + from { + opacity: 0; } + to { + opacity: 1; } } + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus + .bx--assistive-text { + overflow: visible; + margin: auto; + clip: auto; } + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus.bx--tooltip--a11y::before { + animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); } + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden + .bx--assistive-text { + overflow: hidden; + margin: -1px; + clip: rect(0, 0, 0, 0); } + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden.bx--tooltip--a11y::before { + animation: none; + opacity: 0; } + .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text::after { + position: absolute; + display: block; + content: ''; + left: 0; + width: 100%; + height: 0.75rem; + top: -0.75rem; } + .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, + .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text { + bottom: 0; + left: 50%; } + .bx--tooltip__trigger.bx--btn--icon-only--bottom::before { + bottom: -0.5rem; + border-width: 0 0.25rem 0.3125rem 0.25rem; + border-color: transparent transparent var(--cds-inverse-02, #393939) transparent; + transform: translate(-50%, 100%); } + .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, + .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text { + bottom: -0.8125rem; + transform: translate(-50%, 100%); } + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text::after { + position: absolute; + display: block; + content: ''; + left: 0; + width: 100%; + height: 0.75rem; + top: -0.75rem; } + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::after, + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start + .bx--assistive-text { + bottom: 0; + left: 50%; } + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::before { + bottom: -0.5rem; + border-width: 0 0.25rem 0.3125rem 0.25rem; + border-color: transparent transparent var(--cds-inverse-02, #393939) transparent; + transform: translate(-50%, 100%); } + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::after, + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start + .bx--assistive-text { + bottom: -0.8125rem; + left: 0; + transform: translate(0, 100%); } + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text::after { + position: absolute; + display: block; + content: ''; + left: 0; + width: 100%; + height: 0.75rem; + top: -0.75rem; } + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::after, + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center + .bx--assistive-text { + bottom: 0; + left: 50%; } + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::before { + bottom: -0.5rem; + border-width: 0 0.25rem 0.3125rem 0.25rem; + border-color: transparent transparent var(--cds-inverse-02, #393939) transparent; + transform: translate(-50%, 100%); } + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::after, + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center + .bx--assistive-text { + bottom: -0.8125rem; + transform: translate(-50%, 100%); } + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text::after { + position: absolute; + display: block; + content: ''; + left: 0; + width: 100%; + height: 0.75rem; + top: -0.75rem; } + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::after, + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end + .bx--assistive-text { + bottom: 0; + left: 50%; } + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::before { + bottom: -0.5rem; + border-width: 0 0.25rem 0.3125rem 0.25rem; + border-color: transparent transparent var(--cds-inverse-02, #393939) transparent; + transform: translate(-50%, 100%); } + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::after, + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end + .bx--assistive-text { + bottom: -0.8125rem; + right: 0; + left: auto; + transform: translate(0, 100%); } + +.bx--tooltip__trigger.bx--btn--icon-only--left { + position: relative; + display: inline-flex; + overflow: visible; + align-items: center; + cursor: pointer; } + .bx--tooltip__trigger.bx--btn--icon-only--left:focus { + outline: 1px solid var(--cds-focus, #0f62fe); } + @media screen and (prefers-contrast) { + .bx--tooltip__trigger.bx--btn--icon-only--left:focus { + outline-style: dotted; } } + .bx--tooltip__trigger.bx--btn--icon-only--left:focus { + outline: 1px solid transparent; } + .bx--tooltip__trigger.bx--btn--icon-only--left:focus svg { + outline: 1px solid var(--cds-focus, #0f62fe); } + @media screen and (prefers-contrast) { + .bx--tooltip__trigger.bx--btn--icon-only--left:focus svg { + outline-style: dotted; } } + .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, + .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text { + position: absolute; + z-index: 6000; + display: flex; + align-items: center; + opacity: 0; + pointer-events: none; } + @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, + .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text { + display: inline-block; } } + .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after { + transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); } + @media screen and (prefers-reduced-motion: reduce) { + .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after { + transition: none; } } + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::after { + transition: none; } + .bx--tooltip__trigger.bx--btn--icon-only--left::before { + width: 0; + height: 0; + border-style: solid; + content: ''; } + .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text { + box-sizing: content-box; + color: inherit; + opacity: 1; + white-space: normal; + word-break: break-word; } + .bx--tooltip__trigger.bx--btn--icon-only--left::after, + .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text { + box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3)); + z-index: 6000; + width: max-content; + min-width: 1.5rem; + max-width: 13rem; + height: auto; + padding: 0.1875rem 1rem; + background-color: var(--cds-inverse-02, #393939); + border-radius: 0.125rem; + color: var(--cds-inverse-01, #ffffff); + font-weight: 400; + text-align: left; + transform: translateX(-50%); + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); } + @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--tooltip__trigger.bx--btn--icon-only--left::after, + .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text { + width: auto; } } + @supports (-ms-accelerator: true) { + .bx--tooltip__trigger.bx--btn--icon-only--left::after, + .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text { + width: auto; } } + @supports (-ms-ime-align: auto) { + .bx--tooltip__trigger.bx--btn--icon-only--left::after, + .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text { + width: auto; } } + @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) { + .bx--tooltip__trigger.bx--btn--icon-only--left::after, + .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text { + border: 1px solid transparent; } } + .bx--tooltip__trigger.bx--btn--icon-only--left::after { + content: attr(aria-label); } + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::after { + content: none; } + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible::after, .bx--tooltip__trigger.bx--btn--icon-only--left:hover::before, .bx--tooltip__trigger.bx--btn--icon-only--left:hover::after, .bx--tooltip__trigger.bx--btn--icon-only--left:focus::before, .bx--tooltip__trigger.bx--btn--icon-only--left:focus::after { + opacity: 1; } + +@keyframes tooltip-fade { + from { + opacity: 0; } + to { + opacity: 1; } } + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left:hover .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left:focus .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left:focus + .bx--assistive-text { + overflow: visible; + margin: auto; + clip: auto; } + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--left:hover .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--left:focus .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left:focus.bx--tooltip--a11y::before { + animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); } + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden + .bx--assistive-text { + overflow: hidden; + margin: -1px; + clip: rect(0, 0, 0, 0); } + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden.bx--tooltip--a11y::before { + animation: none; + opacity: 0; } + .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text::after { + position: absolute; + display: block; + content: ''; + top: 0; + width: 0.75rem; + height: 100%; + right: -0.75rem; } + .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, + .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text { + top: 50%; + left: 0; } + .bx--tooltip__trigger.bx--btn--icon-only--left::before { + left: -0.5rem; + border-width: 0.25rem 0 0.25rem 0.3125rem; + border-color: transparent transparent transparent var(--cds-inverse-02, #393939); + transform: translate(-100%, -50%); } + .bx--tooltip__trigger.bx--btn--icon-only--left::after, + .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text { + left: -0.8125rem; + transform: translate(-100%, -50%); } + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text::after { + position: absolute; + display: block; + content: ''; + top: 0; + width: 0.75rem; + height: 100%; + right: -0.75rem; } + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::after, + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start + .bx--assistive-text { + top: 50%; + left: 0; } + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::before { + left: -0.5rem; + border-width: 0.25rem 0 0.25rem 0.3125rem; + border-color: transparent transparent transparent var(--cds-inverse-02, #393939); + transform: translate(-100%, -50%); } + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::after, + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start + .bx--assistive-text { + left: -0.8125rem; + transform: translate(-100%, -50%); } + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text::after { + position: absolute; + display: block; + content: ''; + top: 0; + width: 0.75rem; + height: 100%; + right: -0.75rem; } + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::after, + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center + .bx--assistive-text { + top: 50%; + left: 0; } + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::before { + left: -0.5rem; + border-width: 0.25rem 0 0.25rem 0.3125rem; + border-color: transparent transparent transparent var(--cds-inverse-02, #393939); + transform: translate(-100%, -50%); } + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::after, + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center + .bx--assistive-text { + left: -0.8125rem; + transform: translate(-100%, -50%); } + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text::after { + position: absolute; + display: block; + content: ''; + top: 0; + width: 0.75rem; + height: 100%; + right: -0.75rem; } + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::after, + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end + .bx--assistive-text { + top: 50%; + left: 0; } + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::before { + left: -0.5rem; + border-width: 0.25rem 0 0.25rem 0.3125rem; + border-color: transparent transparent transparent var(--cds-inverse-02, #393939); + transform: translate(-100%, -50%); } + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::after, + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text, + .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end + .bx--assistive-text { + left: -0.8125rem; + transform: translate(-100%, -50%); } + +.bx--btn--icon-only { + padding-right: 0.9375rem; + padding-left: 0.9375rem; } + .bx--btn--icon-only .bx--btn__icon { + position: static; } + .bx--btn--icon-only.bx--btn--ghost .bx--btn__icon, + .bx--btn--icon-only.bx--btn--danger--ghost .bx--btn__icon { + margin: 0; } + +.bx--btn--icon-only.bx--btn--selected { + background: var(--cds-selected-ui, #e0e0e0); } + +.bx--btn path[data-icon-path='inner-path'] { + fill: none; } + +.bx--btn--ghost.bx--btn--icon-only +.bx--btn__icon +path:not([data-icon-path]):not([fill='none']), +.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon { + fill: var(--cds-icon-01, #161616); } + +.bx--btn--ghost.bx--btn--icon-only[disabled] +.bx--btn__icon +path:not([data-icon-path]):not([fill='none']), +.bx--btn--ghost.bx--btn--icon-only[disabled] +.bx--btn__icon, +.bx--btn.bx--btn--icon-only.bx--btn--ghost[disabled]:hover +.bx--btn__icon { + fill: var(--cds-disabled-03, #8d8d8d); } + +.bx--btn--ghost.bx--btn--icon-only[disabled] { + cursor: not-allowed; } + +.bx--btn--field.bx--btn--icon-only, +.bx--btn--md.bx--btn--icon-only { + padding-right: 0.6875rem; + padding-left: 0.6875rem; } + +.bx--btn--sm.bx--btn--icon-only { + padding-right: 0.4375rem; + padding-left: 0.4375rem; } + +.bx--btn--danger { + border-width: 1px; + border-style: solid; + border-color: transparent; + background-color: var(--cds-danger-01, #da1e28); + color: var(--cds-text-04, #ffffff); } + .bx--btn--danger:hover { + background-color: var(--cds-hover-danger, #b81921); } + .bx--btn--danger:focus { + border-color: var(--cds-focus, #0f62fe); + box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-ui-background, #ffffff); } + .bx--btn--danger:active { + background-color: var(--cds-active-danger, #750e13); } + .bx--btn--danger .bx--btn__icon, + .bx--btn--danger .bx--btn__icon path:not([data-icon-path]):not([fill='none']) { + fill: currentColor; } + .bx--btn--danger:hover { + color: var(--cds-text-04, #ffffff); } + .bx--btn--danger-tertiary, .bx--btn--danger--tertiary { + border-width: 1px; + border-style: solid; + border-color: var(--cds-danger-02, #da1e28); + background-color: transparent; + color: var(--cds-danger-02, #da1e28); } + .bx--btn--danger-tertiary:hover, .bx--btn--danger--tertiary:hover { + background-color: var(--cds-hover-danger, #b81921); } + .bx--btn--danger-tertiary:focus, .bx--btn--danger--tertiary:focus { + border-color: var(--cds-focus, #0f62fe); + box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-ui-background, #ffffff); } + .bx--btn--danger-tertiary:active, .bx--btn--danger--tertiary:active { + background-color: var(--cds-active-danger, #750e13); } + .bx--btn--danger-tertiary .bx--btn__icon, + .bx--btn--danger-tertiary .bx--btn__icon path:not([data-icon-path]):not([fill='none']), .bx--btn--danger--tertiary .bx--btn__icon, + .bx--btn--danger--tertiary .bx--btn__icon path:not([data-icon-path]):not([fill='none']) { + fill: currentColor; } + .bx--btn--danger-tertiary:hover, .bx--btn--danger--tertiary:hover { + border-color: var(--cds-hover-danger, #b81921); + color: var(--cds-text-04, #ffffff); } + .bx--btn--danger-tertiary:focus, .bx--btn--danger--tertiary:focus { + background-color: var(--cds-danger-01, #da1e28); + color: var(--cds-text-04, #ffffff); } + .bx--btn--danger-tertiary:active, .bx--btn--danger--tertiary:active { + border-color: var(--cds-active-danger, #750e13); + color: var(--cds-text-04, #ffffff); } + .bx--btn--danger-tertiary:disabled, .bx--btn--danger-tertiary:hover:disabled, .bx--btn--danger-tertiary:focus:disabled, .bx--btn--danger-tertiary.bx--btn--disabled, .bx--btn--danger-tertiary.bx--btn--disabled:hover, .bx--btn--danger-tertiary.bx--btn--disabled:focus, .bx--btn--danger--tertiary:disabled, .bx--btn--danger--tertiary:hover:disabled, .bx--btn--danger--tertiary:focus:disabled, .bx--btn--danger--tertiary.bx--btn--disabled, .bx--btn--danger--tertiary.bx--btn--disabled:hover, .bx--btn--danger--tertiary.bx--btn--disabled:focus { + background: transparent; + color: var(--cds-disabled-03, #8d8d8d); + outline: none; } + .bx--btn--danger-ghost, .bx--btn--danger--ghost { + border-width: 1px; + border-style: solid; + border-color: transparent; + background-color: transparent; + color: var(--cds-danger-02, #da1e28); + padding: calc(0.875rem - 3px) 16px; } + .bx--btn--danger-ghost:hover, .bx--btn--danger--ghost:hover { + background-color: var(--cds-hover-danger, #b81921); } + .bx--btn--danger-ghost:focus, .bx--btn--danger--ghost:focus { + border-color: var(--cds-focus, #0f62fe); + box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-ui-background, #ffffff); } + .bx--btn--danger-ghost:active, .bx--btn--danger--ghost:active { + background-color: var(--cds-active-danger, #750e13); } + .bx--btn--danger-ghost .bx--btn__icon, + .bx--btn--danger-ghost .bx--btn__icon path:not([data-icon-path]):not([fill='none']), .bx--btn--danger--ghost .bx--btn__icon, + .bx--btn--danger--ghost .bx--btn__icon path:not([data-icon-path]):not([fill='none']) { + fill: currentColor; } + .bx--btn--danger-ghost .bx--btn__icon, .bx--btn--danger--ghost .bx--btn__icon { + position: static; + margin-left: 0.5rem; } + .bx--btn--danger-ghost:hover, .bx--btn--danger-ghost:active, .bx--btn--danger--ghost:hover, .bx--btn--danger--ghost:active { + color: var(--cds-text-04, #ffffff); } + .bx--btn--danger-ghost:disabled, .bx--btn--danger-ghost:hover:disabled, .bx--btn--danger-ghost:focus:disabled, .bx--btn--danger-ghost.bx--btn--disabled, .bx--btn--danger-ghost.bx--btn--disabled:hover, .bx--btn--danger-ghost.bx--btn--disabled:focus, .bx--btn--danger--ghost:disabled, .bx--btn--danger--ghost:hover:disabled, .bx--btn--danger--ghost:focus:disabled, .bx--btn--danger--ghost.bx--btn--disabled, .bx--btn--danger--ghost.bx--btn--disabled:hover, .bx--btn--danger--ghost.bx--btn--disabled:focus { + border-color: transparent; + background: transparent; + color: var(--cds-disabled-02, #c6c6c6); + outline: none; } + .bx--btn--danger-ghost.bx--btn--sm, .bx--btn--danger--ghost.bx--btn--sm { + padding: calc(0.375rem - 3px) 16px; } + .bx--btn--danger-ghost.bx--btn--field, .bx--btn--danger-ghost.bx--btn--md, .bx--btn--danger--ghost.bx--btn--field, .bx--btn--danger--ghost.bx--btn--md { + padding: calc(0.675rem - 3px) 16px; } + +.bx--btn--sm { + min-height: 2rem; + padding: calc(0.375rem - 3px) 60px calc(0.375rem - 3px) 12px; } + +.bx--btn--xl:not(.bx--btn--icon-only) { + align-items: baseline; + padding-top: var(--cds-spacing-05, 1rem); + padding-right: var(--cds-spacing-10, 4rem); + padding-left: var(--cds-spacing-05, 1rem); + min-height: 5rem; } + +.bx--btn--lg:not(.bx--btn--icon-only) { + align-items: baseline; + padding-top: var(--cds-spacing-05, 1rem); + padding-right: var(--cds-spacing-10, 4rem); + padding-left: var(--cds-spacing-05, 1rem); + min-height: 4rem; } + +.bx--btn--field, +.bx--btn--md { + min-height: 2.5rem; + padding: calc(0.675rem - 3px) 60px calc(0.675rem - 3px) 12px; } + +.bx--btn--expressive { + font-size: var(--cds-body-short-02-font-size, 1rem); + font-weight: var(--cds-body-short-02-font-weight, 400); + line-height: var(--cds-body-short-02-line-height, 1.375); + letter-spacing: var(--cds-body-short-02-letter-spacing, 0); + min-height: 3rem; } + +.bx--btn--icon-only.bx--btn--expressive { + padding: 12px 13px; } + +.bx--btn.bx--btn--expressive .bx--btn__icon { + width: 1.25rem; + height: 1.25rem; } + +.bx--btn-set .bx--btn.bx--btn--expressive { + max-width: 20rem; } + +.bx--btn.bx--skeleton { + position: relative; + padding: 0; + border: none; + background: var(--cds-skeleton-01, #e5e5e5); + box-shadow: none; + pointer-events: none; + width: 9.375rem; } + .bx--btn.bx--skeleton:hover, .bx--btn.bx--skeleton:focus, .bx--btn.bx--skeleton:active { + border: none; + cursor: default; + outline: none; } + .bx--btn.bx--skeleton::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + animation: 3000ms ease-in-out skeleton infinite; + background: var(--cds-skeleton-02, #c6c6c6); + content: ''; + will-change: transform-origin, transform, opacity; } + @media (prefers-reduced-motion: reduce) { + .bx--btn.bx--skeleton::before { + animation: none; } } + +.bx--btn-set { + display: flex; } + +.bx--btn-set--stacked { + flex-direction: column; } + +.bx--btn-set .bx--btn { + width: 100%; + max-width: 12.25rem; } + .bx--btn-set .bx--btn:not(:focus) { + box-shadow: -0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0); } + .bx--btn-set .bx--btn:first-of-type:not(:focus) { + box-shadow: inherit; } + +.bx--btn-set .bx--btn:focus + .bx--btn { + box-shadow: inherit; } + +.bx--btn-set--stacked .bx--btn:not(:focus) { + box-shadow: 0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0); } + +.bx--btn-set--stacked .bx--btn:first-of-type:not(:focus) { + box-shadow: inherit; } + +.bx--btn-set .bx--btn.bx--btn--disabled { + box-shadow: -0.0625rem 0 0 0 var(--cds-disabled-03, #8d8d8d); } + .bx--btn-set .bx--btn.bx--btn--disabled:first-of-type { + box-shadow: none; } + +.bx--btn-set--stacked .bx--btn.bx--btn--disabled { + box-shadow: 0 -0.0625rem 0 0 var(--cds-disabled-03, #8d8d8d); } + .bx--btn-set--stacked .bx--btn.bx--btn--disabled:first-of-type { + box-shadow: none; } + +@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) { + .bx--btn:focus { + color: Highlight; + outline: 1px solid Highlight; } } + +@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) { + .bx--btn--ghost.bx--btn--icon-only +.bx--btn__icon +path:not([data-icon-path]):not([fill='none']), + .bx--btn--ghost.bx--btn--icon-only .bx--btn__icon { + fill: ButtonText; } } + +.bx--fieldset { + margin-bottom: 2rem; } + +.bx--fieldset--no-margin { + margin-bottom: 0; } + +.bx--form-item { + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); + display: flex; + flex: 1 1 auto; + flex-direction: column; + align-items: flex-start; } + +.bx--label { + font-size: var(--cds-label-01-font-size, 0.75rem); + font-weight: var(--cds-label-01-font-weight, 400); + line-height: var(--cds-label-01-line-height, 1.33333); + letter-spacing: var(--cds-label-01-letter-spacing, 0.32px); + display: inline-block; + margin-bottom: 0.5rem; + color: var(--cds-text-02, #525252); + font-weight: 400; + line-height: 1rem; + vertical-align: baseline; } + +.bx--label .bx--tooltip__trigger { + font-size: var(--cds-label-01-font-size, 0.75rem); + font-weight: var(--cds-label-01-font-weight, 400); + line-height: var(--cds-label-01-line-height, 1.33333); + letter-spacing: var(--cds-label-01-letter-spacing, 0.32px); } + +.bx--label.bx--skeleton { + position: relative; + padding: 0; + border: none; + background: var(--cds-skeleton-01, #e5e5e5); + box-shadow: none; + pointer-events: none; + width: 4.6875rem; + height: 0.875rem; } + .bx--label.bx--skeleton:hover, .bx--label.bx--skeleton:focus, .bx--label.bx--skeleton:active { + border: none; + cursor: default; + outline: none; } + .bx--label.bx--skeleton::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + animation: 3000ms ease-in-out skeleton infinite; + background: var(--cds-skeleton-02, #c6c6c6); + content: ''; + will-change: transform-origin, transform, opacity; } + @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]:not(:focus), +.bx--number[data-invalid] input[type='number']:not(:focus), +.bx--text-input__field-wrapper[data-invalid] +> .bx--text-input--invalid:not(:focus), +.bx--text-area__wrapper[data-invalid] +> .bx--text-area--invalid:not(:focus), +.bx--select-input__wrapper[data-invalid] +.bx--select-input:not(:focus), +.bx--list-box[data-invalid]:not(:focus), +.bx--combo-box[data-invalid] .bx--text-input:not(:focus) { + outline: 2px solid var(--cds-support-01, #da1e28); + outline-offset: -2px; } + @media screen and (prefers-contrast) { + input[data-invalid]:not(:focus), + .bx--number[data-invalid] input[type='number']:not(:focus), + .bx--text-input__field-wrapper[data-invalid] +> .bx--text-input--invalid:not(:focus), + .bx--text-area__wrapper[data-invalid] +> .bx--text-area--invalid:not(:focus), + .bx--select-input__wrapper[data-invalid] +.bx--select-input:not(:focus), + .bx--list-box[data-invalid]:not(:focus), + .bx--combo-box[data-invalid] .bx--text-input:not(:focus) { + outline-style: dotted; } } + +input[data-invalid] ~ .bx--form-requirement, +.bx--number[data-invalid] .bx--number__input-wrapper ~ .bx--form-requirement, +.bx--number__input-wrapper--warning ~ .bx--form-requirement, +.bx--date-picker-input__wrapper ~ .bx--form-requirement, +.bx--date-picker-input__wrapper--warn ~ .bx--form-requirement, +.bx--date-picker-input__wrapper--invalid ~ .bx--form-requirement, +.bx--time-picker--invalid ~ .bx--form-requirement, +.bx--text-input__field-wrapper[data-invalid] ~ .bx--form-requirement, +.bx--text-input__field-wrapper--warning ~ .bx--form-requirement, +.bx--text-input__field-wrapper--warning > .bx--text-input ~ .bx--form-requirement, +.bx--text-area__wrapper[data-invalid] ~ .bx--form-requirement, +.bx--select-input__wrapper[data-invalid] ~ .bx--form-requirement, +.bx--select--warning .bx--select-input__wrapper ~ .bx--form-requirement, +.bx--time-picker[data-invalid] ~ .bx--form-requirement, +.bx--list-box[data-invalid] ~ .bx--form-requirement, +.bx--list-box--warning ~ .bx--form-requirement { + display: block; + overflow: visible; + max-height: 12.5rem; + font-weight: 400; } + +input[data-invalid] ~ .bx--form-requirement, +.bx--number[data-invalid] .bx--number__input-wrapper ~ .bx--form-requirement, +.bx--date-picker-input__wrapper ~ .bx--form-requirement, +.bx--date-picker-input__wrapper--invalid ~ .bx--form-requirement, +.bx--time-picker--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 { + color: var(--cds-text-error, #da1e28); } + +.bx--form--fluid .bx--text-input__field-wrapper[data-invalid], +.bx--form--fluid .bx--text-input__field-wrapper--warning { + display: block; } + +.bx--form--fluid .bx--fieldset { + margin: 0; } + +.bx--form--fluid input[data-invalid] { + outline: none; } + +.bx--form--fluid .bx--form-requirement { + padding: 0.5rem 2.5rem 0.5rem 1rem; + margin: 0; } + +input:not(output):not([data-invalid]):-moz-ui-invalid { + box-shadow: none; } + +.bx--form-requirement { + font-size: var(--cds-caption-01-font-size, 0.75rem); + font-weight: var(--cds-caption-01-font-weight, 400); + line-height: var(--cds-caption-01-line-height, 1.33333); + letter-spacing: var(--cds-caption-01-letter-spacing, 0.32px); + display: none; + overflow: hidden; + max-height: 0; + margin: 0.25rem 0 0; } + +.bx--select--inline .bx--form__helper-text { + margin-top: 0; } + +.bx--form__helper-text { + font-size: var(--cds-helper-text-01-font-size, 0.75rem); + line-height: var(--cds-helper-text-01-line-height, 1.33333); + letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px); + z-index: 0; + width: 100%; + margin-top: 0.25rem; + color: var(--cds-text-02, #525252); + opacity: 1; } + +.bx--label--disabled, +.bx--form__helper-text--disabled { + color: var(--cds-disabled-02, #c6c6c6); } + +fieldset[disabled] .bx--label, +fieldset[disabled] .bx--form__helper-text { + color: var(--cds-disabled-02, #c6c6c6); } + +.bx--radio-button-group { + position: relative; + display: flex; + align-items: center; } + +.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; + overflow: hidden; + width: 1px; + height: 1px; + padding: 0; + border: 0; + margin: -1px; + clip: rect(0, 0, 0, 0); + visibility: inherit; + white-space: nowrap; + visibility: inherit; } + +.bx--radio-button__label { + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); + display: flex; + align-items: center; + margin-right: 1rem; + cursor: pointer; } + +.bx--radio-button__appearance { + width: 1.125rem; + height: 1.125rem; + flex-shrink: 0; + border: 1px solid var(--cds-icon-01, #161616); + margin: 0.0625rem 0.5rem 0.125rem 0.125rem; + background-color: transparent; + border-radius: 50%; } + +.bx--radio-button:checked ++ .bx--radio-button__label +.bx--radio-button__appearance { + display: flex; + align-items: center; + justify-content: center; + border-color: var(--cds-icon-01, #161616); } + .bx--radio-button:checked ++ .bx--radio-button__label +.bx--radio-button__appearance::before { + position: relative; + display: inline-block; + width: 100%; + height: 100%; + background-color: var(--cds-icon-01, #161616); + border-radius: 50%; + content: ''; + transform: scale(0.5); } + @media screen and (-ms-high-contrast: active) { + .bx--radio-button:checked ++ .bx--radio-button__label +.bx--radio-button__appearance::before { + background-color: WindowText; } } + @media screen and (prefers-contrast) { + .bx--radio-button:checked ++ .bx--radio-button__label +.bx--radio-button__appearance::before { + border: 2px solid WindowText; } } + +.bx--radio-button:disabled + .bx--radio-button__label { + color: var(--cds-disabled-02, #c6c6c6); + 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(--cds-disabled-02, #c6c6c6); } + .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(--cds-disabled-02, #c6c6c6); } + +.bx--radio-button:focus ++ .bx--radio-button__label +.bx--radio-button__appearance { + outline: 2px solid var(--cds-focus, #0f62fe); + outline-offset: 1.5px; } + +.bx--radio-button__label.bx--skeleton { + position: relative; + padding: 0; + border: none; + background: var(--cds-skeleton-01, #e5e5e5); + box-shadow: none; + pointer-events: none; + 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; + cursor: default; + outline: none; } + .bx--radio-button__label.bx--skeleton::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + animation: 3000ms ease-in-out skeleton infinite; + background: var(--cds-skeleton-02, #c6c6c6); + content: ''; + will-change: transform-origin, transform, opacity; } + @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: flex-start; + 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--form-item.bx--checkbox-wrapper { + position: relative; + 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; + overflow: hidden; + width: 1px; + height: 1px; + padding: 0; + border: 0; + margin: -1px; + clip: rect(0, 0, 0, 0); + visibility: inherit; + white-space: nowrap; + top: 1.25rem; + left: 0.7rem; } + +.bx--checkbox-label { + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); + position: relative; + display: flex; + min-height: 1.5rem; + padding-top: 0.1875rem; + padding-left: 1.25rem; + cursor: pointer; + user-select: none; } + +.bx--checkbox-label-text { + padding-left: 0.375rem; } + +.bx--checkbox-label::before, +.bx--checkbox-label::after { + box-sizing: border-box; } + +.bx--checkbox-label::before { + position: absolute; + top: 0.125rem; + left: 0; + width: 1rem; + height: 1rem; + border: 1px solid var(--cds-icon-01, #161616); + margin: 0.125rem 0.125rem 0.125rem 0.1875rem; + background-color: transparent; + border-radius: 1px; + content: ''; } + +.bx--checkbox-label::after { + position: absolute; + top: 0.5rem; + left: 0.4375rem; + width: 0.5625rem; + height: 0.3125rem; + border-bottom: 2px solid var(--cds-inverse-01, #ffffff); + border-left: 2px solid var(--cds-inverse-01, #ffffff); + margin-top: -0.1875rem /*rtl:0rem*/; + background: none; + content: ''; + transform: scale(0) rotate(-45deg); + transform-origin: bottom right /*rtl:center*/; } + +.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 { + border-width: 1px; + border-color: var(--cds-icon-01, #161616); + background-color: var(--cds-icon-01, #161616); } + +.bx--checkbox:checked + .bx--checkbox-label::after, +.bx--checkbox-label[data-contained-checkbox-state='true']::after { + transform: scale(1) rotate(-45deg) /*rtl:scale(1.2) rotate3d(.5, 1, 0, 158deg)*/; } + +.bx--checkbox:indeterminate + .bx--checkbox-label::after, +.bx--checkbox-label[data-contained-checkbox-state='mixed']::after { + top: 0.6875rem; + width: 0.5rem; + border-bottom: 2px solid var(--cds-inverse-01, #ffffff); + border-left: 0 solid var(--cds-inverse-01, #ffffff); + transform: scale(1) rotate(0deg); } + +.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 { + outline: 2px solid var(--cds-focus, #0f62fe); + outline-offset: 1px; } + +.bx--checkbox:disabled + .bx--checkbox-label, +.bx--checkbox-label[data-contained-checkbox-disabled='true'] { + color: var(--cds-disabled-02, #c6c6c6); + cursor: not-allowed; } + +.bx--checkbox:disabled + .bx--checkbox-label::before, +.bx--checkbox-label[data-contained-checkbox-disabled='true']::before { + border-color: var(--cds-disabled-02, #c6c6c6); } + +.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(--cds-disabled-02, #c6c6c6); } + +.bx--checkbox-label-text.bx--skeleton { + position: relative; + padding: 0; + border: none; + background: var(--cds-skeleton-01, #e5e5e5); + box-shadow: none; + pointer-events: none; + width: 6.25rem; + height: var(--cds-spacing-05, 1rem); + margin: 0.0625rem 0 0 0.375rem; } + .bx--checkbox-label-text.bx--skeleton:hover, .bx--checkbox-label-text.bx--skeleton:focus, .bx--checkbox-label-text.bx--skeleton:active { + border: none; + cursor: default; + outline: none; } + .bx--checkbox-label-text.bx--skeleton::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + animation: 3000ms ease-in-out skeleton infinite; + background: var(--cds-skeleton-02, #c6c6c6); + content: ''; + will-change: transform-origin, transform, opacity; } + @media (prefers-reduced-motion: reduce) { + .bx--checkbox-label-text.bx--skeleton::before { + animation: none; } } + +.bx--checkbox--inline { + position: relative; } + +.bx--toggle { + position: absolute; + overflow: hidden; + width: 1px; + height: 1px; + padding: 0; + border: 0; + margin: -1px; + clip: rect(0, 0, 0, 0); + visibility: inherit; + white-space: nowrap; } + .bx--toggle:focus { + outline: none; } + +.bx--toggle__label { + font-size: var(--cds-label-01-font-size, 0.75rem); + font-weight: var(--cds-label-01-font-weight, 400); + line-height: var(--cds-label-01-line-height, 1.33333); + letter-spacing: var(--cds-label-01-letter-spacing, 0.32px); + position: relative; + display: flex; + align-items: center; + margin: 0.5rem 0; + cursor: pointer; } + +.bx--toggle__appearance { + position: relative; + width: 3rem; + height: 1.5rem; } + .bx--toggle__appearance::before { + position: absolute; + top: 0; + display: block; + width: 3rem; + height: 1.5rem; + box-sizing: border-box; + background-color: var(--cds-ui-04, #8d8d8d); + border-radius: 0.9375rem; + box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent; + content: ''; + cursor: pointer; + transition: box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9), background-color 70ms cubic-bezier(0.2, 0, 1, 0.9); + will-change: box-shadow; } + @media screen and (prefers-reduced-motion: reduce) { + .bx--toggle__appearance::before { + transition: none; } } + .bx--toggle__appearance::after { + position: absolute; + top: 0.1875rem; + left: 0.1875rem; + display: block; + width: 1.125rem; + height: 1.125rem; + box-sizing: border-box; + background-color: var(--cds-icon-03, #ffffff); + border-radius: 50%; + content: ''; + cursor: pointer; + transition: transform 70ms cubic-bezier(0.2, 0, 1, 0.9); } + +.bx--toggle__check { + position: absolute; + z-index: 1; + top: 0.375rem; + left: 0.375rem; + width: 0.375rem; + height: 0.3125rem; + fill: var(--cds-icon-03, #ffffff); + transform: scale(0.2); + transition: 70ms cubic-bezier(0.2, 0, 1, 0.9); } + +.bx--toggle__text--left, +.bx--toggle__text--right { + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-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(--cds-support-02, #198038); } + +.bx--toggle:checked ++ .bx--toggle__label +.bx--toggle__appearance::after { + background-color: var(--cds-icon-03, #ffffff); + transform: translateX(1.5rem); } + +.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:active ++ .bx--toggle__label +.bx--toggle__appearance::before { + box-shadow: 0 0 0 1px var(--cds-ui-03, #e0e0e0), 0 0 0 3px var(--cds-focus, #0f62fe); } + +.bx--toggle:disabled + .bx--toggle__label { + cursor: not-allowed; } + +.bx--toggle:disabled ++ .bx--toggle__label +.bx--toggle__appearance::before { + background-color: var(--cds-disabled-01, #f4f4f4); } + +.bx--toggle:disabled ++ .bx--toggle__label +.bx--toggle__appearance::after { + background-color: var(--cds-disabled-02, #c6c6c6); } + +.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); } + @media screen and (prefers-reduced-motion: reduce) { + .bx--toggle:disabled ++ .bx--toggle__label +.bx--toggle__appearance::before, .bx--toggle:disabled ++ .bx--toggle__label +.bx--toggle__appearance::after { + transition: none; } } + +.bx--toggle:disabled ++ .bx--toggle__label +.bx--toggle__text--left, +.bx--toggle:disabled ++ .bx--toggle__label +.bx--toggle__text--right { + color: var(--cds-disabled-02, #c6c6c6); } + +.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(--cds-disabled-02, #c6c6c6); } + +.bx--toggle--small ++ .bx--toggle__label +.bx--toggle__appearance { + width: 2rem; + height: 1rem; } + .bx--toggle--small ++ .bx--toggle__label +.bx--toggle__appearance::before { + top: 0; + width: 2rem; + height: 1rem; + box-sizing: border-box; + border-radius: 0.9375rem; } + .bx--toggle--small ++ .bx--toggle__label +.bx--toggle__appearance::after { + top: 0.1875rem; + left: 0.1875rem; + width: 0.625rem; + height: 0.625rem; } + +.bx--toggle--small:checked ++ .bx--toggle__label +.bx--toggle__check { + fill: var(--cds-support-02, #198038); + 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: 0; + transform: translateX(1.0625rem); } + +.bx--toggle-input { + position: absolute; + overflow: hidden; + width: 1px; + height: 1px; + padding: 0; + border: 0; + margin: -1px; + clip: rect(0, 0, 0, 0); + visibility: inherit; + white-space: nowrap; } + .bx--toggle-input:focus { + outline: none; } + +.bx--toggle-input__label { + font-size: var(--cds-label-01-font-size, 0.75rem); + font-weight: var(--cds-label-01-font-weight, 400); + line-height: var(--cds-label-01-line-height, 1.33333); + letter-spacing: var(--cds-label-01-letter-spacing, 0.32px); + display: flex; + flex-direction: column; + align-items: flex-start; + color: var(--cds-text-02, #525252); + cursor: pointer; } + +.bx--toggle__switch { + position: relative; + display: flex; + width: 3rem; + height: 1.5rem; + align-items: center; + cursor: pointer; } + .bx--toggle__switch::before { + position: absolute; + top: 0; + display: block; + width: 3rem; + height: 1.5rem; + box-sizing: border-box; + background-color: var(--cds-ui-04, #8d8d8d); + border-radius: 0.9375rem; + box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent; + content: ''; + transition: box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9), background-color 70ms cubic-bezier(0.2, 0, 1, 0.9); + will-change: box-shadow; } + @media screen and (prefers-reduced-motion: reduce) { + .bx--toggle__switch::before { + transition: none; } } + .bx--toggle__switch::after { + position: absolute; + top: 0.1875rem; + left: 0.1875rem; + display: block; + width: 1.125rem; + height: 1.125rem; + box-sizing: border-box; + background-color: var(--cds-icon-03, #ffffff); + border-radius: 50%; + content: ''; + transition: transform 70ms cubic-bezier(0.2, 0, 1, 0.9); } + .bx--toggle-input__label .bx--toggle__switch { + margin-top: 1rem; } + +.bx--toggle__text--off, +.bx--toggle__text--on { + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); + position: absolute; + top: 50%; + margin-left: 3.5rem; + transform: translateY(-50%); + user-select: none; + white-space: nowrap; } + +.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(--cds-support-02, #198038); } + +.bx--toggle-input:checked ++ .bx--toggle-input__label +> .bx--toggle__switch::after { + background-color: var(--cds-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(--cds-ui-02, #ffffff), 0 0 0 3px var(--cds-focus, #0f62fe); } + +.bx--toggle-input:disabled + .bx--toggle-input__label { + color: var(--cds-disabled-02, #c6c6c6); + 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(--cds-disabled-02, #c6c6c6); } + .bx--toggle-input:disabled ++ .bx--toggle-input__label +> .bx--toggle__switch::after { + background-color: var(--cds-disabled-03, #8d8d8d); } + .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); } + @media screen and (prefers-reduced-motion: reduce) { + .bx--toggle-input:disabled ++ .bx--toggle-input__label +> .bx--toggle__switch::before, .bx--toggle-input:disabled ++ .bx--toggle-input__label +> .bx--toggle__switch::after { + transition: none; } } + +.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(--cds-support-02, #198038); + transform: scale(1) translateX(1rem); } + +.bx--toggle-input--small:disabled:checked ++ .bx--toggle-input__label +.bx--toggle__check { + fill: var(--cds-disabled-01, #f4f4f4); } + +.bx--toggle.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch { + position: relative; + padding: 0; + border: none; + background: var(--cds-skeleton-01, #e5e5e5); + box-shadow: none; + pointer-events: none; + width: 3rem; + margin-top: 0.5rem; } + .bx--toggle.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch:hover, .bx--toggle.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch:focus, .bx--toggle.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch:active { + border: none; + cursor: default; + outline: none; } + .bx--toggle.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + animation: 3000ms ease-in-out skeleton infinite; + background: var(--cds-skeleton-02, #c6c6c6); + content: ''; + will-change: transform-origin, transform, opacity; } + @media (prefers-reduced-motion: reduce) { + .bx--toggle.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch::before { + animation: none; } } + +.bx--toggle.bx--skeleton ++ .bx--toggle-input__label +> div { + overflow: hidden; + width: 1.5rem; + height: 0.5rem; + font-size: 0%; + line-height: 0; + position: relative; + padding: 0; + border: none; + background: var(--cds-skeleton-01, #e5e5e5); + box-shadow: none; + pointer-events: none; } + .bx--toggle.bx--skeleton ++ .bx--toggle-input__label +> div:hover, .bx--toggle.bx--skeleton ++ .bx--toggle-input__label +> div:focus, .bx--toggle.bx--skeleton ++ .bx--toggle-input__label +> div:active { + border: none; + cursor: default; + outline: none; } + .bx--toggle.bx--skeleton ++ .bx--toggle-input__label +> div::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + animation: 3000ms ease-in-out skeleton infinite; + background: var(--cds-skeleton-02, #c6c6c6); + content: ''; + will-change: transform-origin, transform, opacity; } + @media (prefers-reduced-motion: reduce) { + .bx--toggle.bx--skeleton ++ .bx--toggle-input__label +> div::before { + animation: none; } } + +.bx--toggle-input--small.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch { + position: relative; + padding: 0; + border: none; + background: var(--cds-skeleton-01, #e5e5e5); + box-shadow: none; + pointer-events: none; + width: 2rem; + margin-top: 0.5rem; } + .bx--toggle-input--small.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch:hover, .bx--toggle-input--small.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch:focus, .bx--toggle-input--small.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch:active { + border: none; + cursor: default; + outline: none; } + .bx--toggle-input--small.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + animation: 3000ms ease-in-out skeleton infinite; + background: var(--cds-skeleton-02, #c6c6c6); + content: ''; + will-change: transform-origin, transform, opacity; } + @media (prefers-reduced-motion: reduce) { + .bx--toggle-input--small.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch::before { + animation: none; } } + +.bx--toggle-input--small.bx--skeleton ++ .bx--toggle-input__label +> div { + overflow: hidden; + width: 1rem; + height: 0.5rem; + font-size: 0%; + line-height: 0; + position: relative; + padding: 0; + border: none; + background: var(--cds-skeleton-01, #e5e5e5); + box-shadow: none; + pointer-events: none; } + .bx--toggle-input--small.bx--skeleton ++ .bx--toggle-input__label +> div:hover, .bx--toggle-input--small.bx--skeleton ++ .bx--toggle-input__label +> div:focus, .bx--toggle-input--small.bx--skeleton ++ .bx--toggle-input__label +> div:active { + border: none; + cursor: default; + outline: none; } + .bx--toggle-input--small.bx--skeleton ++ .bx--toggle-input__label +> div::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + animation: 3000ms ease-in-out skeleton infinite; + background: var(--cds-skeleton-02, #c6c6c6); + content: ''; + will-change: transform-origin, transform, opacity; } + @media (prefers-reduced-motion: reduce) { + .bx--toggle-input--small.bx--skeleton ++ .bx--toggle-input__label +> div::before { + animation: none; } } + +.bx--toggle.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch +.bx--toggle__text--left { + position: relative; + padding: 0; + border: none; + background: var(--cds-skeleton-01, #e5e5e5); + box-shadow: none; + pointer-events: none; + position: absolute; + width: 1rem; + height: 0.5rem; } + .bx--toggle.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch +.bx--toggle__text--left:hover, .bx--toggle.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch +.bx--toggle__text--left:focus, .bx--toggle.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch +.bx--toggle__text--left:active { + border: none; + cursor: default; + outline: none; } + .bx--toggle.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch +.bx--toggle__text--left::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + animation: 3000ms ease-in-out skeleton infinite; + background: var(--cds-skeleton-02, #c6c6c6); + content: ''; + will-change: transform-origin, transform, opacity; } + @media (prefers-reduced-motion: reduce) { + .bx--toggle.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch +.bx--toggle__text--left::before { + animation: none; } } + +.bx--toggle-input--small.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch +.bx--toggle__text--left { + left: 2rem; } + +.bx--toggle.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch::after, +.bx--toggle.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__appearance::after, +.bx--toggle.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__appearance::before { + display: none; } + +.bx--toggle.bx--skeleton ++ .bx--toggle-input__label +.bx--toggle__switch::before { + border-radius: 0; } + +.bx--select { + position: relative; + display: flex; + width: 100%; + flex-direction: column; + align-items: flex-start; } + +.bx--select-input__wrapper { + position: relative; + display: flex; + width: 100%; + align-items: center; } + +.bx--select-input { + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); + outline: 2px solid transparent; + outline-offset: -2px; + display: block; + width: 100%; + height: 2.5rem; + padding: 0 var(--cds-spacing-09, 3rem) 0 var(--cds-spacing-05, 1rem); + border: none; + border-bottom: 1px solid var(--cds-ui-04, #8d8d8d); + appearance: none; + background-color: var(--cds-field-01, #f4f4f4); + border-radius: 0; + color: var(--cds-text-01, #161616); + cursor: pointer; + font-family: inherit; + opacity: 1; + transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); } + .bx--select-input:hover { + background-color: var(--cds-hover-ui, #e5e5e5); } + .bx--select-input::-ms-expand { + display: none; } + +@-moz-document url-prefix() { + .bx--select-input:-moz-focusring, .bx--select-input::-moz-focus-inner { + background-image: none; + color: transparent; + text-shadow: 0 0 0 #000000; } } + .bx--select-input:focus { + outline: 2px solid var(--cds-focus, #0f62fe); + outline-offset: -2px; + color: var(--cds-text-01, #161616); } + @media screen and (prefers-contrast) { + .bx--select-input:focus { + outline-style: dotted; } } + .bx--select-input:disabled, .bx--select-input:hover:disabled { + border-bottom-color: var(--cds-disabled-01, #f4f4f4); + background-color: var(--cds-disabled-01, #f4f4f4); + color: var(--cds-disabled-02, #c6c6c6); + cursor: not-allowed; } + +.bx--select-input--sm { + height: 2rem; + max-height: 2rem; } + +.bx--select-input--xl, +.bx--select-input--lg { + height: 3rem; + max-height: 3rem; } + +.bx--select--disabled .bx--label, +.bx--select--disabled .bx--form__helper-text { + color: var(--cds-disabled-02, #c6c6c6); } + +.bx--select-input__wrapper[data-invalid] .bx--select-input, +.bx--select--warning .bx--select-input { + padding-right: 4.5rem; } + +.bx--select-input:disabled ~ .bx--select__arrow { + fill: var(--cds-disabled-02, #c6c6c6); } + +.bx--select--light .bx--select-input { + background-color: var(--cds-field-02, #ffffff); } + .bx--select--light .bx--select-input:hover { + background-color: var(--cds-hover-ui, #e5e5e5); } + .bx--select--light .bx--select-input:disabled, .bx--select--light .bx--select-input:hover:disabled { + background-color: var(--cds-field-02, #ffffff); + color: var(--cds-disabled-02, #c6c6c6); + cursor: not-allowed; } + +.bx--select__arrow { + position: absolute; + top: 0; + right: var(--cds-spacing-05, 1rem); + height: 100%; + fill: var(--cds-ui-05, #161616); + pointer-events: none; } + @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) { + .bx--select__arrow path { + fill: ButtonText; } } + +.bx--select__invalid-icon { + position: absolute; + right: var(--cds-spacing-08, 2.5rem); } + +.bx--select-input__wrapper[data-invalid] +.bx--select-input +~ .bx--select__invalid-icon { + fill: var(--cds-support-01, #da1e28); } + +.bx--select__invalid-icon--warning { + fill: var(--cds-support-03, #f1c21b); } + +.bx--select__invalid-icon--warning path[fill] { + fill: #000000; + opacity: 1; } + +optgroup.bx--select-optgroup, +.bx--select-option { + background-color: var(--cds-background-hover, #e5e5e5); + color: var(--cds-text-01, #161616); } + optgroup.bx--select-optgroup:disabled, + .bx--select-option:disabled { + color: var(--cds-text-disabled, #c6c6c6); } + +.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 { + align-self: flex-start; + margin-top: 0.8125rem; } + +.bx--select--inline .bx--form__helper-text { + margin-bottom: 0; + margin-left: var(--cds-spacing-03, 0.5rem); } + +.bx--select--inline .bx--label { + margin: 0 0.5rem 0 0; + white-space: nowrap; } + +.bx--select--inline .bx--select-input { + width: auto; + padding-right: var(--cds-spacing-07, 2rem); + padding-left: 0.5rem; + border-bottom: none; + background-color: transparent; + color: var(--cds-text-01, #161616); } + +.bx--select--inline .bx--select-input:focus, +.bx--select--inline .bx--select-input:focus option, +.bx--select--inline .bx--select-input:focus optgroup { + background-color: var(--cds-background, #ffffff); } + +.bx--select--inline .bx--select-input[disabled], +.bx--select--inline .bx--select-input[disabled]:hover { + background-color: var(--cds-disabled-01, #f4f4f4); } + +.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: var(--cds-spacing-07, 2rem); } + +.bx--select--inline .bx--select-input:disabled { + color: var(--cds-disabled-02, #c6c6c6); + cursor: not-allowed; } + .bx--select--inline .bx--select-input:disabled ~ * { + cursor: not-allowed; } + +.bx--select.bx--skeleton { + position: relative; + padding: 0; + border: none; + background: var(--cds-skeleton-01, #e5e5e5); + box-shadow: none; + pointer-events: none; + width: 100%; + height: 2.5rem; } + .bx--select.bx--skeleton:hover, .bx--select.bx--skeleton:focus, .bx--select.bx--skeleton:active { + border: none; + cursor: default; + outline: none; } + .bx--select.bx--skeleton::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + animation: 3000ms ease-in-out skeleton infinite; + background: var(--cds-skeleton-02, #c6c6c6); + content: ''; + will-change: transform-origin, transform, opacity; } + @media (prefers-reduced-motion: reduce) { + .bx--select.bx--skeleton::before { + animation: none; } } + +.bx--select.bx--skeleton .bx--select-input { + display: none; } + +@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) { + .bx--select__arrow { + fill: ButtonText; } } + +.bx--text-input { + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); + outline: 2px solid transparent; + outline-offset: -2px; + width: 100%; + height: 2.5rem; + padding: 0 1rem; + border: none; + border-bottom: 1px solid var(--cds-ui-04, #8d8d8d); + background-color: var(--cds-field-01, #f4f4f4); + color: var(--cds-text-01, #161616); + 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:focus, .bx--text-input:active { + outline: 2px solid var(--cds-focus, #0f62fe); + outline-offset: -2px; } + @media screen and (prefers-contrast) { + .bx--text-input:focus, .bx--text-input:active { + outline-style: dotted; } } + .bx--text-input-wrapper svg[hidden] { + display: none; } + +.bx--text-input--xl, +.bx--text-input--lg { + height: 3rem; } + +.bx--text-input--sm { + height: 2rem; } + +.bx--password-input { + padding-right: 2.5rem; } + +.bx--text-input--sm.bx--password-input { + padding-right: 2rem; } + +.bx--text-input--lg.bx--password-input { + padding-right: 3rem; } + +.bx--text-input::placeholder { + color: var(--cds-text-05, #6f6f6f); + opacity: 1; } + +.bx--text-input--light { + background-color: var(--cds-field-02, #ffffff); } + +.bx--text-input__field-wrapper { + position: relative; + display: flex; + width: 100%; } + +.bx--text-input__invalid-icon, +.bx--text-input__readonly-icon { + position: absolute; + top: 50%; + right: 1rem; + transform: translateY(-50%); } + +.bx--text-input__invalid-icon { + fill: var(--cds-support-01, #da1e28); } + +.bx--text-input__invalid-icon--warning { + fill: var(--cds-support-03, #f1c21b); } + +.bx--text-input__invalid-icon--warning path:first-of-type { + fill: #000000; + opacity: 1; } + +.bx--text-input--password__visibility { + position: relative; + display: inline-flex; + overflow: visible; + align-items: center; + cursor: pointer; } + .bx--text-input--password__visibility:focus { + outline: 1px solid var(--cds-focus, #0f62fe); } + @media screen and (prefers-contrast) { + .bx--text-input--password__visibility:focus { + outline-style: dotted; } } + .bx--text-input--password__visibility:focus { + outline: 1px solid transparent; } + .bx--text-input--password__visibility:focus svg { + outline: 1px solid var(--cds-focus, #0f62fe); } + @media screen and (prefers-contrast) { + .bx--text-input--password__visibility:focus svg { + outline-style: dotted; } } + .bx--text-input--password__visibility::before, .bx--text-input--password__visibility::after, + .bx--text-input--password__visibility .bx--assistive-text, + .bx--text-input--password__visibility + .bx--assistive-text { + position: absolute; + z-index: 6000; + display: flex; + align-items: center; + opacity: 0; + pointer-events: none; } + @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--text-input--password__visibility::before, .bx--text-input--password__visibility::after, + .bx--text-input--password__visibility .bx--assistive-text, + .bx--text-input--password__visibility + .bx--assistive-text { + display: inline-block; } } + .bx--text-input--password__visibility::before, .bx--text-input--password__visibility::after { + transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); } + @media screen and (prefers-reduced-motion: reduce) { + .bx--text-input--password__visibility::before, .bx--text-input--password__visibility::after { + transition: none; } } + .bx--text-input--password__visibility.bx--tooltip--a11y::before, .bx--text-input--password__visibility.bx--tooltip--a11y::after { + transition: none; } + .bx--text-input--password__visibility::before { + width: 0; + height: 0; + border-style: solid; + content: ''; } + .bx--text-input--password__visibility .bx--assistive-text, + .bx--text-input--password__visibility + .bx--assistive-text { + box-sizing: content-box; + color: inherit; + opacity: 1; + white-space: normal; + word-break: break-word; } + .bx--text-input--password__visibility::after, + .bx--text-input--password__visibility .bx--assistive-text, + .bx--text-input--password__visibility + .bx--assistive-text { + box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3)); + z-index: 6000; + width: max-content; + min-width: 1.5rem; + max-width: 13rem; + height: auto; + padding: 0.1875rem 1rem; + background-color: var(--cds-inverse-02, #393939); + border-radius: 0.125rem; + color: var(--cds-inverse-01, #ffffff); + font-weight: 400; + text-align: left; + transform: translateX(-50%); + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); } + @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .bx--text-input--password__visibility::after, + .bx--text-input--password__visibility .bx--assistive-text, + .bx--text-input--password__visibility + .bx--assistive-text { + width: auto; } } + @supports (-ms-accelerator: true) { + .bx--text-input--password__visibility::after, + .bx--text-input--password__visibility .bx--assistive-text, + .bx--text-input--password__visibility + .bx--assistive-text { + width: auto; } } + @supports (-ms-ime-align: auto) { + .bx--text-input--password__visibility::after, + .bx--text-input--password__visibility .bx--assistive-text, + .bx--text-input--password__visibility + .bx--assistive-text { + width: auto; } } + @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) { + .bx--text-input--password__visibility::after, + .bx--text-input--password__visibility .bx--assistive-text, + .bx--text-input--password__visibility + .bx--assistive-text { + border: 1px solid transparent; } } + .bx--text-input--password__visibility::after { + content: attr(aria-label); } + .bx--text-input--password__visibility.bx--tooltip--a11y::after { + content: none; } + .bx--text-input--password__visibility.bx--tooltip--visible::before, .bx--text-input--password__visibility.bx--tooltip--visible::after, .bx--text-input--password__visibility:hover::before, .bx--text-input--password__visibility:hover::after, .bx--text-input--password__visibility:focus::before, .bx--text-input--password__visibility:focus::after { + opacity: 1; } + +@keyframes tooltip-fade { + from { + opacity: 0; } + to { + opacity: 1; } } + .bx--text-input--password__visibility.bx--tooltip--visible .bx--assistive-text, + .bx--text-input--password__visibility.bx--tooltip--visible + .bx--assistive-text, .bx--text-input--password__visibility:hover .bx--assistive-text, + .bx--text-input--password__visibility:hover + .bx--assistive-text, .bx--text-input--password__visibility:focus .bx--assistive-text, + .bx--text-input--password__visibility:focus + .bx--assistive-text { + overflow: visible; + margin: auto; + clip: auto; } + .bx--text-input--password__visibility.bx--tooltip--visible .bx--assistive-text, + .bx--text-input--password__visibility.bx--tooltip--visible + .bx--assistive-text, .bx--text-input--password__visibility.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--text-input--password__visibility:hover .bx--assistive-text, + .bx--text-input--password__visibility:hover + .bx--assistive-text, .bx--text-input--password__visibility:hover.bx--tooltip--a11y::before, .bx--text-input--password__visibility:focus .bx--assistive-text, + .bx--text-input--password__visibility:focus + .bx--assistive-text, .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--password__visibility.bx--tooltip--hidden .bx--assistive-text, + .bx--text-input--password__visibility.bx--tooltip--hidden + .bx--assistive-text { + overflow: hidden; + margin: -1px; + clip: rect(0, 0, 0, 0); } + .bx--text-input--password__visibility.bx--tooltip--hidden.bx--tooltip--a11y::before { + animation: none; + opacity: 0; } + .bx--text-input--password__visibility .bx--assistive-text::after { + position: absolute; + display: block; + content: ''; + left: 0; + width: 100%; + height: 0.75rem; + top: -0.75rem; } + .bx--text-input--password__visibility::before, .bx--text-input--password__visibility::after, + .bx--text-input--password__visibility .bx--assistive-text, + .bx--text-input--password__visibility + .bx--assistive-text { + bottom: 0; + left: 50%; } + .bx--text-input--password__visibility::before { + bottom: -0.5rem; + border-width: 0 0.25rem 0.3125rem 0.25rem; + border-color: transparent transparent var(--cds-inverse-02, #393939) transparent; + transform: translate(-50%, 100%); } + .bx--text-input--password__visibility::after, + .bx--text-input--password__visibility .bx--assistive-text, + .bx--text-input--password__visibility + .bx--assistive-text { + bottom: -0.8125rem; + transform: translate(-50%, 100%); } + +.bx--text-input--password__visibility, +.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger { + outline: 2px solid transparent; + outline-offset: -2px; + position: absolute; + right: 0; + display: flex; + width: 2.5rem; + height: 100%; + min-height: auto; + align-items: center; + justify-content: center; + padding: 0; + border: 0; + background: none; + cursor: pointer; + transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); } + +.bx--text-input--sm ++ .bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger { + width: 2rem; } + +.bx--text-input--lg ++ .bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger { + width: 3rem; } + +.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger +svg { + fill: var(--cds-icon-secondary, #525252); + transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9); } + @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) { + .bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger +svg { + fill: ButtonText; } } + +.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:focus { + outline: 2px solid var(--cds-focus, #0f62fe); + outline-offset: -2px; } + @media screen and (prefers-contrast) { + .bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:focus { + outline-style: dotted; } } + +.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:hover +svg, +.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:focus +svg { + fill: var(--cds-icon-primary, #161616); } + +.bx--text-input--invalid, +.bx--text-input--warning, +.bx--text-input-wrapper--readonly .bx--text-input { + padding-right: 2.5rem; } + +.bx--text-input--invalid.bx--password-input { + padding-right: 4rem; } + +.bx--text-input--invalid + +.bx--text-input--password__visibility, +.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.bx--tooltip__trigger svg { + cursor: not-allowed; + fill: var(--cds-disabled-02, #c6c6c6); } + .bx--text-input:disabled ++ .bx--text-input--password__visibility +svg:hover, + .bx--text-input:disabled ++ .bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg:hover { + fill: var(--cds-disabled-02, #c6c6c6); } + +.bx--text-input:disabled { + outline: 2px solid transparent; + outline-offset: -2px; + border-bottom: 1px solid transparent; + background-color: var(--cds-field, #f4f4f4); + color: var(--cds-text-disabled, #c6c6c6); + cursor: not-allowed; + -webkit-text-fill-color: var(--cds-disabled-02, #c6c6c6); } + +.bx--text-input--light:disabled { + background-color: var(--cds-field-02, #ffffff); } + +.bx--text-input:disabled::placeholder { + color: var(--cds-disabled-02, #c6c6c6); + opacity: 1; } + +.bx--text-input--invalid { + outline: 2px solid var(--cds-support-01, #da1e28); + outline-offset: -2px; + box-shadow: none; } + @media screen and (prefers-contrast) { + .bx--text-input--invalid { + outline-style: dotted; } } + .bx--text-input--invalid .bx--text-input--password__visibility, + .bx--text-input--invalid .bx--text-input--password__visibility__toggle { + right: 2.5rem; } + +.bx--skeleton.bx--text-input { + position: relative; + padding: 0; + border: none; + background: var(--cds-skeleton-01, #e5e5e5); + box-shadow: none; + pointer-events: none; } + .bx--skeleton.bx--text-input:hover, .bx--skeleton.bx--text-input:focus, .bx--skeleton.bx--text-input:active { + border: none; + cursor: default; + outline: none; } + .bx--skeleton.bx--text-input::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + animation: 3000ms ease-in-out skeleton infinite; + background: var(--cds-skeleton-02, #c6c6c6); + content: ''; + will-change: transform-origin, transform, opacity; } + @media (prefers-reduced-motion: reduce) { + .bx--skeleton.bx--text-input::before { + animation: none; } } + +.bx--form--fluid .bx--text-input-wrapper { + position: relative; + background: var(--cds-field-01, #f4f4f4); + 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--form--fluid .bx--label { + position: absolute; + z-index: 1; + top: 0.8125rem; + left: 1rem; + margin: 0; } + +.bx--form--fluid .bx--form__helper-text { + display: none; } + +.bx--form--fluid .bx--text-input { + min-height: 4rem; + padding: 2rem 1rem 0.8125rem; } + +.bx--text-input__divider, +.bx--form--fluid .bx--text-input__divider { + display: none; } + +.bx--form--fluid .bx--text-input--invalid, +.bx--form--fluid .bx--text-input--warn { + border-bottom: none; } + +.bx--form--fluid +.bx--text-input--invalid ++ .bx--text-input__divider, +.bx--form--fluid +.bx--text-input--warn ++ .bx--text-input__divider { + display: block; + border-style: solid; + border-color: var(--cds-ui-03, #e0e0e0); + border-bottom: none; + margin: 0 1rem; } + +.bx--form--fluid .bx--text-input__invalid-icon { + top: 5rem; } + +.bx--form--fluid .bx--text-input-wrapper--light { + background: var(--cds-field-02, #ffffff); } + +.bx--form--fluid +.bx--text-input__field-wrapper[data-invalid] +> .bx--text-input--invalid { + outline: 2px solid transparent; + outline-offset: -2px; } + +.bx--form--fluid +.bx--text-input__field-wrapper[data-invalid]:not(:focus) { + outline: 2px solid var(--cds-support-01, #da1e28); + outline-offset: -2px; } + @media screen and (prefers-contrast) { + .bx--form--fluid +.bx--text-input__field-wrapper[data-invalid]:not(:focus) { + outline-style: dotted; } } + +.bx--form--fluid +.bx--text-input__field-wrapper[data-invalid] +> .bx--text-input--invalid:focus { + outline: 2px solid var(--cds-focus, #0f62fe); + outline-offset: -2px; } + @media screen and (prefers-contrast) { + .bx--form--fluid +.bx--text-input__field-wrapper[data-invalid] +> .bx--text-input--invalid:focus { + outline-style: dotted; } } + +.bx--text-input-wrapper.bx--text-input-wrapper--inline { + flex-flow: row wrap; } + +.bx--text-input-wrapper .bx--label--inline { + flex: 1; + margin: 0.8125rem 0 0 0; + overflow-wrap: break-word; + word-break: break-word; } + +.bx--text-input-wrapper .bx--label--inline--sm { + margin-top: 0.5625rem; } + +.bx--text-input-wrapper .bx--label--inline--xl, +.bx--text-input-wrapper .bx--label--inline--lg { + margin-top: 1.0625rem; } + +.bx--text-input__label-helper-wrapper { + max-width: 8rem; + flex: 2; + flex-direction: column; + margin-right: 1.5rem; + overflow-wrap: break-word; } + +.bx--text-input-wrapper .bx--form__helper-text--inline { + margin-top: 0.125rem; } + +.bx--text-input__field-outer-wrapper { + display: flex; + width: 100%; + flex: 1 1 auto; + flex-direction: column; + align-items: flex-start; } + +.bx--text-input__field-outer-wrapper--inline { + flex: 8; + flex-direction: column; } + +.bx--form--fluid .bx--text-input-wrapper--readonly, +.bx--text-input-wrapper--readonly .bx--text-input { + background: transparent; } + +@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) { + .bx--text-input--password__visibility, + .bx--btn.bx--btn--icon-only.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg, + .bx--btn.bx--btn--icon-only.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:hover +svg { + fill: ButtonText; } } + +.bx--slider-container { + display: flex; + align-items: center; + user-select: none; } + +.bx--slider { + position: relative; + width: 100%; + min-width: 12.5rem; + max-width: 40rem; + padding: var(--cds-spacing-05, 1rem) 0; + margin: 0 1rem; + cursor: pointer; } + +.bx--slider__range-label { + font-family: var(--cds-code-02-font-family, 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace); + font-size: var(--cds-code-02-font-size, 0.875rem); + font-weight: var(--cds-code-02-font-weight, 400); + line-height: var(--cds-code-02-line-height, 1.42857); + letter-spacing: var(--cds-code-02-letter-spacing, 0.32px); + color: var(--cds-text-01, #161616); + white-space: nowrap; } + .bx--slider__range-label:last-of-type { + margin-right: 1rem; } + +.bx--slider__track { + position: absolute; + width: 100%; + height: 0.125rem; + background: var(--cds-ui-03, #e0e0e0); + transform: translate(0%, -50%); } + +.bx--slider__track:before { + position: absolute; + top: -0.3125rem; + left: 50%; + display: inline-block; + width: 0.125rem; + height: 0.25rem; + background: var(--cds-ui-03, #e0e0e0); + content: ''; + transform: translate(-50%, 0); } + +.bx--slider__filled-track { + position: absolute; + width: 100%; + height: 0.125rem; + background: var(--cds-ui-05, #161616); + pointer-events: none; + transform: translate(0%, -50%); + transform-origin: left; + transition: background 110ms cubic-bezier(0.2, 0, 0.38, 0.9); } + +.bx--slider__thumb { + position: absolute; + z-index: 3; + width: 0.875rem; + height: 0.875rem; + background: var(--cds-ui-05, #161616); + border-radius: 50%; + box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 2px transparent; + outline: none; + 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); } + .bx--slider__thumb:hover { + transform: translate(-50%, -50%) scale(1.4286); } + .bx--slider__thumb:focus { + background-color: var(--cds-interactive-04, #0f62fe); + box-shadow: inset 0 0 0 2px var(--cds-interactive-04, #0f62fe), inset 0 0 0 3px var(--cds-ui-01, #f4f4f4); + transform: translate(-50%, -50%) scale(1.4286); } + .bx--slider__thumb:active { + box-shadow: inset 0 0 0 2px var(--cds-interactive-04, #0f62fe); + transform: translate(-50%, -50%) scale(1.4286); } + +.bx--slider__input { + display: none; } + +.bx--slider-text-input, +.bx-slider-text-input { + width: 4rem; + height: 2.5rem; + -moz-appearance: textfield; + text-align: center; } + .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-text-input.bx--text-input--invalid { + padding-right: 1rem; } + +.bx--slider__thumb:focus ~ .bx--slider__filled-track { + background-color: var(--cds-interactive-04, #0f62fe); } + +.bx--label--disabled +~ .bx--slider-container +> .bx--slider__range-label { + color: var(--cds-disabled-02, #c6c6c6); } + +.bx--slider--disabled.bx--slider { + cursor: not-allowed; } + +.bx--slider--disabled .bx--slider__thumb { + background-color: var(--cds-ui-03, #e0e0e0); } + .bx--slider--disabled .bx--slider__thumb:hover { + cursor: not-allowed; + transform: translate(-50%, -50%); } + .bx--slider--disabled .bx--slider__thumb:focus { + background-color: var(--cds-ui-03, #e0e0e0); + box-shadow: none; + outline: none; + transform: translate(-50%, -50%); } + .bx--slider--disabled .bx--slider__thumb:active { + background: var(--cds-ui-03, #e0e0e0); + 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(--cds-ui-03, #e0e0e0); } + +.bx--slider--disabled +~ .bx--form-item +.bx--slider-text-input, +.bx--slider--disabled ~ .bx--slider-text-input { + border: none; + background-color: var(--cds-disabled-01, #f4f4f4); + color: var(--cds-disabled-02, #c6c6c6); + cursor: not-allowed; + transition: 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 { + color: var(--cds-disabled-02, #c6c6c6); + outline: none; } + +.bx--slider-container.bx--skeleton +.bx--slider__range-label { + position: relative; + padding: 0; + border: none; + background: var(--cds-skeleton-01, #e5e5e5); + box-shadow: none; + pointer-events: none; + 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; + cursor: default; + outline: none; } + .bx--slider-container.bx--skeleton +.bx--slider__range-label::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + animation: 3000ms ease-in-out skeleton infinite; + background: var(--cds-skeleton-02, #c6c6c6); + content: ''; + will-change: transform-origin, transform, opacity; } + @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; } + +/* stylelint-disable */ +@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) { + .bx--slider__thumb { + outline: 1px solid transparent; } } + +@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) { + .bx--slider__thumb:focus { + color: Highlight; + outline: 1px solid Highlight; } } + +@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) { + .bx--slider__track { + outline: 1px solid transparent; } } + +/* stylelint-enable */ +.bx--tile { + display: block; + min-width: 8rem; + min-height: 4rem; + padding: var(--cds-spacing-05, 1rem); + background-color: var(--cds-ui-01, #f4f4f4); + outline: 2px solid transparent; + outline-offset: -2px; } + .bx--tile:focus { + outline: 2px solid var(--cds-focus, #0f62fe); + outline-offset: -2px; } + @media screen and (prefers-contrast) { + .bx--tile:focus { + outline-style: dotted; } } + +.bx--tile--light { + background-color: var(--cds-ui-02, #ffffff); } + +.bx--tile--clickable, +.bx--tile--selectable, +.bx--tile--expandable { + cursor: pointer; + transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9); } + .bx--tile--clickable:hover, + .bx--tile--selectable:hover, + .bx--tile--expandable:hover { + background: var(--cds-hover-ui, #e5e5e5); } + +.bx--tile--expandable .bx--link { + color: var(--cds-link-secondary, #0043ce); } + +.bx--tile--clickable:focus, +.bx--tile--expandable:focus { + outline: 2px solid var(--cds-focus, #0f62fe); + outline-offset: -2px; } + @media screen and (prefers-contrast) { + .bx--tile--clickable:focus, + .bx--tile--expandable:focus { + outline-style: dotted; } } + +.bx--tile--clickable:hover .bx--tile__checkmark, .bx--tile--clickable:focus .bx--tile__checkmark, +.bx--tile--expandable:hover .bx--tile__checkmark, +.bx--tile--expandable:focus .bx--tile__checkmark { + opacity: 1; } + +.bx--tile--expandable::-moz-focus-inner { + border: 0; } + +.bx--tile--clickable { + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); + color: var(--cds-text-01, #161616); + text-decoration: none; } + +.bx--tile--clickable:hover, +.bx--tile--clickable:active, +.bx--tile--clickable:visited, +.bx--tile--clickable:visited:hover { + color: var(--cds-text-01, #161616); + text-decoration: none; } + +.bx--tile--clickable.bx--link--disabled { + color: var(--cds-disabled-02, #c6c6c6); } + +.bx--tile--clickable:hover.bx--link--disabled { + display: block; + background-color: var(--cds-disabled-01, #f4f4f4); + color: var(--cds-disabled-02, #c6c6c6); } + +.bx--tile--selectable { + position: relative; + padding-right: 3rem; + border: 1px solid transparent; } + +.bx--tile__checkmark, +.bx--tile__chevron { + position: absolute; + border: none; + background: transparent; + transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9); } + +.bx--tile__checkmark { + top: 1rem; + right: 1rem; + height: 1rem; + opacity: 0; } + .bx--tile__checkmark svg { + border-radius: 50%; + fill: var(--cds-icon-02, #525252); } + .bx--tile__checkmark:focus { + outline: 2px solid var(--cds-focus, #0f62fe); + outline-offset: -2px; } + @media screen and (prefers-contrast) { + .bx--tile__checkmark:focus { + outline-style: dotted; } } + +.bx--tile__checkmark--persistent { + opacity: 1; } + +.bx--tile__chevron { + position: absolute; + right: 1rem; + bottom: 1rem; + display: flex; + height: 1rem; + align-items: flex-end; } + .bx--tile__chevron svg { + margin-left: 0.5rem; + fill: var(--cds-ui-05, #161616); + transform-origin: center; + transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9); } + @media screen and (prefers-reduced-motion: reduce) { + .bx--tile__chevron svg { + transition: none; } } + @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) { + .bx--tile__chevron svg { + fill: ButtonText; } } + .bx--tile__chevron:hover { + cursor: pointer; } + .bx--tile__chevron:focus { + outline: none; } + +.bx--tile--expandable { + position: relative; + overflow: hidden; + width: 100%; + border: 0; + color: inherit; + font-size: inherit; + text-align: left; + 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; + 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); + visibility: hidden; } + +.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 { + 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); + visibility: inherit; } + @media not all and (min-resolution: 0.001dpcm) { + @supports (-webkit-appearance: none) and (stroke-color: transparent) { + .bx--tile--is-expanded .bx--tile-content__below-the-fold { + overflow-y: auto; } } } + +.bx--tile--is-selected { + border: 1px solid var(--cds-ui-05, #161616); } + +.bx--tile--is-selected .bx--tile__checkmark { + opacity: 1; } + +.bx--tile--is-selected .bx--tile__checkmark svg { + fill: var(--cds-ui-05, #161616); } + @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) { + .bx--tile--is-selected .bx--tile__checkmark svg { + fill: ButtonText; } } + +.bx--tile-content { + width: 100%; + height: 100%; } + +.bx--tile-input { + position: absolute; + overflow: hidden; + width: 1px; + height: 1px; + padding: 0; + border: 0; + margin: -1px; + clip: rect(0, 0, 0, 0); + visibility: inherit; + white-space: nowrap; } + +.bx--tile-input:focus + .bx--tile { + outline: 2px solid var(--cds-focus, #0f62fe); + outline-offset: -2px; } + @media screen and (prefers-contrast) { + .bx--tile-input:focus + .bx--tile { + outline-style: dotted; } } + +.bx--tile--disabled.bx--tile--selectable { + background-color: var(--cds-ui-01, #f4f4f4); + color: var(--cds-disabled-02, #c6c6c6); + cursor: not-allowed; } + +.bx--tile--disabled.bx--tile--selectable.bx--tile--light { + background-color: var(--cds-ui-02, #ffffff); } + +.bx--tile--disabled.bx--tile--is-selected { + outline-color: var(--cds-disabled-02, #c6c6c6); } + +.bx--tile--disabled.bx--tile--is-selected +.bx--tile__checkmark +svg { + fill: var(--cds-disabled-02, #c6c6c6); } + +.bx--header { + position: fixed; + z-index: 8000; + top: 0; + right: 0; + left: 0; + display: flex; + height: 3rem; + align-items: center; + border-bottom: 1px solid #393939; + background-color: #161616; } + +.bx--header__action { + display: inline-block; + padding: 0; + border: 0; + appearance: none; + background: none; + cursor: pointer; + width: 100%; + width: 3rem; + height: 3rem; + border: 0.0625rem solid transparent; + transition: background-color 110ms, border-color 110ms; } + .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:hover { + background-color: #353535; } + +.bx--header__action--active { + border-right: 1px solid #393939; + border-bottom: 1px solid #161616; + border-left: 1px solid #393939; } + +.bx--header__action:focus { + border-color: #ffffff; + outline: none; } + +.bx--header__action:active { + background-color: #393939; } + +.bx--header__action.bx--btn--icon-only.bx--tooltip__trigger { + justify-content: center; } + +.bx--header__action > svg { + fill: #ffffff; } + +.bx--header__menu-trigger > svg { + fill: #f4f4f4; } + +.bx--header__menu-trigger:hover { + fill: #2c2c2c; } + +.bx--header__menu-toggle { + display: flex; + align-items: center; + justify-content: center; } + +@media (min-width: 66rem) { + .bx--header__menu-toggle__hidden { + display: none; } } + +a.bx--header__name { + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); + display: flex; + height: 100%; + align-items: center; + padding: 0 2rem 0 1rem; + border: 0.125rem solid transparent; + font-weight: 600; + letter-spacing: 0.1px; + line-height: 1.25rem; + outline: none; + text-decoration: none; + transition: border-color 110ms; + user-select: 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__menu-toggle:not(.bx--header__menu-toggle__hidden) +~ .bx--header__name { + padding-left: 0.5rem; } + +.bx--header__nav { + position: relative; + display: none; + height: 100%; + padding-left: 1rem; } + @media (min-width: 66rem) { + .bx--header__nav { + display: block; } } + .bx--header__nav::before { + position: absolute; + top: 50%; + left: 0; + display: block; + width: 0.0625rem; + height: 1.5rem; + background-color: #393939; + content: ''; + transform: translateY(-50%); } + +.bx--header__menu-bar { + display: flex; + height: 100%; + padding: 0; + margin: 0; + list-style: none; } + +a.bx--header__menu-item { + position: relative; + display: flex; + height: 100%; + align-items: center; + padding: 0 1rem; + border: 2px solid transparent; + color: #c6c6c6; + font-size: 0.875rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.125rem; + text-decoration: none; + transition: background-color 110ms, border-color 110ms, color 110ms; + user-select: none; } + +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; } + +a.bx--header__menu-item[aria-current='page']::after, +.bx--header__menu-item--current::after { + position: absolute; + top: 0; + right: 0; + bottom: -2px; + left: 0; + width: 100%; + border-bottom: 3px solid var(--cds-inverse-support-04, #4589ff); + content: ''; } + +a.bx--header__menu-item[aria-current='page']:focus::after, +.bx--header__menu-item--current:focus::after { + border: 0; } + +a.bx--header__menu-item[aria-current='page']:focus, +a.bx--header__menu-item.bx--header__menu-item--current:focus { + border: 2px solid #ffffff; } + +.bx--header__submenu { + position: relative; } + +.bx--header__submenu--current::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + border-bottom: 3px solid var(--cds-border-interactive, #0f62fe); + content: ''; } + +.bx--header__submenu--current:focus { + border: 2px solid var(--cds-focus, #0f62fe); } + +.bx--header__submenu--current:focus::after { + border: 0; } + +.bx--header__menu-title[aria-haspopup='true'] { + position: relative; } + +.bx--header__menu-title[aria-expanded='true'] { + z-index: 8001; + background-color: #262626; + color: #ffffff; } + +.bx--header__menu-title[aria-expanded='true'] +> .bx--header__menu-arrow { + transform: rotate(180deg); } + +.bx--header__menu { + display: none; + padding: 0; + margin: 0; + list-style: none; } + +.bx--header__menu-title[aria-expanded='true'] ++ .bx--header__menu { + position: absolute; + z-index: 8000; + bottom: 0; + left: 0; + display: flex; + width: 12.5rem; + flex-direction: column; + background-color: #262626; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5); + transform: translateY(100%); } + +.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 { + margin-left: 0.5rem; + fill: #c6c6c6; + transition: transform 110ms, fill 110ms; } + +.bx--header__global { + display: flex; + height: 100%; + flex: 1 1 0%; + justify-content: flex-end; } + +.bx--skip-to-content { + position: absolute; + overflow: hidden; + width: 1px; + height: 1px; + padding: 0; + border: 0; + margin: -1px; + clip: rect(0, 0, 0, 0); + visibility: inherit; + white-space: nowrap; } + +.bx--skip-to-content:focus { + z-index: 9999; + top: 0; + left: 0; + display: flex; + width: auto; + height: 3rem; + align-items: center; + padding: 0 1rem; + border: 4px solid #0f62fe; + background-color: #161616; + clip: auto; + color: #f4f4f4; + outline: none; } + +.bx--header-panel { + transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9); + position: fixed; + z-index: 8000; + top: 3rem; + right: 0; + bottom: 0; + overflow: hidden; + width: 0; + border: none; + background-color: #161616; + color: #c6c6c6; + transition: width 0.11s; + will-change: width; } + +.bx--header-panel--expanded { + width: 16rem; + border-right: 1px solid #393939; + border-left: 1px solid #393939; } + +.bx--panel--overlay { + position: fixed; + z-index: 1000; + top: 3rem; + right: 0; + bottom: 0; + width: 16rem; + height: 100%; + padding: 1rem 0; + background-color: #161616; + overflow-x: hidden; + overflow-y: auto; + transform: translate3d(100%, 0, 0); + transition: transform 0.11s cubic-bezier(0.2, 0, 0.38, 0.9); + will-change: transform; } + +.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: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-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; + width: 100%; + border: none; + background: transparent; + 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 { + box-shadow: inset 0 0 0 3px #0f62fe; + outline: none; } + +.bx--product-switcher__back-btn { + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); + display: flex; + align-items: center; + padding: 0.5rem 1rem; } + +.bx--product-switcher__back-arrow { + margin-right: 1rem; + fill: #0f62fe; } + +.bx--product-list__item { + display: flex; + align-items: center; + justify-content: space-between; + cursor: pointer; } + +.bx--product-list__item:hover { + background: #e0e0e0; } + +.bx--product-link { + display: flex; + width: 100%; + flex-direction: row; + align-items: center; + padding: 0.5rem 1rem; + text-decoration: none; } + +.bx--product-link:focus { + box-shadow: inset 0 0 0 3px #0f62fe; + outline: none; } + +.bx--product-switcher__icon { + margin-right: 1rem; } + +.bx--product-link__name { + font-size: var(--cds-body-short-01-font-size, 0.875rem); + font-weight: var(--cds-body-short-01-font-weight, 400); + line-height: var(--cds-body-short-01-line-height, 1.28572); + letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px); + margin-left: 0.25rem; + color: #c6c6c6; + font-weight: 400; } + +.bx--product-switcher__product-list .bx--overflow-menu { + display: none; + width: 2.5rem; + align-items: center; + justify-content: center; } + .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; + box-shadow: inset 0 0 0 3px #0f62fe; + outline: none; } + +.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; + align-items: center; + justify-content: center; + color: #c6c6c6; } + +.bx--switcher__item { + width: 100%; + height: var(--cds-spacing-07, 2rem); } + +.bx--switcher__item:nth-child(1) { + margin-top: var(--cds-spacing-05, 1rem); } + +.bx--switcher__item--divider { + display: block; + width: 14rem; + height: 1px; + border: none; + margin: var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem); + background: #393939; } + +.bx--switcher__item-link { + font-size: var(--cds-productive-heading-01-font-size, 0.875rem); + font-weight: var(--cds-productive-heading-01-font-weight, 600); + line-height: var(--cds-productive-heading-01-line-height, 1.28572); + letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px); + display: block; + height: var(--cds-spacing-07, 2rem); + padding: 0.375rem var(--cds-spacing-05, 1rem); + color: #c6c6c6; + text-decoration: none; } + .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; + z-index: 8000; + top: 0; + bottom: 0; + left: 0; + overflow: hidden; + width: 3rem; + max-width: 16rem; + background-color: #ffffff; + color: #525252; + transition: width 0.11s cubic-bezier(0.2, 0, 1, 0.9); + will-change: width; } + +.bx--side-nav--ux { + top: var(--cds-spacing-09, 3rem); + width: 16rem; } + @media (max-width: 65.98rem) { + .bx--side-nav--ux { + width: 0; } } + +.bx--side-nav--rail { + width: 3rem; } + +.bx--side-nav--hidden { + width: 0; } + +.bx--side-nav.bx--side-nav--rail:not(.bx--side-nav--fixed):hover, +.bx--side-nav--expanded { + width: 16rem; } + +.bx--side-nav__overlay { + position: fixed; + top: 3rem; + left: 0; + width: 0; + height: 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: 65.98rem) { + .bx--side-nav__overlay-active { + width: 100vw; + height: 100vh; + background-color: var(--cds-overlay-01, rgba(22, 22, 22, 0.5)); + 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; + height: 100%; + flex-direction: column; } + +.bx--side-nav__header { + display: flex; + width: 100%; + max-width: 100%; + height: 3rem; + border-bottom: 1px solid #393939; } + .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; + min-width: 0; + flex: 1; + flex-direction: column; + padding-right: 1rem; + 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: inherit; + opacity: 1; } + +.bx--side-nav--ux .bx--side-nav__details { + opacity: 1; + visibility: inherit; } + +.bx--side-nav__title { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + margin-top: 1rem; + font-size: 0.875rem; + font-weight: 600; + letter-spacing: 0.1px; + 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 { + position: absolute; + top: 0; + right: 0.5rem; + bottom: 0; + display: flex; + align-items: center; + fill: #525252; } + +.bx--side-nav__select { + outline: 2px solid transparent; + outline-offset: -2px; + min-width: 0; + height: 2rem; + flex: 1 1 0%; + padding-right: 2rem; + border: none; + appearance: none; + background-color: #161616; + border-radius: 0; + color: #f4f4f4; + cursor: pointer; + font-size: 0.75rem; + transition: outline 110ms; } + +.bx--side-nav__select:focus { + outline: 2px solid var(--cds-focus, #0f62fe); + outline-offset: -2px; } + @media screen and (prefers-contrast) { + .bx--side-nav__select:focus { + outline-style: dotted; } } + +.bx--side-nav__footer { + width: 100%; + flex: 0 0 3rem; + background-color: #ffffff; } + +.bx--side-nav__toggle { + outline: 2px solid transparent; + outline-offset: -2px; + display: inline-block; + padding: 0; + border: 0; + appearance: none; + background: none; + cursor: pointer; + width: 100%; + height: 100%; + padding-left: 1rem; + text-align: left; + transition: outline 110ms; } + .bx--side-nav__toggle::-moz-focus-inner { + border: 0; } + +.bx--side-nav__toggle:focus { + outline: 2px solid var(--cds-focus, #0f62fe); + outline-offset: -2px; } + @media screen and (prefers-contrast) { + .bx--side-nav__toggle:focus { + outline-style: dotted; } } + +.bx--side-nav__items { + overflow: hidden; + flex: 1 1 0%; + 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 { + overflow: hidden; + 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__divider { + height: 1px; + margin: var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem); + background-color: #e0e0e0; } + +.bx--side-nav__submenu { + display: inline-block; + padding: 0; + border: 0; + appearance: none; + background: none; + cursor: pointer; + width: 100%; + font-size: var(--cds-productive-heading-01-font-size, 0.875rem); + font-weight: var(--cds-productive-heading-01-font-weight, 600); + line-height: var(--cds-productive-heading-01-line-height, 1.28572); + letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px); + outline: 2px solid transparent; + outline-offset: -2px; + display: flex; + height: 2rem; + align-items: center; + padding: 0 1rem; + color: #525252; + transition: color 110ms, background-color 110ms, outline 110ms; + user-select: none; } + .bx--side-nav__submenu::-moz-focus-inner { + border: 0; } + +.bx--side-nav__submenu:hover { + background-color: #e5e5e5; + color: #161616; } + +.bx--side-nav__submenu:focus { + outline: 2px solid var(--cds-focus, #0f62fe); + outline-offset: -2px; } + @media screen and (prefers-contrast) { + .bx--side-nav__submenu:focus { + outline-style: dotted; } } + +.bx--side-nav__submenu-title { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + text-align: left; } + +.bx--side-nav__icon.bx--side-nav__submenu-chevron { + display: flex; + flex: 1; + justify-content: flex-end; } + +.bx--side-nav__submenu-chevron > svg { + width: 1rem; + height: 1rem; + transition: transform 110ms; } + +.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'] { + position: relative; + background-color: #e5e5e5; + color: #161616; } + .bx--side-nav__item--active +.bx--side-nav__submenu[aria-expanded='false']::before { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 4px; + background-color: #0f62fe; + content: ''; } + +.bx--side-nav__item--active .bx--side-nav__submenu-title { + color: #161616; + font-weight: 600; } + +.bx--side-nav__menu { + display: block; + max-height: 0; + visibility: hidden; } + +.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: var(--cds-productive-heading-01-font-size, 0.875rem); + font-weight: var(--cds-productive-heading-01-font-weight, 600); + line-height: var(--cds-productive-heading-01-line-height, 1.28572); + letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px); + position: relative; + display: flex; + min-height: 2rem; + align-items: center; + padding: 0 1rem; + text-decoration: none; + 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 { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + 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(--cds-focus, #0f62fe); + outline-offset: -2px; } + @media screen and (prefers-contrast) { + a.bx--side-nav__link:focus, + .bx--side-nav a.bx--header__menu-item:focus { + outline-style: dotted; } } + +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 { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 4px; + background-color: #0f62fe; + content: ''; } + +.bx--side-nav__icon { + display: flex; + flex: 0 0 1rem; + align-items: center; + justify-content: center; } + +.bx--side-nav__icon:not(.bx--side-nav__submenu-chevron) { + margin-right: 1.5rem; } + +.bx--side-nav__icon > svg { + width: 1rem; + height: 1rem; + fill: #525252; } + +.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 { + padding-left: 1rem; } + +.bx--side-nav--fixed +.bx--side-nav__item:not(.bx--side-nav__item--icon) +.bx--side-nav__menu +a.bx--side-nav__link { + padding-left: 2rem; } + +@media (max-width: 65.98rem) { + .bx--side-nav .bx--header__nav { + display: block; } } + +.bx--side-nav__header-navigation { + display: none; } + @media (max-width: 65.98rem) { + .bx--side-nav__header-navigation { + position: relative; + display: block; + margin-bottom: 2rem; } } + +.bx--side-nav__header-divider::after { + position: absolute; + bottom: -1rem; + left: 1rem; + width: calc(100% - 32px); + height: 0.0625rem; + background: #e0e0e0; + content: ''; } + +.bx--side-nav a.bx--header__menu-item { + justify-content: space-between; + color: #525252; + white-space: nowrap; } + .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%; + padding: 0; + background-color: transparent; + box-shadow: none; + transform: none; } + .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; } + +@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) { + .bx--side-nav__icon > svg, + .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: ButtonText; } } + +.bx--navigation { + position: fixed; + z-index: 9100; + top: 3rem; + bottom: 0; + left: 0; + width: 16rem; + background-color: #262626; + box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.25); + color: #f4f4f4; } + +.bx--navigation--right { + right: 0; + left: auto; } + +.bx--navigation svg { + fill: #f4f4f4; } + +.bx--navigation-section:not(:last-child)::after { + display: block; + height: 1px; + margin: 0 1rem; + background-color: #393939; + content: ''; } + +.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 { + position: absolute; + top: 0; + bottom: 0; + left: 0; + display: block; + width: 4px; + background-color: #0f62fe; + content: ''; } + +a.bx--navigation-link { + display: flex; + width: 100%; + min-height: 2.5rem; + align-items: center; + padding-left: 1rem; + color: #f4f4f4; + font-size: 0.875rem; + font-weight: 400; + text-decoration: none; } + +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 { + display: inline-block; + padding: 0; + border: 0; + appearance: none; + background: none; + cursor: pointer; + width: 100%; + display: flex; + align-items: center; } + .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; + width: 100%; + min-height: 2.5rem; + align-items: center; + justify-content: space-between; + padding-right: 1rem; + padding-left: 1rem; + color: #f4f4f4; + font-size: 0.875rem; + font-weight: 400; } + +.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; + min-height: 2rem; + align-items: center; + 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 { + position: absolute; + top: 0; + bottom: 0; + left: 0; + display: block; + width: 4px; + background-color: #0f62fe; + content: ''; } + +.bx--navigation__category-item--active +> a.bx--navigation-link { + color: #ffffff; + font-weight: 600; } + +.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; + width: 3rem; + min-width: 3rem; + height: 2.5rem; + align-items: center; + justify-content: center; + margin-right: 0.5rem; } + +.bx--content { + padding: 2rem; + background: var(--cds-ui-02, #ffffff); + 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; } diff --git a/src/carbon.scss b/src/carbon.scss new file mode 100644 index 0000000..3c9929a --- /dev/null +++ b/src/carbon.scss @@ -0,0 +1,104 @@ +// This is a recipe for dynamic, client-side theming +// All Carbon themes are included (White, Gray 10, Gray 90, Gray 100) + +$feature-flags: ( + // Custom CSS properties must be enabled to dynamically switch themes + enable-css-custom-properties: true, + ui-shell: true, + // grid-columns-16: true +); + +$css--font-face: true; +$css--helpers: true; +$css--body: true; +$css--use-layer: true; +$css--reset: true; +$css--default-type: true; +$css--plex: true; + +// Use all Carbon themes +@import "carbon-components/scss/globals/scss/vendor/@carbon/themes/scss/index.scss"; +@import "carbon-components/scss/globals/scss/component-tokens"; +@import "carbon-components/src/components/tag/tag"; +@import "carbon-components/src/components/notification/inline-notification"; +@import "carbon-components/src/components/notification/toast-notification"; +@import "carbon-components-svelte/css/popover"; + +// The default theme is "white" (White) +:root { + @include carbon--theme($carbon--theme--white, true) { + @include emit-component-tokens($tag-colors); + @include emit-component-tokens($notification-colors); + } +} + +// Set the theme attribute to "g10" to use the Gray 10 theme +// +:root[theme="g10"] { + @include carbon--theme($carbon--theme--g10, true) { + @include emit-component-tokens($tag-colors); + @include emit-component-tokens($notification-colors); + } +} + +// Set the theme attribute to "g80" to use the Gray 80 theme +// +:root[theme="g80"] { + @include carbon--theme($carbon--theme--g80, true) { + @include emit-component-tokens($tag-colors); + @include emit-component-tokens($notification-colors); + } +} + +// Set the theme attribute to "g90" to use the Gray 90 theme +// +:root[theme="g90"] { + @include carbon--theme($carbon--theme--g90, true) { + @include emit-component-tokens($tag-colors); + @include emit-component-tokens($notification-colors); + } +} + +// Set the theme attribute to "g100" to use the Gray 100 theme +// +:root[theme="g100"] { + @include carbon--theme($carbon--theme--g100, true) { + @include emit-component-tokens($tag-colors); + @include emit-component-tokens($notification-colors); + } +} + + + +@import "carbon-components/scss/globals/scss/_css--reset"; + + +// src:[\s\n\t]*local\('([^']*?)'\),[\s\n\t]*local\('([^']*?)'\),[\s\n\t]*url\(([^']*?)\)[\s\n\t]*format\('woff'\); +@import './fonts/mono'; +@import './fonts/sans'; + +@include exports('css--font-face') { + @if not variable-exists('css--font-face') or $css--font-face == true { + @include carbon--font-face-mono(); + @include carbon--font-face-sans(); + @if not variable-exists('css--plex') or $css--plex == false { + @warn 'Usage of Helvetica font in `carbon-components` has been removed. IBM Plex will be emitted instead'; + } + } +} + +@import "carbon-components/scss/globals/scss/_css--helpers"; +@import "carbon-components/scss/globals/scss/_css--body"; +// @import "carbon-components/scss/globals/grid/grid"; + +// Optionally include components that you need +@import 'carbon-components/scss/components/button/button'; +@import 'carbon-components/scss/components/radio-button/radio-button'; +@import 'carbon-components/scss/components/checkbox/checkbox'; +@import 'carbon-components/scss/components/toggle/toggle'; +@import 'carbon-components/scss/components/select/select'; +@import 'carbon-components/scss/components/slider/slider'; +@import 'carbon-components/scss/components/tile/tile'; +@import 'carbon-components/scss/components/ui-shell/ui-shell'; + +// @import "carbon-components/scss/globals/scss/styles"; diff --git a/src/components/App.svelte b/src/components/App.svelte index 3e799ab..f1e9286 100755 --- a/src/components/App.svelte +++ b/src/components/App.svelte @@ -1,6 +1,7 @@ + +
- - - - -
0}> - {#if files.length > 0} - Import Mbtiles : {files[0]} - {/if} -
-
-
- - horizontal_distribute - -
- {#if !currentMbTiles} - {$_('drop_open_mbtiles')} - {/if} -
-
-
-
- +
+ + + + + + + +

{$_('settings')}

+ +
+
+
+
+ +
+ + addPrimaryMBTiles()} + on:remove_source={(event) => removeDataSource('main', event.detail)} + bind:wantPopup + bind:wantTileBounds + bind:popupOnClick={mainPopupOnClick} + bind:showBackgroundLayer={mainShowBackgroundLayer} + /> + + +
+ +
0}> + {#if files.length > 0} +

Import Mbtiles : {files[0]}

+ {/if} +
+
+ + {#if !hasSources} +

{$_('drop_open_mbtiles')}

+ {/if} +
+
+
+
+
+ + {#if secondaryMap} + removeDataSource('secondary', event.detail)} + mbtiles={secondarySources} + map={secondaryMap} + bind:wantPopup + bind:wantTileBounds + bind:popupOnClick={secondaryPopupOnClick} + bind:showBackgroundLayer={secondaryShowBackgroundLayer} + /> + {/if} + + + + +
+ +
+ + {/each} + +
diff --git a/src/fonts/IBMPlexMono-Bold.woff2 b/src/fonts/IBMPlexMono-Bold.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..9821ed3c340f58ddbbfacf1919147c061ecf97fa GIT binary patch literal 40688 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