npm - carbon-react - Versions diffs - 162.11.0 → 162.12.0-beta.1 - Mend

carbon-react 162.11.0 → 162.12.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2922) hide show

package/lib/components/tokens-wrapper/__internal__/static-tokens/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default='\n --global-borderwidth-none: 0;\n --global-borderwidth-xs: 1px;\n --global-borderwidth-s: 2px;\n --global-borderwidth-m: 3px;\n --global-borderwidth-l: 4px;\n --global-borderwidth-xl: 6px;\n --global-borderwidth-xxl: 8px;\n --global-breakpoint-xs: 320px;\n --global-breakpoint-s: 600px;\n --global-breakpoint-m: 960px;\n --global-breakpoint-l: 1260px;\n --global-breakpoint-xl: 1600px;\n --global-breakpoint-xxl: 1920px;\n --global-font-fluid-heading-s: 500 clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)/1.25 var(--global-font-families-heading);\n --global-font-fluid-heading-m: 700 clamp(1.2811rem, 1.2155rem + 0.3279vw, 1.4778rem)/1.25 var(--global-font-families-heading);\n --global-font-fluid-heading-l: 700 clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem)/1.25 var(--global-font-families-heading);\n --global-font-fluid-subheading-m: 500 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.25 var(--global-font-families-subheading);\n --global-font-fluid-subheading-l: 500 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.25 var(--global-font-families-subheading);\n --global-font-fluid-section-heading-s: 700 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.25 var(--global-font-families-subheading);\n --global-font-fluid-section-heading-m: 700 clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)/1.25 var(--global-font-families-subheading);\n --global-font-fluid-body-regular-s: 400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-body);\n --global-font-fluid-body-regular-m: 400 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.5 var(--global-font-families-body);\n --global-font-fluid-body-regular-l: 400 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.5 var(--global-font-families-body);\n --global-font-fluid-body-medium-s: 500 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-body);\n --global-font-fluid-body-medium-m: 500 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.5 var(--global-font-families-body);\n --global-font-fluid-body-medium-l: 500 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.5 var(--global-font-families-body);\n --global-font-fluid-comp-medium-xs: 500 clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-medium-s: 500 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-medium-m: 500 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-medium-l: 500 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-regular-xs: 400 clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-regular-s: 400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-regular-m: 400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-regular-l: 400 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-icon-s: 20px var(--global-font-families-sage-icons);\n --global-font-fluid-comp-icon-m: 20px var(--global-font-families-sage-icons);\n --global-font-fluid-comp-icon-l: 20px var(--global-font-families-sage-icons);\n --global-font-fluid-comp-lined-regular-s: 400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-lined-regular-m: 400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-lined-regular-l: 400 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-lined-medium-s: 500 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-lined-medium-m: 500 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-lined-medium-l: 500 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-placeholder-xs: 500 clamp(0.6733rem, 0.7398rem + -0.0831vw, 0.7231rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-placeholder-s: 500 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-placeholder-m: 500 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-placeholder-ml: 500 clamp(1.2811rem, 1.2155rem + 0.3279vw, 1.4778rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-placeholder-l: 500 clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-placeholder-xl: 500 clamp(1.8756rem, 1.6688rem + 1.034vw, 2.496rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-placeholder-xxl: 500 clamp(2.2695rem, 1.9448rem + 1.6238vw, 3.2438rem)/1.5 var(--global-font-families-component);\n --global-font-static-heading-s: 500 21px/1.25 var(--global-font-families-heading);\n --global-font-static-heading-m: 700 24px/1.25 var(--global-font-families-heading);\n --global-font-static-heading-l: 700 30px/1.25 var(--global-font-families-heading);\n --global-font-static-subheading-m: 500 16px/1.25 var(--global-font-families-subheading);\n --global-font-static-subheading-l: 500 18px/1.25 var(--global-font-families-subheading);\n --global-font-static-section-heading-s: 700 16px/1.25 var(--global-font-families-subheading);\n --global-font-static-section-heading-m: 700 21px/1.25 var(--global-font-families-subheading);\n --global-font-static-body-regular-s: 400 14px/1.5 var(--global-font-families-body);\n --global-font-static-body-regular-m: 400 14px/1.5 var(--global-font-families-body);\n --global-font-static-body-regular-l: 400 16px/1.5 var(--global-font-families-body);\n --global-font-static-body-medium-s: 500 14px/1.5 var(--global-font-families-body);\n --global-font-static-body-medium-m: 500 14px/1.5 var(--global-font-families-body);\n --global-font-static-body-medium-l: 500 16px/1.5 var(--global-font-families-body);\n --global-font-static-comp-medium-xs: 500 13px/1.5 var(--global-font-families-component);\n --global-font-static-comp-medium-s: 500 14px/1.5 var(--global-font-families-component);\n --global-font-static-comp-medium-m: 500 14px/1.5 var(--global-font-families-component);\n --global-font-static-comp-medium-l: 500 16px/1.5 var(--global-font-families-component);\n --global-font-static-comp-regular-xs: 400 13px/1.5 var(--global-font-families-component);\n --global-font-static-comp-regular-s: 400 14px/1.5 var(--global-font-families-component);\n --global-font-static-comp-regular-m: 400 14px/1.5 var(--global-font-families-component);\n --global-font-static-comp-regular-l: 400 16px/1.5 var(--global-font-families-component);\n --global-font-static-comp-icon-s: 20px var(--global-font-families-sage-icons);\n --global-font-static-comp-icon-m: 20px var(--global-font-families-sage-icons);\n --global-font-static-comp-icon-l: 20px var(--global-font-families-sage-icons);\n --global-font-static-comp-lined-regular-s: 400 14px/1.5 var(--global-font-families-component);\n --global-font-static-comp-lined-regular-m: 400 14px/1.5 var(--global-font-families-component);\n --global-font-static-comp-lined-regular-l: 400 16px/1.5 var(--global-font-families-component);\n --global-font-static-comp-lined-medium-s: 500 14px/1.5 var(--global-font-families-component);\n --global-font-static-comp-lined-medium-m: 500 14px/1.5 var(--global-font-families-component);\n --global-font-static-comp-lined-medium-l: 500 16px/1.5 var(--global-font-families-component);\n --global-font-static-comp-placeholder-xs: 500 12px/1.5 var(--global-font-families-component);\n --global-font-static-comp-placeholder-s: 500 14px/1.5 var(--global-font-families-component);\n --global-font-static-comp-placeholder-m: 500 18px/1.5 var(--global-font-families-component);\n --global-font-static-comp-placeholder-ml: 500 24px/1.5 var(--global-font-families-component);\n --global-font-static-comp-placeholder-l: 500 30px/1.5 var(--global-font-families-component);\n --global-font-static-comp-placeholder-xl: 500 40px/1.5 var(--global-font-families-component);\n --global-font-static-comp-placeholder-xxl: 500 52px/1.5 var(--global-font-families-component);\n --global-font-families-heading: Sage UI;\n --global-font-families-subheading: Sage UI;\n --global-font-families-body: Sage UI;\n --global-font-families-component: Sage UI;\n --global-font-families-sage-icons: sage-icons;\n --global-font-families-other: Open Sans;\n --global-modifier-button-active: 0.30;\n --global-modifier-button-active-alt: 0.15;\n --global-modifier-button-hover: 0.15;\n --global-modifier-button-hover-alt: 0.10;\n --global-modifier-input-disabled-fg: 0.3;\n --global-modifier-input-disabled-bg: 0.03;\n --global-radius-none: 0;\n --global-radius-scale: 1;\n --global-radius-container-3-xs: calc(1px * var(--global-radius-scale));\n --global-radius-container-2-xs: calc(2px * var(--global-radius-scale));\n --global-radius-container-xs: calc(4px * var(--global-radius-scale));\n --global-radius-container-s: calc(6px * var(--global-radius-scale));\n --global-radius-container-m: calc(8px * var(--global-radius-scale));\n --global-radius-container-l: calc(16px * var(--global-radius-scale));\n --global-radius-container-xl: calc(24px * var(--global-radius-scale));\n --global-radius-container-2-xl: calc(32px * var(--global-radius-scale));\n --global-radius-container-3-xl: calc(40px * var(--global-radius-scale));\n --global-radius-container-4-xl: calc(80px * var(--global-radius-scale));\n --global-radius-container-circle: 999px;\n --global-radius-action-2-xs: calc(1px * var(--global-radius-scale));\n --global-radius-action-xs: calc(2px * var(--global-radius-scale));\n --global-radius-action-s: calc(4px * var(--global-radius-scale));\n --global-radius-action-m: calc(8px * var(--global-radius-scale));\n --global-radius-action-l: calc(16px * var(--global-radius-scale));\n --global-radius-action-xl: calc(20px * var(--global-radius-scale));\n --global-radius-action-2-xl: calc(24px * var(--global-radius-scale));\n --global-radius-action-circle: 999px;\n --global-depth-none: 0 0 0 0 rgba(0,0,0,0);\n --global-depth-lvl0: 0 0 1px 1px var(--mode-color-generic-depth-faint), 1px 2px 2px 0 var(--mode-color-generic-depth-soft);\n --global-depth-lvl1: 0 1px 2px 0 var(--mode-color-generic-depth-faint), 2px 2px 10px 0 var(--mode-color-generic-depth-soft);\n --global-depth-lvl2: 0 2px 3px 0 var(--mode-color-generic-depth-faint), 6px 6px 30px 0 var(--mode-color-generic-depth-delicate);\n --global-depth-lvl3: 0 3px 4px 0 var(--mode-color-generic-depth-faint), 10px 10px 60px 0 var(--mode-color-generic-depth-faint);\n --global-depth-sticky-b: 0 -1px 2px 0 var(--mode-color-generic-depth-faint), 2px -2px 10px 0 var(--mode-color-generic-depth-soft);\n --global-depth-sticky-l: 2px 0 2px 0 var(--mode-color-generic-depth-faint), 5px 0 5px 0 var(--mode-color-generic-depth-faint);\n --global-depth-sticky-r: -2px 0 2px 0 var(--mode-color-generic-depth-faint), -5px 0 5px 0 var(--mode-color-generic-depth-faint);\n --global-depth-sticky-t: inset 0 8px 4px -4px var(--mode-color-generic-depth-faint);\n --global-size-none: 0px;\n --global-size-6-xs: 2px;\n --global-size-5-xs: 4px;\n --global-size-4-xs: 8px;\n --global-size-3-xs: 16px;\n --global-size-2-xs: 20px;\n --global-size-xs: 24px;\n --global-size-s: 32px;\n --global-size-m: 40px;\n --global-size-l: 48px;\n --global-size-xl: 56px;\n --global-size-2-xl: 64px;\n --global-size-3-xl: 72px;\n --global-size-4-xl: 80px;\n --global-space-none: 0px;\n --global-space-layout-3-xs: 8px;\n --global-space-layout-2-xs: 16px;\n --global-space-layout-xs: 24px;\n --global-space-layout-s: 32px;\n --global-space-layout-m: 40px;\n --global-space-layout-l: 48px;\n --global-space-layout-xl: 56px;\n --global-space-layout-2-xl: 64px;\n --global-space-layout-3-xl: 72px;\n --global-space-layout-4-xl: 80px;\n --global-space-comp-2-xs: 2px;\n --global-space-comp-xs: 4px;\n --global-space-comp-s: 8px;\n --global-space-comp-m: 12px;\n --global-space-comp-l: 16px;\n --global-space-comp-xl: 24px;\n --global-space-comp-2-xl: 32px;\n --mode-color-none: #fff0;\n --mode-color-ai-stop-1: #13a038;\n --mode-color-ai-stop-2: #149197;\n --mode-color-ai-stop-3: #a87cfb;\n --mode-color-ai-alt-stop-1: #00d639;\n --mode-color-ai-alt-stop-2: #00d6de;\n --mode-color-ai-alt-stop-3: #9d60ff;\n --mode-color-brand-default: #000000;\n --mode-color-brand-default-alt: #000000;\n --mode-color-brand-with-default-alt: #FFFFFF;\n --mode-color-brand-inverse-default: #00d639;\n --mode-color-brand-inverse-default-alt: #FFFFFF;\n --mode-color-brand-inverse-with-default-alt: #000000;\n --mode-color-brand-copilot-default: #000000;\n --mode-color-brand-copilot-monochrome: #000000;\n --mode-color-brand-copilot-with-default: #00d639;\n --mode-color-brand-copilot-inverse-default: #FFFFFF;\n --mode-color-brand-copilot-inverse-monochrome: #FFFFFF;\n --mode-color-brand-copilot-inverse-with-default: #00d639;\n --mode-color-colorcode-blue-intense: #00528f;\n --mode-color-colorcode-blue-harsh: #0071c3;\n --mode-color-colorcode-blue-soft: #008ef4;\n --mode-color-colorcode-blue-faint: #e4eeff;\n --mode-color-colorcode-teal-intense: #005A59;\n --mode-color-colorcode-teal-harsh: #007C7B;\n --mode-color-colorcode-teal-soft: #009B99;\n --mode-color-colorcode-teal-faint: #C8F5F5;\n --mode-color-colorcode-green-intense: #005e14;\n --mode-color-colorcode-green-harsh: #00811F;\n --mode-color-colorcode-green-soft: #1BA12B;\n --mode-color-colorcode-green-faint: #D1F6D6;\n --mode-color-colorcode-lime-intense: #475600;\n --mode-color-colorcode-lime-harsh: #627600;\n --mode-color-colorcode-lime-soft: #7d9428;\n --mode-color-colorcode-lime-faint: #e8f1d4;\n --mode-color-colorcode-orange-intense: #952a00;\n --mode-color-colorcode-orange-harsh: #d64309;\n --mode-color-colorcode-orange-soft: #e5631c;\n --mode-color-colorcode-orange-faint: #ffeaca;\n --mode-color-colorcode-red-intense: #a30037;\n --mode-color-colorcode-red-harsh: #db004e;\n --mode-color-colorcode-red-soft: #ff3e6a;\n --mode-color-colorcode-red-faint: #ffe8ea;\n --mode-color-colorcode-pink-intense: #921a6e;\n --mode-color-colorcode-pink-harsh: #c72699;\n --mode-color-colorcode-pink-soft: #E84DB5;\n --mode-color-colorcode-pink-faint: #fee8f5;\n --mode-color-colorcode-purple-intense: #6a32a6;\n --mode-color-colorcode-purple-harsh: #8f4bd7;\n --mode-color-colorcode-purple-soft: #a375dd;\n --mode-color-colorcode-purple-faint: #F3EBFE;\n --mode-color-colorcode-slate-intense: #304658;\n --mode-color-colorcode-slate-harsh: #5e6f7d;\n --mode-color-colorcode-slate-soft: #8c98a2;\n --mode-color-colorcode-slate-faint: #e4eff5;\n --mode-color-colorcode-gray-intense: #505050;\n --mode-color-colorcode-gray-harsh: #6f6f6f;\n --mode-color-colorcode-gray-soft: #8b8b8b;\n --mode-color-colorcode-gray-faint: #eeeeee;\n --mode-color-colorcode-yellow-intense: #885e00;\n --mode-color-colorcode-yellow-harsh: #9f7000;\n --mode-color-colorcode-yellow-soft: #ffca35;\n --mode-color-colorcode-yellow-faint: #ffedb8;\n --mode-color-generic-bg-nought: #FFFFFF;\n --mode-color-generic-bg-faint: #f4f5f6;\n --mode-color-generic-bg-delicate: #e8eaec;\n --mode-color-generic-bg-soft: #dde0e3;\n --mode-color-generic-bg-inverse-nought: #000000;\n --mode-color-generic-bg-inverse-faint: #ffffff0d;\n --mode-color-generic-bg-inverse-delicate: #ffffff1a;\n --mode-color-generic-bg-inverse-soft: #ffffff26;\n --mode-color-generic-depth-faint: #0000001a;\n --mode-color-generic-depth-delicate: #00000026;\n --mode-color-generic-depth-soft: #0003;\n --mode-color-generic-txt-extreme: #000000;\n --mode-color-generic-txt-severe: #000000f2;\n --mode-color-generic-txt-moderate: #000000a6;\n --mode-color-generic-txt-soft: #0000008c;\n --mode-color-generic-txt-delicate: #0000006b;\n --mode-color-generic-txt-inverse-extreme: #FFFFFF;\n --mode-color-generic-txt-inverse-severe: #fffffff2;\n --mode-color-generic-txt-inverse-moderate: #ffffffab;\n --mode-color-generic-txt-inverse-soft: #ffffff8c;\n --mode-color-generic-txt-inverse-delicate: #ffffff6b;\n --mode-color-generic-fg-nought: #FFFFFF;\n --mode-color-generic-fg-soft: #a3adb5;\n --mode-color-generic-fg-moderate: #8c98a2;\n --mode-color-generic-fg-firm: #75838f;\n --mode-color-generic-fg-inverse-nought: #000000;\n --mode-color-generic-fg-inverse-soft: #505050;\n --mode-color-generic-fg-inverse-moderate: #616161;\n --mode-color-generic-fg-inverse-firm: #6f6f6f;\n --mode-color-generic-surface-nought: #FFFFFF;\n --mode-color-generic-surface-trace: #f4f5f6;\n --mode-color-generic-surface-faint: #e8eaec;\n --mode-color-generic-surface-harsh: #475a6a;\n --mode-color-generic-surface-severe: #304658;\n --mode-color-generic-surface-acute: #253b4e;\n --mode-color-action-ai-grad-active: linear-gradient(90deg, #13a03826 0%, #14919726 40%, #a87cfb26 90%);\n --mode-color-action-ai-grad-hover: linear-gradient(90deg, #13a03814 0%, #14919714 40%, #a87cfb14 90%);\n --mode-color-action-ai-grad-default: linear-gradient(90deg, #13a038 0%, #149197 40%, #a87cfb 90%);\n --mode-color-action-ai-active-stop-1: #13a03826;\n --mode-color-action-ai-active-stop-2: #14919726;\n --mode-color-action-ai-active-stop-3: #a87cfb26;\n --mode-color-action-ai-hover-stop-1: #13a03814;\n --mode-color-action-ai-hover-stop-2: #14919714;\n --mode-color-action-ai-hover-stop-3: #a87cfb14;\n --mode-color-action-danger-active: #a30037;\n --mode-color-action-danger-default: #db004e;\n --mode-color-action-danger-default-alt: #c40044;\n --mode-color-action-danger-hover: #c40044;\n --mode-color-action-danger-hover-alt: #db004e26;\n --mode-color-action-danger-hover-alt2: #a30037;\n --mode-color-action-danger-with-active: #FFFFFF;\n --mode-color-action-danger-with-default: #FFFFFF;\n --mode-color-action-danger-inverse-active: #ff728d;\n --mode-color-action-danger-inverse-default: #f50059;\n --mode-color-action-danger-inverse-default-alt: #ff3e6a;\n --mode-color-action-danger-inverse-hover: #ff3e6a;\n --mode-color-action-danger-inverse-hover-alt: #f5005926;\n --mode-color-action-danger-inverse-hover-alt2: #ff728d;\n --mode-color-action-danger-inverse-with-active: #000000;\n --mode-color-action-danger-inverse-with-default: #000000;\n --mode-color-action-data-entry-default: #FFFFFF;\n --mode-color-action-data-entry-with-active: #000000;\n --mode-color-action-data-entry-with-active-alt: #FFFFFF;\n --mode-color-action-data-entry-with-hover: #000000;\n --mode-color-action-data-entry-hover-alt: #f4f5f6;\n --mode-color-action-data-entry-with-default: #75838f;\n --mode-color-action-data-entry-default-alt: #e8eaec;\n --mode-color-action-data-entry-txt: #000000f2;\n --mode-color-action-data-entry-txt-alt: #0000008c;\n --mode-color-action-data-entry-inverse-default: #000000;\n --mode-color-action-data-entry-inverse-with-default: #a3adb5;\n --mode-color-action-data-entry-inverse-txt: #fffffff2;\n --mode-color-action-data-entry-inverse-txt-alt: #ffffff8c;\n --mode-color-action-focus-default: #000000;\n --mode-color-action-focus-txt: #000000;\n --mode-color-action-focus-with-default: #FFB500;\n --mode-color-action-focus-with-default-alt: #ffd274;\n --mode-color-action-focus-inverse-default: #FFB500;\n --mode-color-action-focus-inverse-txt: #FFFFFF;\n --mode-color-action-focus-inverse-with-default: #000000;\n --mode-color-action-focus-inverse-with-default-alt: #885e00;\n --mode-color-action-inactive-default: #0000004d;\n --mode-color-action-inactive-mask: #0006;\n --mode-color-action-inactive-default-alt: #00000008;\n --mode-color-action-inactive-txt: #0000006b;\n --mode-color-action-inactive-txt-alt: #FFFFFF;\n --mode-color-action-inactive-icon: #0000006b;\n --mode-color-action-inactive-icon-alt: #0000008c;\n --mode-color-action-inactive-inverse-default: #ffffff4d;\n --mode-color-action-inactive-inverse-txt: #ffffff6b;\n --mode-color-action-inactive-inverse-txt-alt: #000000;\n --mode-color-action-grayscale-active: #000000;\n --mode-color-action-grayscale-active-alt: #00000026;\n --mode-color-action-grayscale-default: #000000eb;\n --mode-color-action-grayscale-default-alt: #000000ab;\n --mode-color-action-grayscale-hover-alt: #0000001a;\n --mode-color-action-grayscale-hover: #00000026;\n --mode-color-action-grayscale-with-active: #FFFFFF;\n --mode-color-action-grayscale-with-active-alt: #000000;\n --mode-color-action-grayscale-with-default: #FFFFFF;\n --mode-color-action-grayscale-with-hover: #000000;\n --mode-color-action-grayscale-inverse-active: #FFFFFF;\n --mode-color-action-grayscale-inverse-active-alt: #ffffff26;\n --mode-color-action-grayscale-inverse-default: #ffffffeb;\n --mode-color-action-grayscale-inverse-default-alt: #ffffffab;\n --mode-color-action-grayscale-inverse-hover-alt: #ffffff1a;\n --mode-color-action-grayscale-inverse-hover: #ffffff26;\n --mode-color-action-grayscale-inverse-with-active: #000000;\n --mode-color-action-grayscale-inverse-with-active-alt: #FFFFFF;\n --mode-color-action-grayscale-inverse-with-default: #000000;\n --mode-color-action-grayscale-inverse-with-hover: #FFFFFF;\n --mode-color-action-nav-active: #005e14;\n --mode-color-action-nav-default: #FFFFFF;\n --mode-color-action-nav-default-alt: #f4f5f6;\n --mode-color-action-nav-child: #FFFFFF;\n --mode-color-action-nav-child-alt: #e8eaec;\n --mode-color-action-nav-hover: #007219;\n --mode-color-action-nav-with-active: #FFFFFF;\n --mode-color-action-nav-with-default: #000000f2;\n --mode-color-action-nav-with-hover: #FFFFFF;\n --mode-color-action-nav-inverse-active: #005e14;\n --mode-color-action-nav-inverse-default: #000000;\n --mode-color-action-nav-inverse-default-alt: #252525;\n --mode-color-action-nav-inverse-child: #505050;\n --mode-color-action-nav-inverse-child-alt: #616161;\n --mode-color-action-nav-inverse-hover: #007219;\n --mode-color-action-nav-inverse-with-active: #FFFFFF;\n --mode-color-action-nav-inverse-with-default: #fffffff2;\n --mode-color-action-nav-inverse-with-default-alt: #fffc;\n --mode-color-action-nav-inverse-with-hover: #FFFFFF;\n --mode-color-action-main-active: #005e14;\n --mode-color-action-main-active-alt: #00811f4d;\n --mode-color-action-main-default: #00811f;\n --mode-color-action-main-default-alt: #00811fcc;\n --mode-color-action-main-default-alt2: #007219;\n --mode-color-action-main-default-alt3: #00811f08;\n --mode-color-action-main-hover: #007219;\n --mode-color-action-main-hover-alt: #00811f26;\n --mode-color-action-main-hover-alt2: #005e14;\n --mode-color-action-main-with-active: #FFFFFF;\n --mode-color-action-main-with-default: #FFFFFF;\n --mode-color-action-main-with-hover: #FFFFFF;\n --mode-color-action-main-inverse-active: #8fff98;\n --mode-color-action-main-inverse-active-alt: #00f1424d;\n --mode-color-action-main-inverse-default: #00f142;\n --mode-color-action-main-inverse-default-alt: #00f142cc;\n --mode-color-action-main-inverse-default-alt2: #46fb5e;\n --mode-color-action-main-inverse-default-alt3: #00f14208;\n --mode-color-action-main-inverse-hover: #46fb5e;\n --mode-color-action-main-inverse-hover-alt: #00f14226;\n --mode-color-action-main-inverse-hover-alt2: #8fff98;\n --mode-color-action-main-inverse-with-active: #000000;\n --mode-color-action-main-inverse-with-default: #000000;\n --mode-color-action-main-inverse-with-hover: #000000;\n --mode-color-status-ai-default: #FFFFFF;\n --mode-color-status-ai-default-alt: #000000;\n --mode-color-status-ai-with-default-alt: #00000080;\n --mode-color-status-ai-default-horizontal: linear-gradient(90deg, #13a038 0%, #149197 40%, #a87cfb 90%);\n --mode-color-status-ai-default-vertical: linear-gradient(180deg, #13a038 0%, #149197 40%, #a87cfb 90%);\n --mode-color-status-ai-inverse-default-horizontal: linear-gradient(90deg, #00d639 0%, #00d6de 40%, #9d60ff 90%);\n --mode-color-status-ai-inverse-default-vertical: linear-gradient(180deg, #00d639 0%, #00d6de 40%, #9d60ff 90%);\n --mode-color-status-callout-default-alt: #e0ffe2;\n --mode-color-status-callout-hover-alt: #b7ffbd;\n --mode-color-status-skeleton-stop-1: #75838f;\n --mode-color-status-skeleton-stop-2: #d1d6da;\n --mode-color-status-warning-default: #d64309;\n --mode-color-status-warning-default-alt: #fff7eb;\n --mode-color-status-warning-with-default-alt: #d6430980;\n --mode-color-status-warning-hover: #b33400;\n --mode-color-status-warning-hover-alt: #ffeaca;\n --mode-color-status-warning-txt: #b33400;\n --mode-color-status-warning-inverse-default: #e24300;\n --mode-color-status-warning-inverse-default-alt: #1d0300;\n --mode-color-status-warning-inverse-hover: #e5631c;\n --mode-color-status-warning-inverse-hover-alt: #360900;\n --mode-color-status-warning-inverse-txt: #e5631c;\n --mode-color-status-txt-with-default: #FFFFFF;\n --mode-color-status-txt-with-default-alt: #000000f2;\n --mode-color-status-txt-with-hover: #FFFFFF;\n --mode-color-status-txt-with-hover-alt: #000000;\n --mode-color-status-txt-loading: #747474;\n --mode-color-status-txt-inverse-with-default: #000000;\n --mode-color-status-txt-inverse-with-default-alt: #FFFFFF;\n --mode-color-status-txt-inverse-with-hover: #000000;\n --mode-color-status-txt-inverse-with-hover-alt: #FFFFFF;\n --mode-color-status-custom-blue-default: #0071c3;\n --mode-color-status-custom-blue-default-alt: #f5f8ff;\n --mode-color-status-custom-blue-hover: #0063ad;\n --mode-color-status-custom-blue-hover-alt: #e4eeff;\n --mode-color-status-custom-teal-default: #007C7B;\n --mode-color-status-custom-teal-default-alt: #E8FCFC;\n --mode-color-status-custom-teal-hover: #006D6C;\n --mode-color-status-custom-teal-hover-alt: #C8F5F5;\n --mode-color-status-custom-green-default: #00811F;\n --mode-color-status-custom-green-default-alt: #EEFCEF;\n --mode-color-status-custom-green-hover: #007219;\n --mode-color-status-custom-green-hover-alt: #D1F6D6;\n --mode-color-status-custom-lime-default: #627600;\n --mode-color-status-custom-lime-default-alt: #f6f9f0;\n --mode-color-status-custom-lime-hover: #576900;\n --mode-color-status-custom-lime-hover-alt: #e8f1d4;\n --mode-color-status-custom-orange-default: #d64309;\n --mode-color-status-custom-orange-default-alt: #fff7eb;\n --mode-color-status-custom-orange-hover: #b33400;\n --mode-color-status-custom-orange-hover-alt: #ffeaca;\n --mode-color-status-custom-orange-txt: #b33400;\n --mode-color-status-custom-red-default: #db004e;\n --mode-color-status-custom-red-default-alt: #fff5f6;\n --mode-color-status-custom-red-hover: #c40044;\n --mode-color-status-custom-red-hover-alt: #ffe8ea;\n --mode-color-status-custom-pink-default: #c72699;\n --mode-color-status-custom-pink-default-alt: #fff5fa;\n --mode-color-status-custom-pink-hover: #b02086;\n --mode-color-status-custom-pink-hover-alt: #fee8f5;\n --mode-color-status-custom-purple-default: #8f4bd7;\n --mode-color-status-custom-purple-default-alt: #f9f6ff;\n --mode-color-status-custom-purple-hover: #803ec5;\n --mode-color-status-custom-purple-hover-alt: #F3EBFE;\n --mode-color-status-custom-gray-default: #6f6f6f;\n --mode-color-status-custom-gray-default-alt: #f8f8f8;\n --mode-color-status-custom-gray-hover: #616161;\n --mode-color-status-custom-gray-hover-alt: #eeeeee;\n --mode-color-status-custom-slate-default: #536574;\n --mode-color-status-custom-slate-default-alt: #f4f5f6;\n --mode-color-status-custom-slate-hover: #475a6a;\n --mode-color-status-custom-slate-hover-alt: #e8eaec;\n --mode-color-status-priority-default: #8f4bd7;\n --mode-color-status-priority-default-alt: #f9f6ff;\n --mode-color-status-priority-hover: #803ec5;\n --mode-color-status-priority-hover-alt: #F3EBFE;\n --mode-color-status-priority-inverse-default: #9463d7;\n --mode-color-status-priority-inverse-default-alt: #10041f;\n --mode-color-status-priority-inverse-hover: #a375dd;\n --mode-color-status-priority-inverse-hover-alt: #220c3a;\n --mode-color-status-inactive-default: #75838f;\n --mode-color-status-inactive-with-default: #0000008c;\n --mode-color-status-inactive-inverse-default: #6f6f6f;\n --mode-color-status-inactive-inverse-with-default: #ffffff8c;\n --mode-color-status-info-default: #0071c3;\n --mode-color-status-info-default-alt: #f5f8ff;\n --mode-color-status-info-with-default-alt: #0071c380;\n --mode-color-status-info-hover: #0063ad;\n --mode-color-status-info-hover-alt: #e4eeff;\n --mode-color-status-info-inverse-default: #007fd9;\n --mode-color-status-info-inverse-default-alt: #000b1c;\n --mode-color-status-info-inverse-hover: #008ef4;\n --mode-color-status-info-inverse-hover-alt: #001932;\n --mode-color-status-negative-default: #db004e;\n --mode-color-status-negative-default-alt: #fff5f6;\n --mode-color-status-negative-hover: #c40044;\n --mode-color-status-negative-hover-alt: #ffe8ea;\n --mode-color-status-negative-inverse-default: #f50059;\n --mode-color-status-negative-inverse-default-alt: #1e0005;\n --mode-color-status-negative-inverse-hover: #ff3e6a;\n --mode-color-status-negative-inverse-hover-alt: #3c000f;\n --mode-color-status-neutral-default: #6f6f6f;\n --mode-color-status-neutral-default-alt: #f8f8f8;\n --mode-color-status-neutral-hover: #616161;\n --mode-color-status-neutral-hover-alt: #eeeeee;\n --mode-color-status-neutral-inverse-default: #7c7c7c;\n --mode-color-status-neutral-inverse-default-alt: #0b0b0b;\n --mode-color-status-neutral-inverse-hover: #8b8b8b;\n --mode-color-status-neutral-inverse-hover-alt: #181818;\n --mode-color-status-positive-default: #00811F;\n --mode-color-status-positive-default-alt: #EEFCEF;\n --mode-color-status-positive-with-default-alt: #00811f80;\n --mode-color-status-positive-hover: #007219;\n --mode-color-status-positive-hover-alt: #D1F6D6;\n --mode-color-status-positive-inverse-default: #019127;\n --mode-color-status-positive-inverse-default-alt: #001001;\n --mode-color-status-positive-inverse-hover: #007219;\n --mode-color-status-positive-inverse-hover-alt: #001f03;\n --badge-none: var(--mode-color-none);\n --badge-bg-default: var(--mode-color-status-negative-default);\n --badge-border-default: var(--mode-color-generic-bg-nought);\n --badge-bg-alt: var(--mode-color-status-info-default);\n --badge-label-default: var(--mode-color-generic-txt-inverse-extreme);\n --badge-label-alt: var(--mode-color-generic-txt-inverse-extreme);\n --badge-inverse-bg-default: var(--mode-color-status-negative-inverse-default);\n --badge-inverse-border-default: var(--mode-color-generic-bg-inverse-nought);\n --badge-inverse-bg-alt: var(--mode-color-status-info-inverse-default);\n --badge-inverse-label-default: var(--mode-color-generic-txt-extreme);\n --badge-inverse-label-alt: var(--mode-color-generic-txt-extreme);\n --button-none: var(--mode-color-none);\n --button-ai-bg-active: var(--mode-color-action-ai-grad-active);\n --button-ai-bg-hover: var(--mode-color-action-ai-grad-hover);\n --button-ai-border-active: linear-gradient(90deg, var(--mode-color-ai-stop-1) 0%, var(--mode-color-ai-stop-2) 40%, var(--mode-color-ai-stop-3) 90%);\n --button-ai-border-disabled: var(--mode-color-action-inactive-default);\n --button-ai-border-default: linear-gradient(90deg, var(--mode-color-ai-stop-1) 0%, var(--mode-color-ai-stop-2) 40%, var(--mode-color-ai-stop-3) 90%);\n --button-ai-border-hover: linear-gradient(90deg, var(--mode-color-ai-stop-1) 0%, var(--mode-color-ai-stop-2) 40%, var(--mode-color-ai-stop-3) 90%);\n --button-ai-label-active: var(--mode-color-action-grayscale-with-active-alt);\n --button-ai-label-disabled: var(--mode-color-action-inactive-txt);\n --button-ai-label-default: var(--mode-color-action-grayscale-default);\n --button-ai-label-hover: var(--mode-color-action-grayscale-with-hover);\n --button-destructive-primary-bg-disabled: var(--mode-color-action-inactive-default);\n --button-destructive-primary-bg-default: var(--mode-color-action-danger-default);\n --button-destructive-primary-bg-hover: var(--mode-color-action-danger-hover);\n --button-destructive-primary-label-disabled: var(--mode-color-action-inactive-txt-alt);\n --button-destructive-primary-label-default: var(--mode-color-action-danger-with-default);\n --button-destructive-primary-label-hover: var(--mode-color-action-danger-with-default);\n --button-destructive-secondary-bg-hover: var(--mode-color-action-danger-hover-alt);\n --button-destructive-secondary-border-disabled: var(--mode-color-action-inactive-default);\n --button-destructive-secondary-border-default: var(--mode-color-action-danger-default);\n --button-destructive-secondary-border-hover: var(--mode-color-action-danger-hover);\n --button-destructive-secondary-label-disabled: var(--mode-color-action-inactive-txt);\n --button-destructive-secondary-label-default: var(--mode-color-action-danger-default);\n --button-destructive-secondary-label-hover: var(--mode-color-action-danger-hover);\n --button-typical-primary-bg-active: var(--mode-color-action-main-active);\n --button-typical-primary-border-default: var(--mode-color-action-main-with-default);\n --button-typical-primary-bg-disabled: var(--mode-color-action-inactive-default);\n --button-typical-primary-bg-default: var(--mode-color-action-main-default);\n --button-typical-primary-bg-hover: var(--mode-color-action-main-hover);\n --button-typical-primary-label-active: var(--mode-color-action-main-with-active);\n --button-typical-primary-label-disabled: var(--mode-color-action-inactive-txt-alt);\n --button-typical-primary-label-default: var(--mode-color-action-main-with-default);\n --button-typical-primary-label-hover: var(--mode-color-action-main-with-hover);\n --button-typical-primary-inverse-bg-active: var(--mode-color-action-main-inverse-active);\n --button-typical-primary-inverse-border-default: var(--mode-color-action-main-inverse-with-default);\n --button-typical-primary-inverse-bg-disabled: var(--mode-color-action-inactive-inverse-default);\n --button-typical-primary-inverse-bg-default: var(--mode-color-action-main-inverse-default);\n --button-typical-primary-inverse-bg-hover: var(--mode-color-action-main-inverse-hover);\n --button-typical-primary-inverse-label-active: var(--mode-color-action-main-inverse-with-active);\n --button-typical-primary-inverse-label-disabled: var(--mode-color-action-inactive-inverse-txt-alt);\n --button-typical-primary-inverse-label-default: var(--mode-color-action-main-inverse-with-default);\n --button-typical-primary-inverse-label-hover: var(--mode-color-action-main-inverse-with-hover);\n --button-typical-secondary-bg-active: var(--mode-color-action-main-active-alt);\n --button-typical-secondary-bg-default: var(--mode-color-action-main-default-alt3);\n --button-typical-secondary-bg-hover: var(--mode-color-action-main-hover-alt);\n --button-typical-secondary-border-active: var(--mode-color-action-main-active);\n --button-typical-secondary-border-disabled: var(--mode-color-action-inactive-default);\n --button-typical-secondary-border-default: var(--mode-color-action-main-default-alt);\n --button-typical-secondary-border-hover: var(--mode-color-action-main-hover);\n --button-typical-secondary-label-active: var(--mode-color-action-grayscale-with-active-alt);\n --button-typical-secondary-label-disabled: var(--mode-color-action-inactive-txt);\n --button-typical-secondary-label-default: var(--mode-color-action-grayscale-default);\n --button-typical-secondary-label-hover: var(--mode-color-action-grayscale-with-hover);\n --button-typical-secondary-inverse-bg-active: var(--mode-color-action-main-inverse-active-alt);\n --button-typical-secondary-inverse-bg-default: var(--mode-color-action-main-inverse-default-alt3);\n --button-typical-secondary-inverse-bg-hover: var(--mode-color-action-main-inverse-hover-alt);\n --button-typical-secondary-inverse-border-active: var(--mode-color-action-main-inverse-active);\n --button-typical-secondary-inverse-border-disabled: var(--mode-color-action-inactive-inverse-default);\n --button-typical-secondary-inverse-border-default: var(--mode-color-action-main-inverse-default-alt);\n --button-typical-secondary-inverse-border-hover: var(--mode-color-action-main-inverse-hover);\n --button-typical-secondary-inverse-label-active: var(--mode-color-action-grayscale-inverse-with-active-alt);\n --button-typical-secondary-inverse-label-disabled: var(--mode-color-action-inactive-inverse-txt);\n --button-typical-secondary-inverse-label-default: var(--mode-color-action-grayscale-inverse-default);\n --button-typical-secondary-inverse-label-hover: var(--mode-color-action-grayscale-inverse-with-hover);\n --button-typical-tertiary-bg-active: var(--mode-color-action-main-active-alt);\n --button-typical-tertiary-bg-default: var(--button-none);\n --button-typical-tertiary-bg-hover: var(--mode-color-action-main-hover-alt);\n --button-typical-tertiary-border-active: var(--mode-color-action-main-active);\n --button-typical-tertiary-border-disabled: var(--mode-color-action-inactive-default);\n --button-typical-tertiary-border-default: var(--mode-color-action-main-default-alt);\n --button-typical-tertiary-border-hover: var(--mode-color-action-main-hover);\n --button-typical-tertiary-label-active: var(--mode-color-action-grayscale-with-active-alt);\n --button-typical-tertiary-label-disabled: var(--mode-color-action-inactive-txt);\n --button-typical-tertiary-label-default: var(--mode-color-action-grayscale-default);\n --button-typical-tertiary-label-hover: var(--mode-color-action-grayscale-with-hover);\n --button-typical-tertiary-inverse-bg-active: var(--mode-color-action-main-inverse-active-alt);\n --button-typical-tertiary-inverse-bg-default: var(--button-none);\n --button-typical-tertiary-inverse-bg-hover: var(--mode-color-action-main-inverse-hover-alt);\n --button-typical-tertiary-inverse-border-active: var(--mode-color-action-main-inverse-active);\n --button-typical-tertiary-inverse-border-disabled: var(--mode-color-action-inactive-inverse-default);\n --button-typical-tertiary-inverse-border-default: var(--mode-color-action-main-inverse-default-alt);\n --button-typical-tertiary-inverse-border-hover: var(--mode-color-action-main-inverse-hover);\n --button-typical-tertiary-inverse-label-active: var(--mode-color-action-grayscale-inverse-with-active-alt);\n --button-typical-tertiary-inverse-label-disabled: var(--mode-color-action-inactive-inverse-txt);\n --button-typical-tertiary-inverse-label-default: var(--mode-color-action-grayscale-inverse-default);\n --button-typical-tertiary-inverse-label-hover: var(--mode-color-action-grayscale-inverse-with-hover);\n --button-typical-subtle-bg-active: var(--mode-color-action-grayscale-active-alt);\n --button-typical-subtle-bg-hover: var(--mode-color-generic-bg-delicate);\n --button-typical-subtle-label-active: var(--mode-color-action-grayscale-with-active-alt);\n --button-typical-subtle-label-disabled: var(--mode-color-action-inactive-txt);\n --button-typical-subtle-label-default: var(--mode-color-action-grayscale-default);\n --button-typical-subtle-label-hover: var(--mode-color-action-grayscale-with-hover);\n --button-typical-subtle-inverse-bg-active: var(--mode-color-action-grayscale-inverse-active-alt);\n --button-typical-subtle-inverse-bg-hover: var(--mode-color-action-grayscale-inverse-hover-alt);\n --button-typical-subtle-inverse-label-active: var(--mode-color-action-grayscale-inverse-with-active-alt);\n --button-typical-subtle-inverse-label-disabled: var(--mode-color-action-inactive-inverse-txt);\n --button-typical-subtle-inverse-label-default: var(--mode-color-action-grayscale-inverse-default);\n --button-typical-subtle-inverse-label-hover: var(--mode-color-action-grayscale-inverse-with-hover);\n --button-typical-toggle-bg-active-disabled: var(--mode-color-action-inactive-default);\n --button-typical-toggle-label-active-disabled: var(--mode-color-action-inactive-txt-alt);\n --button-typical-toggle-bg-active: var(--mode-color-action-grayscale-active);\n --button-typical-toggle-bg-default: var(--mode-color-action-grayscale-with-default);\n --button-typical-toggle-bg-hover: var(--mode-color-generic-bg-delicate);\n --button-typical-toggle-border-default: var(--mode-color-action-grayscale-default);\n --button-typical-toggle-border-disabled: var(--mode-color-action-inactive-default);\n --button-typical-toggle-label-active: var(--mode-color-action-grayscale-with-active);\n --button-typical-toggle-label-disabled: var(--mode-color-action-inactive-txt);\n --button-typical-toggle-label-default: var(--mode-color-action-grayscale-default-alt);\n --button-typical-toggle-label-hover: var(--mode-color-action-grayscale-with-hover);\n --button-video-bg-blur: var(--mode-color-action-grayscale-hover-alt);\n --button-video-primary-bg-default: var(--mode-color-action-grayscale-with-default);\n --button-video-primary-bg-hover: var(--mode-color-action-grayscale-with-default);\n --button-video-primary-label-default: var(--mode-color-action-grayscale-default);\n --button-video-primary-label-hover: var(--mode-color-action-grayscale-default);\n --button-video-secondary-bg-hover: var(--mode-color-action-grayscale-with-default);\n --button-video-secondary-border-default: var(--mode-color-action-grayscale-with-default);\n --button-video-secondary-border-hover: var(--mode-color-action-grayscale-with-default);\n --button-video-secondary-label-default: var(--mode-color-action-grayscale-with-default);\n --button-video-secondary-label-hover: var(--mode-color-action-grayscale-default);\n --container-action-bg-footer-activated: var(--mode-color-status-positive-default);\n --container-action-bg-footer-active: var(--mode-color-action-grayscale-active);\n --container-action-border-activated: var(--mode-color-status-positive-default);\n --container-action-bg-footer-default: var(--mode-color-generic-surface-nought);\n --container-action-bg-default: var(--mode-color-generic-surface-nought);\n --container-action-bg-disabled: var(--mode-color-action-inactive-default-alt);\n --container-action-bg-hover: var(--mode-color-generic-bg-delicate);\n --container-action-border-active: var(--mode-color-action-grayscale-active);\n --container-action-border-alt: var(--mode-color-generic-fg-moderate);\n --container-action-borderalt-hover: var(--mode-color-action-grayscale-default);\n --container-action-border-inactive: var(--mode-color-generic-fg-firm);\n --container-action-border-default: var(--mode-color-generic-fg-firm);\n --container-action-icon-active: var(--mode-color-action-grayscale-active);\n --container-action-icon-default: var(--mode-color-action-grayscale-default);\n --container-action-icon-alt-default: var(--mode-color-action-grayscale-default-alt);\n --container-action-icon-hover: var(--mode-color-action-grayscale-default);\n --container-action-label-footer-active: var(--mode-color-action-grayscale-with-active);\n --container-action-label-footer-activated: var(--mode-color-action-grayscale-with-active);\n --container-action-txt-active: var(--mode-color-action-grayscale-active);\n --container-action-txt-disabled: var(--mode-color-action-inactive-txt);\n --container-action-txt-default: var(--mode-color-generic-txt-severe);\n --container-action-txt-alt-default: var(--mode-color-generic-txt-moderate);\n --container-action-txt-hover: var(--mode-color-action-grayscale-default);\n --container-action-detailedicon-bg: var(--mode-color-status-custom-green-default);\n --container-action-target-bg-default: var(--mode-color-status-info-default);\n --container-scrollbar-bg-default: var(--mode-color-generic-bg-faint);\n --container-scrollbar-fg-default: var(--mode-color-generic-fg-firm);\n --container-scrollbar-inverse-bg-default: var(--mode-color-generic-bg-inverse-soft);\n --container-scrollbar-inverse-fg-default: var(--mode-color-generic-fg-inverse-firm);\n --container-standard-bg-alt: var(--mode-color-generic-surface-trace);\n --container-standard-bg-default: var(--mode-color-generic-surface-nought);\n --container-standard-bg-footer-default: var(--mode-color-generic-surface-trace);\n --container-standard-border-active: var(--mode-color-action-grayscale-active);\n --container-standard-border-ai-h: var(--mode-color-status-ai-inverse-default-horizontal);\n --container-standard-border-ai-v: var(--mode-color-status-ai-inverse-default-vertical);\n --container-standard-border-alt: var(--mode-color-generic-fg-firm);\n --container-standard-border-default: var(--mode-color-generic-fg-soft);\n --container-standard-dimmer: var(--mode-color-action-inactive-mask);\n --container-standard-txt-alt: var(--mode-color-generic-txt-moderate);\n --container-standard-txt-default: var(--mode-color-generic-txt-severe);\n --container-standard-icon: var(--mode-color-generic-txt-severe);\n --container-standard-inverse-bg-alt: var(--mode-color-generic-bg-inverse-delicate);\n --container-standard-inverse-border-alt: var(--mode-color-generic-fg-inverse-firm);\n --container-standard-inverse-bg-default: var(--mode-color-generic-bg-inverse-nought);\n --container-standard-inverse-border-default: var(--mode-color-generic-fg-inverse-soft);\n --container-standard-inverse-txt-alt: var(--mode-color-generic-txt-inverse-moderate);\n --container-standard-inverse-txt-default: var(--mode-color-generic-txt-inverse-severe);\n --container-standard-inverse-icon: var(--mode-color-generic-txt-inverse-severe);\n --container-standard-priority-bg-ai: var(--mode-color-status-ai-inverse-default-vertical);\n --container-standard-priority-bg-caution: var(--mode-color-status-warning-default);\n --container-standard-priority-bg-negative: var(--mode-color-status-negative-default);\n --container-standard-priority-bg-prio: var(--mode-color-status-priority-default);\n --container-standard-priority-bg-info: var(--mode-color-status-info-default);\n --container-standard-priority-bg-neutral: var(--mode-color-status-neutral-default);\n --container-standard-priority-bg-positive: var(--mode-color-status-positive-default);\n --container-standard-priority-inverse-bg-ai: var(--mode-color-status-ai-inverse-default-vertical);\n --container-standard-priority-inverse-bg-caution: var(--mode-color-status-warning-inverse-default);\n --container-standard-priority-inverse-bg-negative: var(--mode-color-status-negative-inverse-default);\n --container-standard-priority-inverse-bg-prio: var(--mode-color-status-priority-inverse-default);\n --container-standard-priority-inverse-bg-info: var(--mode-color-status-info-inverse-default);\n --container-standard-priority-inverse-bg-neutral: var(--mode-color-status-neutral-inverse-default);\n --container-standard-priority-inverse-bg-positive: var(--mode-color-status-positive-inverse-default);\n --container-quote-border: var(--mode-color-action-main-default);\n --container-size-dialog-maxwidth-s: 540px;\n --container-size-dialog-maxwidth-m: 850px;\n --container-size-dialog-maxwidth-l: 1080px;\n --container-size-fluid-items-2-xs: 80px;\n --container-size-fluid-items-xs: 128px;\n --container-size-fluid-items-s: 160px;\n --container-size-fluid-items-m: 200px;\n --container-size-fluid-items-l: 240px;\n --container-size-fluid-items-xl: 288px;\n --container-size-fluid-items-2-xl: 320px;\n --container-size-fluid-items-3-xl: 560px;\n --container-size-fluid-items-4-xl: 760px;\n --container-size-layout-maxwidth-s: 720px;\n --container-size-layout-maxwidth-m: 1200px;\n --container-size-layout-maxwidth-l: 1520px;\n --container-size-layout-maxwidth-xl: 1840px;\n --container-draggable-ghost: 0.5;\n --focus-bg: var(--mode-color-action-focus-with-default-alt);\n --focus-borderalt: var(--mode-color-action-focus-default);\n --focus-border: var(--mode-color-action-focus-with-default);\n --focus-label: var(--mode-color-action-focus-txt);\n --focus-inverse-bg: var(--mode-color-action-focus-inverse-with-default-alt);\n --focus-inverse-borderalt: var(--mode-color-action-focus-inverse-default);\n --focus-inverse-border: var(--mode-color-action-focus-inverse-with-default);\n --focus-inverse-label: var(--mode-color-action-focus-inverse-txt);\n --focus-shadow-default: 0 0 0 2px var(--focus-borderalt), 0 0 0 4px var(--focus-border);\n --focus-shadow-inset: inset 0 0 0 2px var(--focus-border), inset 0 0 0 4px var(--focus-borderalt);\n --focus-shadow-inverse-default: 0 0 0 2px var(--focus-inverse-borderalt), 0 0 0 4px var(--focus-inverse-border);\n --focus-shadow-inverse-inset: inset 0 0 0 2px var(--focus-inverse-border), inset 0 0 0 4px var(--focus-inverse-borderalt);\n --dataviz-chart-bar-fuchsia-bg-alt: var(--mode-color-colorcode-pink-faint);\n --dataviz-chart-bar-fuchsia-bg-default: var(--mode-color-colorcode-pink-intense);\n --dataviz-chart-bar-fuchsia-border: var(--mode-color-colorcode-pink-intense);\n --dataviz-chart-bar-fuchsia-pattern: var(--mode-color-colorcode-pink-intense);\n --dataviz-chart-bar-red-bg-alt: var(--mode-color-colorcode-red-faint);\n --dataviz-chart-bar-red-bg-default: var(--mode-color-colorcode-red-intense);\n --dataviz-chart-bar-red-border: var(--mode-color-colorcode-red-intense);\n --dataviz-chart-bar-red-pattern: var(--mode-color-colorcode-red-intense);\n --dataviz-chart-bar-pink-bg-alt: var(--mode-color-colorcode-red-faint);\n --dataviz-chart-bar-pink-bg-default: var(--mode-color-colorcode-red-soft);\n --dataviz-chart-bar-pink-border: var(--mode-color-colorcode-red-soft);\n --dataviz-chart-bar-pink-pattern: var(--mode-color-colorcode-red-soft);\n --dataviz-chart-bar-orange-bg-alt: var(--mode-color-colorcode-orange-faint);\n --dataviz-chart-bar-orange-bg-default: var(--mode-color-colorcode-orange-harsh);\n --dataviz-chart-bar-orange-border: var(--mode-color-colorcode-orange-harsh);\n --dataviz-chart-bar-orange-pattern: var(--mode-color-colorcode-orange-harsh);\n --dataviz-chart-bar-gold-bg-alt: var(--mode-color-colorcode-yellow-faint);\n --dataviz-chart-bar-gold-bg-default: var(--mode-color-colorcode-yellow-soft);\n --dataviz-chart-bar-gold-border: var(--mode-color-colorcode-yellow-harsh);\n --dataviz-chart-bar-gold-pattern: var(--mode-color-colorcode-yellow-harsh);\n --dataviz-chart-bar-lime-bg-alt: var(--mode-color-colorcode-lime-faint);\n --dataviz-chart-bar-lime-bg-default: var(--mode-color-colorcode-lime-harsh);\n --dataviz-chart-bar-lime-border: var(--mode-color-colorcode-lime-harsh);\n --dataviz-chart-bar-lime-pattern: var(--mode-color-colorcode-lime-harsh);\n --dataviz-chart-bar-green-bg-alt: var(--mode-color-colorcode-green-faint);\n --dataviz-chart-bar-green-bg-default: var(--mode-color-colorcode-green-harsh);\n --dataviz-chart-bar-green-border: var(--mode-color-colorcode-green-harsh);\n --dataviz-chart-bar-green-pattern: var(--mode-color-colorcode-green-harsh);\n --dataviz-chart-bar-teal-bg-alt: var(--mode-color-colorcode-teal-faint);\n --dataviz-chart-bar-teal-bg-default: var(--mode-color-colorcode-teal-soft);\n --dataviz-chart-bar-teal-border: var(--mode-color-colorcode-teal-soft);\n --dataviz-chart-bar-teal-pattern: var(--mode-color-colorcode-teal-soft);\n --dataviz-chart-bar-blue-bg-alt: var(--mode-color-colorcode-blue-faint);\n --dataviz-chart-bar-blue-bg-default: var(--mode-color-colorcode-blue-soft);\n --dataviz-chart-bar-blue-border: var(--mode-color-colorcode-blue-soft);\n --dataviz-chart-bar-blue-pattern: var(--mode-color-colorcode-blue-soft);\n --dataviz-chart-bar-navy-bg-alt: var(--mode-color-colorcode-blue-faint);\n --dataviz-chart-bar-navy-bg-default: var(--mode-color-colorcode-blue-intense);\n --dataviz-chart-bar-navy-border: var(--mode-color-colorcode-blue-intense);\n --dataviz-chart-bar-navy-pattern: var(--mode-color-colorcode-blue-intense);\n --dataviz-chart-bar-purple-bg-alt: var(--mode-color-colorcode-purple-faint);\n --dataviz-chart-bar-purple-bg-default: var(--mode-color-colorcode-purple-intense);\n --dataviz-chart-bar-purple-border: var(--mode-color-colorcode-purple-intense);\n --dataviz-chart-bar-purple-pattern: var(--mode-color-colorcode-purple-intense);\n --dataviz-chart-bar-slate-bg-alt: var(--mode-color-colorcode-slate-faint);\n --dataviz-chart-bar-slate-bg-default: var(--mode-color-colorcode-slate-intense);\n --dataviz-chart-bar-slate-border: var(--mode-color-colorcode-slate-intense);\n --dataviz-chart-bar-slate-pattern: var(--mode-color-colorcode-slate-intense);\n --dataviz-chart-donut-fuchsia-bg-alt: var(--mode-color-colorcode-pink-faint);\n --dataviz-chart-donut-fuchsia-bg-default: var(--mode-color-colorcode-pink-intense);\n --dataviz-chart-donut-fuchsia-border: var(--mode-color-colorcode-pink-intense);\n --dataviz-chart-donut-fuchsia-pattern: var(--mode-color-colorcode-pink-intense);\n --dataviz-chart-donut-red-bg-alt: var(--mode-color-colorcode-red-faint);\n --dataviz-chart-donut-red-bg-default: var(--mode-color-colorcode-red-intense);\n --dataviz-chart-donut-red-border: var(--mode-color-colorcode-red-intense);\n --dataviz-chart-donut-red-pattern: var(--mode-color-colorcode-red-intense);\n --dataviz-chart-donut-pink-bg-alt: var(--mode-color-colorcode-red-faint);\n --dataviz-chart-donut-pink-bg-default: var(--mode-color-colorcode-red-soft);\n --dataviz-chart-donut-pink-border: var(--mode-color-colorcode-red-soft);\n --dataviz-chart-donut-pink-pattern: var(--mode-color-colorcode-red-soft);\n --dataviz-chart-donut-orange-bg-alt: var(--mode-color-colorcode-orange-faint);\n --dataviz-chart-donut-orange-bg-default: var(--mode-color-colorcode-orange-harsh);\n --dataviz-chart-donut-orange-border: var(--mode-color-colorcode-orange-harsh);\n --dataviz-chart-donut-orange-pattern: var(--mode-color-colorcode-orange-harsh);\n --dataviz-chart-donut-gold-bg-alt: var(--mode-color-colorcode-yellow-faint);\n --dataviz-chart-donut-gold-bg-default: var(--mode-color-colorcode-yellow-soft);\n --dataviz-chart-donut-gold-border: var(--mode-color-colorcode-yellow-harsh);\n --dataviz-chart-donut-gold-pattern: var(--mode-color-colorcode-yellow-harsh);\n --dataviz-chart-donut-lime-bg-alt: var(--mode-color-colorcode-lime-faint);\n --dataviz-chart-donut-lime-bg-default: var(--mode-color-colorcode-lime-harsh);\n --dataviz-chart-donut-lime-border: var(--mode-color-colorcode-lime-harsh);\n --dataviz-chart-donut-lime-pattern: var(--mode-color-colorcode-lime-harsh);\n --dataviz-chart-donut-green-bg-alt: var(--mode-color-colorcode-green-faint);\n --dataviz-chart-donut-green-bg-default: var(--mode-color-colorcode-green-harsh);\n --dataviz-chart-donut-green-border: var(--mode-color-colorcode-green-harsh);\n --dataviz-chart-donut-green-pattern: var(--mode-color-colorcode-green-harsh);\n --dataviz-chart-donut-teal-bg-alt: var(--mode-color-colorcode-teal-faint);\n --dataviz-chart-donut-teal-bg-default: var(--mode-color-colorcode-teal-soft);\n --dataviz-chart-donut-teal-border: var(--mode-color-colorcode-teal-soft);\n --dataviz-chart-donut-teal-pattern: var(--mode-color-colorcode-teal-soft);\n --dataviz-chart-donut-blue-bg-alt: var(--mode-color-colorcode-blue-faint);\n --dataviz-chart-donut-blue-bg-default: var(--mode-color-colorcode-blue-soft);\n --dataviz-chart-donut-blue-border: var(--mode-color-colorcode-blue-soft);\n --dataviz-chart-donut-blue-pattern: var(--mode-color-colorcode-blue-soft);\n --dataviz-chart-donut-navy-bg-alt: var(--mode-color-colorcode-blue-faint);\n --dataviz-chart-donut-navy-bg-default: var(--mode-color-colorcode-blue-intense);\n --dataviz-chart-donut-navy-border: var(--mode-color-colorcode-blue-intense);\n --dataviz-chart-donut-navy-pattern: var(--mode-color-colorcode-blue-intense);\n --dataviz-chart-donut-purple-bg-alt: var(--mode-color-colorcode-purple-faint);\n --dataviz-chart-donut-purple-bg-default: var(--mode-color-colorcode-purple-intense);\n --dataviz-chart-donut-purple-border: var(--mode-color-colorcode-purple-intense);\n --dataviz-chart-donut-purple-pattern: var(--mode-color-colorcode-purple-intense);\n --dataviz-chart-donut-slate-bg-alt: var(--mode-color-colorcode-slate-faint);\n --dataviz-chart-donut-slate-bg-default: var(--mode-color-colorcode-slate-intense);\n --dataviz-chart-donut-slate-border: var(--mode-color-colorcode-slate-intense);\n --dataviz-chart-donut-slate-pattern: var(--mode-color-colorcode-slate-intense);\n --dataviz-chart-line-fuchsia: var(--mode-color-colorcode-pink-intense);\n --dataviz-chart-line-red: var(--mode-color-colorcode-red-intense);\n --dataviz-chart-line-pink: var(--mode-color-colorcode-red-soft);\n --dataviz-chart-line-orange: var(--mode-color-colorcode-orange-harsh);\n --dataviz-chart-line-gold: var(--mode-color-colorcode-yellow-harsh);\n --dataviz-chart-line-lime: var(--mode-color-colorcode-lime-harsh);\n --dataviz-chart-line-green: var(--mode-color-colorcode-green-harsh);\n --dataviz-chart-line-teal: var(--mode-color-colorcode-teal-soft);\n --dataviz-chart-line-blue: var(--mode-color-colorcode-blue-soft);\n --dataviz-chart-line-navy: var(--mode-color-colorcode-blue-intense);\n --dataviz-chart-line-purple: var(--mode-color-colorcode-purple-intense);\n --dataviz-chart-line-slate: var(--mode-color-colorcode-slate-intense);\n --dataviz-generic-label-alt: var(--mode-color-generic-txt-inverse-extreme);\n --dataviz-generic-label-default: var(--mode-color-generic-txt-extreme);\n --dataviz-generic-pending-bg-default: var(--mode-color-generic-bg-nought);\n --dataviz-generic-blue-bg-alt: var(--mode-color-colorcode-blue-harsh);\n --dataviz-generic-blue-bg-default: var(--mode-color-colorcode-blue-faint);\n --dataviz-generic-blue-border: var(--mode-color-colorcode-blue-harsh);\n --dataviz-generic-blue-pattern: var(--mode-color-colorcode-blue-harsh);\n --dataviz-generic-teal-bg-alt: var(--mode-color-colorcode-teal-harsh);\n --dataviz-generic-teal-bg-default: var(--mode-color-colorcode-teal-faint);\n --dataviz-generic-teal-border: var(--mode-color-colorcode-teal-harsh);\n --dataviz-generic-teal-pattern: var(--mode-color-colorcode-teal-harsh);\n --dataviz-generic-green-bg-alt: var(--mode-color-colorcode-green-harsh);\n --dataviz-generic-green-bg-default: var(--mode-color-colorcode-green-faint);\n --dataviz-generic-green-border: var(--mode-color-colorcode-green-harsh);\n --dataviz-generic-green-pattern: var(--mode-color-colorcode-green-harsh);\n --dataviz-generic-lime-bg-alt: var(--mode-color-colorcode-lime-harsh);\n --dataviz-generic-lime-bg-default: var(--mode-color-colorcode-lime-faint);\n --dataviz-generic-lime-border: var(--mode-color-colorcode-lime-harsh);\n --dataviz-generic-lime-pattern: var(--mode-color-colorcode-lime-harsh);\n --dataviz-generic-orange-bg-alt: var(--mode-color-colorcode-orange-harsh);\n --dataviz-generic-orange-bg-default: var(--mode-color-colorcode-orange-faint);\n --dataviz-generic-orange-border: var(--mode-color-colorcode-orange-harsh);\n --dataviz-generic-orange-pattern: var(--mode-color-colorcode-orange-harsh);\n --dataviz-generic-red-bg-alt: var(--mode-color-colorcode-red-harsh);\n --dataviz-generic-red-bg-default: var(--mode-color-colorcode-red-faint);\n --dataviz-generic-red-border: var(--mode-color-colorcode-red-harsh);\n --dataviz-generic-red-pattern: var(--mode-color-colorcode-red-harsh);\n --dataviz-generic-pink-bg-alt: var(--mode-color-colorcode-pink-harsh);\n --dataviz-generic-pink-bg-default: var(--mode-color-colorcode-pink-faint);\n --dataviz-generic-pink-border: var(--mode-color-colorcode-pink-harsh);\n --dataviz-generic-pink-pattern: var(--mode-color-colorcode-pink-harsh);\n --dataviz-generic-purple-bg-alt: var(--mode-color-colorcode-purple-harsh);\n --dataviz-generic-purple-bg-default: var(--mode-color-colorcode-purple-faint);\n --dataviz-generic-purple-border: var(--mode-color-colorcode-purple-harsh);\n --dataviz-generic-purple-pattern: var(--mode-color-colorcode-purple-harsh);\n --dataviz-generic-gray-bg-alt: var(--mode-color-colorcode-gray-harsh);\n --dataviz-generic-gray-bg-default: var(--mode-color-colorcode-gray-faint);\n --dataviz-generic-gray-border: var(--mode-color-colorcode-gray-harsh);\n --dataviz-generic-gray-pattern: var(--mode-color-colorcode-gray-harsh);\n --dataviz-generic-slate-bg-alt: var(--mode-color-colorcode-slate-harsh);\n --dataviz-generic-slate-bg-default: var(--mode-color-colorcode-slate-faint);\n --dataviz-generic-slate-border: var(--mode-color-colorcode-slate-harsh);\n --dataviz-generic-slate-pattern: var(--mode-color-colorcode-slate-harsh);\n --input-calendar-bg-active: var(--mode-color-action-grayscale-active);\n --input-calendar-bg-disabled: var(--mode-color-action-inactive-default-alt);\n --input-calendar-bg-duration: var(--mode-color-action-data-entry-hover-alt);\n --input-calendar-bg-hover: var(--mode-color-action-data-entry-hover-alt);\n --input-calendar-border-duration: var(--mode-color-action-grayscale-active);\n --input-calendar-txt-active: var(--mode-color-action-grayscale-with-active);\n --input-calendar-txt-alt: var(--mode-color-action-data-entry-txt-alt);\n --input-calendar-txt-disabled: var(--mode-color-action-inactive-txt);\n --input-calendar-txt-duration: var(--mode-color-action-data-entry-txt);\n --input-calendar-txt-default: var(--mode-color-action-data-entry-txt);\n --input-calendar-txt-hover: var(--mode-color-action-grayscale-with-hover);\n --input-calendar-txt-alt-default: var(--mode-color-action-data-entry-txt-alt);\n --input-dropdown-bg-hover: var(--mode-color-action-data-entry-hover-alt);\n --input-dropdown-label-active: var(--mode-color-action-grayscale-with-active);\n --input-dropdown-label-alt: var(--mode-color-action-data-entry-txt);\n --input-dropdown-label-disabled: var(--mode-color-action-inactive-txt);\n --input-dropdown-label-default: var(--mode-color-action-data-entry-txt-alt);\n --input-dropdown-label-hover: var(--mode-color-action-grayscale-with-hover);\n --input-dropdown-label-subtxt: var(--mode-color-action-data-entry-txt-alt);\n --input-labelset-label-required: var(--mode-color-action-danger-default);\n --input-labelset-label-default: var(--mode-color-action-data-entry-txt);\n --input-labelset-label-alt: var(--mode-color-action-data-entry-txt-alt);\n --input-labelset-label-disabled: var(--mode-color-action-inactive-txt);\n --input-labelset-label-read-only: var(--mode-color-action-data-entry-txt);\n --input-labelset-inverse-label-required: var(--mode-color-action-danger-inverse-default);\n --input-labelset-inverse-label-default: var(--mode-color-action-data-entry-inverse-txt);\n --input-labelset-inverse-label-alt: var(--mode-color-action-data-entry-inverse-txt-alt);\n --input-typical-bg-alt: var(--mode-color-action-data-entry-default-alt);\n --input-typical-bg-disabled: var(--mode-color-action-inactive-default-alt);\n --input-typical-bg-default: var(--mode-color-action-data-entry-default);\n --input-typical-bg-hover: var(--mode-color-action-data-entry-hover-alt);\n --input-typical-bg-read-only: var(--mode-color-action-inactive-default-alt);\n --input-typical-border-alt: var(--mode-color-action-inactive-default);\n --input-typical-border-default: var(--mode-color-action-data-entry-with-default);\n --input-typical-border-disabled: var(--mode-color-action-inactive-default);\n --input-typical-border-hover: var(--mode-color-action-data-entry-with-hover);\n --input-typical-border-read-only: var(--mode-color-action-inactive-default);\n --input-typical-icon-active: var(--mode-color-action-data-entry-with-active);\n --input-typical-icon-default: var(--mode-color-action-data-entry-txt);\n --input-typical-icon-disabled: var(--mode-color-action-inactive-icon);\n --input-typical-icon-hover: var(--mode-color-action-data-entry-with-hover);\n --input-typical-icon-read-only: var(--mode-color-action-inactive-icon-alt);\n --input-typical-icon-alt-active: var(--mode-color-action-data-entry-with-active-alt);\n --input-typical-txt-active: var(--mode-color-action-data-entry-txt);\n --input-typical-txt-alt: var(--mode-color-action-data-entry-txt-alt);\n --input-typical-txt-default: var(--mode-color-action-data-entry-txt);\n --input-typical-txt-disabled: var(--mode-color-action-inactive-txt);\n --input-typical-txt-hover: var(--mode-color-action-data-entry-with-hover);\n --input-typical-txt-read-only: var(--mode-color-generic-txt-severe);\n --input-typical-inverse-bg-default: var(--mode-color-action-data-entry-inverse-default);\n --input-typical-inverse-border-default: var(--mode-color-action-data-entry-inverse-with-default);\n --input-typical-inverse-txt-default: var(--mode-color-action-data-entry-inverse-txt);\n --input-quickpick-bg-default: var(--mode-color-action-data-entry-default);\n --input-quickpick-bg-hover: var(--mode-color-action-data-entry-hover-alt);\n --input-quickpick-bg-active: var(--mode-color-action-grayscale-active-alt);\n --input-quickpick-border-default: var(--mode-color-generic-bg-soft);\n --input-quickpick-border-hover: var(--mode-color-action-data-entry-with-default);\n --input-quickpick-icon-active: var(--mode-color-action-data-entry-with-active);\n --input-quickpick-icon-default: var(--mode-color-generic-txt-soft);\n --input-quickpick-icon-hover: var(--mode-color-action-data-entry-with-hover);\n --input-quickpick-txt-active: var(--mode-color-action-data-entry-with-active);\n --input-quickpick-txt-default: var(--mode-color-action-data-entry-txt);\n --input-quickpick-txt-hover: var(--mode-color-action-data-entry-with-hover);\n --input-switch-bg-active: var(--mode-color-action-grayscale-active);\n --input-switch-bg-activate-disabled: var(--mode-color-action-inactive-default);\n --input-switch-bg-disabled: var(--mode-color-action-inactive-default-alt);\n --input-switch-bg-default: var(--mode-color-action-data-entry-default);\n --input-switch-border-active: transparent;\n --input-switch-border-active-disabled: transparent;\n --input-switch-border-disabled: var(--mode-color-action-inactive-default);\n --input-switch-border-default: var(--mode-color-action-data-entry-with-default);\n --input-switch-fg-active: var(--mode-color-action-grayscale-with-active);\n --input-switch-fg-activate-disabled: var(--mode-color-action-inactive-txt-alt);\n --input-switch-fg-disabled: var(--mode-color-action-inactive-default);\n --input-switch-fg-default: var(--mode-color-action-data-entry-with-default);\n --input-switch-label-active: var(--mode-color-action-data-entry-txt);\n --input-switch-label-activate-disabled: var(--mode-color-action-inactive-default);\n --input-switch-label-disabled: var(--mode-color-action-inactive-default);\n --input-switch-label-default: var(--mode-color-action-data-entry-txt-alt);\n --input-validation-border-error: var(--mode-color-status-negative-default);\n --input-validation-bar-error: var(--mode-color-status-negative-default);\n --input-validation-bar-warn: var(--mode-color-status-warning-default);\n --input-validation-label-error: var(--mode-color-status-negative-default);\n --input-validation-label-success: var(--mode-color-status-positive-default);\n --input-validation-label-warn: var(--mode-color-status-warning-txt);\n --input-validation-inverse-border-error: var(--mode-color-status-negative-inverse-default);\n --input-validation-inverse-bar-error: var(--mode-color-status-negative-inverse-default);\n --input-validation-inverse-label-error: var(--mode-color-status-negative-inverse-default);\n --logo-sage-bg-default: var(--mode-color-brand-default);\n --logo-sage-bg-alt: var(--mode-color-brand-default-alt);\n --logo-sage-inverse-bg-default: var(--mode-color-brand-inverse-default);\n --logo-sage-inverse-bg-alt: var(--mode-color-brand-inverse-default-alt);\n --logo-copilot-no-bg-fg-default: var(--mode-color-brand-copilot-monochrome);\n --logo-ai-sparkle-bg-dot: var(--mode-color-brand-copilot-with-default);\n --logo-ai-sparkle-bg-star: var(--mode-color-brand-copilot-default);\n --logo-ai-sparkle-outline: var(--mode-color-brand-copilot-default);\n --logo-ai-sparkle-inverse-bg-dot: var(--mode-color-brand-copilot-inverse-with-default);\n --logo-ai-sparkle-inverse-bg-star: var(--mode-color-brand-copilot-inverse-default);\n --logo-ai-sparkle-inverse-outline: var(--mode-color-brand-copilot-inverse-default);\n --link-destructive-label-default: var(--mode-color-action-danger-default-alt);\n --link-destructive-label-hover: var(--mode-color-action-danger-hover-alt2);\n --link-destructive-inverse-label-default: var(--mode-color-action-danger-inverse-default-alt);\n --link-destructive-inverse-label-hover: var(--mode-color-action-danger-inverse-hover-alt2);\n --link-typical-label-default: var(--mode-color-action-main-default-alt2);\n --link-typical-label-hover: var(--mode-color-action-main-hover-alt2);\n --link-typical-inverse-label-default: var(--mode-color-action-main-inverse-default-alt2);\n --link-typical-inverse-label-hover: var(--mode-color-action-main-inverse-hover-alt2);\n --link-subtle-label-default: var(--mode-color-action-grayscale-default);\n --link-subtle-label-hover: var(--mode-color-action-grayscale-active);\n --link-subtle-inverse-label-default: var(--mode-color-action-grayscale-inverse-default);\n --link-subtle-inverse-label-hover: var(--mode-color-action-grayscale-inverse-active);\n --message-none: var(--mode-color-none);\n --message-contextual-bg: var(--mode-color-generic-bg-nought);\n --message-contextual-icon: #ffffff;\n --message-contextual-icon-alt: var(--mode-color-status-neutral-default);\n --message-contextual-txt: var(--mode-color-status-txt-with-hover-alt);\n --message-contextual-ai-bg-default: var(--mode-color-status-ai-default-alt);\n --message-contextual-ai-bg-alt: var(--mode-color-status-neutral-default-alt);\n --message-contextual-ai-border-default: var(--mode-color-status-ai-default-alt);\n --message-contextual-ai-border-alt: var(--mode-color-status-ai-with-default-alt);\n --message-contextual-callout-bg-alt: var(--mode-color-status-callout-default-alt);\n --message-contextual-callout-icon: var(--mode-color-status-txt-with-default-alt);\n --message-contextual-error-bg-default: var(--mode-color-status-negative-default);\n --message-contextual-error-bg-alt: var(--mode-color-status-negative-default-alt);\n --message-contextual-error-border-default: var(--mode-color-status-negative-default);\n --message-contextual-error-icon: var(--mode-color-status-negative-default);\n --message-contextual-info-bg-default: var(--mode-color-status-info-default);\n --message-contextual-info-bg-alt: var(--mode-color-status-info-default-alt);\n --message-contextual-info-border-default: var(--mode-color-status-info-default);\n --message-contextual-info-border-alt: var(--mode-color-status-info-with-default-alt);\n --message-contextual-info-icon: var(--mode-color-status-info-default);\n --message-contextual-success-bg-default: var(--mode-color-status-positive-default);\n --message-contextual-success-bg-alt: var(--mode-color-status-positive-default-alt);\n --message-contextual-success-border-default: var(--mode-color-status-positive-default);\n --message-contextual-success-border-alt: var(--mode-color-status-positive-with-default-alt);\n --message-contextual-success-icon: var(--mode-color-status-positive-default);\n --message-contextual-warning-bg-default: var(--mode-color-status-warning-default);\n --message-contextual-warning-bg-alt: var(--mode-color-status-warning-default-alt);\n --message-contextual-warning-border-default: var(--mode-color-status-warning-default);\n --message-contextual-warning-border-alt: var(--mode-color-status-warning-with-default-alt);\n --message-contextual-warning-icon: var(--mode-color-status-warning-default);\n --message-global-label-default: var(--mode-color-status-txt-with-default-alt);\n --message-global-label-hover: var(--mode-color-action-grayscale-with-hover);\n --message-global-callout-bg-default: var(--mode-color-status-callout-default-alt);\n --message-global-callout-bg-hover: var(--mode-color-status-callout-hover-alt);\n --message-global-callout-icon: var(--mode-color-status-txt-with-default-alt);\n --message-global-info-bg-default: var(--mode-color-status-info-default-alt);\n --message-global-info-bg-hover: var(--mode-color-status-info-hover-alt);\n --message-global-info-icon: var(--mode-color-status-info-default);\n --message-global-warning-bg-default: var(--mode-color-status-warning-default-alt);\n --message-global-warning-bg-hover: var(--mode-color-status-warning-hover-alt);\n --message-global-warning-icon: var(--mode-color-status-warning-default);\n --nav-primary-bg-active: var(--mode-color-action-nav-active);\n --nav-primary-bg-default: var(--mode-color-action-nav-inverse-default);\n --nav-primary-bg-hover: var(--mode-color-action-nav-hover);\n --nav-primary-bg-child: var(--mode-color-action-nav-inverse-child);\n --nav-primary-bg-child-alt: var(--mode-color-action-nav-inverse-child-alt);\n --nav-primary-bg-selected: var(--mode-color-generic-fg-soft);\n --nav-primary-border-default: var(--mode-color-generic-fg-inverse-soft);\n --nav-primary-divider: var(--mode-color-generic-fg-inverse-firm);\n --nav-primary-label-active: var(--mode-color-action-nav-with-active);\n --nav-primary-label-default: var(--mode-color-action-nav-inverse-with-default);\n --nav-primary-label-default-alt: var(--mode-color-action-nav-inverse-with-default-alt);\n --nav-primary-label-hover: var(--mode-color-action-nav-with-hover);\n --nav-secondary-bg-active: var(--mode-color-action-nav-active);\n --nav-secondary-bg-default: var(--mode-color-action-nav-inverse-default-alt);\n --nav-secondary-bg-hover: var(--mode-color-action-nav-hover);\n --nav-secondary-bg-selected: var(--mode-color-generic-fg-soft);\n --nav-secondary-divider: var(--mode-color-generic-fg-inverse-firm);\n --nav-secondary-label-active: var(--mode-color-action-nav-with-active);\n --nav-secondary-label-default: var(--mode-color-action-nav-inverse-with-default);\n --nav-secondary-label-default-alt: var(--mode-color-generic-txt-inverse-moderate);\n --nav-secondary-label-hover: var(--mode-color-action-nav-with-hover);\n --nav-tertiary-bg-active: var(--mode-color-action-nav-active);\n --nav-tertiary-bg-default: var(--mode-color-generic-bg-nought);\n --nav-tertiary-bg-hover: var(--mode-color-action-nav-hover);\n --nav-tertiary-bg-child: var(--mode-color-action-nav-child);\n --nav-tertiary-bg-child-alt: var(--mode-color-action-nav-child-alt);\n --nav-tertiary-bg-selected: var(--mode-color-generic-fg-firm);\n --nav-tertiary-border-default: var(--mode-color-generic-fg-soft);\n --nav-tertiary-divider: var(--mode-color-generic-bg-soft);\n --nav-tertiary-label-active: var(--mode-color-action-nav-with-active);\n --nav-tertiary-label-default: var(--mode-color-action-nav-with-default);\n --nav-tertiary-label-default-alt: var(--mode-color-generic-txt-moderate);\n --nav-tertiary-label-hover: var(--mode-color-action-nav-with-hover);\n --page-bg-alt: var(--mode-color-generic-surface-trace);\n --page-bg-default: var(--mode-color-generic-surface-nought);\n --page-icon-default: var(--mode-color-generic-txt-severe);\n --page-txt-default: var(--mode-color-generic-txt-severe);\n --page-content-icon-alt: var(--mode-color-generic-txt-moderate);\n --page-content-icon-default: var(--mode-color-generic-txt-severe);\n --page-content-txt-alt: var(--mode-color-generic-txt-moderate);\n --page-content-txt-default: var(--mode-color-generic-txt-severe);\n --page-content-inverse-icon-alt: var(--mode-color-generic-txt-inverse-moderate);\n --page-content-inverse-icon-default: var(--mode-color-generic-txt-inverse-severe);\n --page-content-inverse-txt-alt: var(--mode-color-generic-txt-inverse-moderate);\n --page-content-inverse-txt-default: var(--mode-color-generic-txt-inverse-severe);\n --page-content-caution-icon: var(--mode-color-status-warning-default);\n --page-content-caution-txt: var(--mode-color-status-warning-txt);\n --page-content-info-icon: var(--mode-color-status-info-default);\n --page-content-info-txt: var(--mode-color-status-info-default);\n --page-content-negative-icon: var(--mode-color-status-negative-default);\n --page-content-negative-txt: var(--mode-color-status-negative-default);\n --page-content-positive-icon: var(--mode-color-status-positive-default);\n --page-content-positive-txt: var(--mode-color-status-positive-default);\n --popover-bg-active: var(--mode-color-action-grayscale-active);\n --popover-bg-active-alt: var(--mode-color-action-grayscale-hover-alt);\n --popover-bg-default: var(--mode-color-generic-bg-nought);\n --popover-bg-hover: var(--mode-color-action-data-entry-hover-alt);\n --popover-label-active: var(--mode-color-action-grayscale-with-active);\n --popover-label-active-alt: var(--mode-color-action-grayscale-with-hover);\n --popover-label-disabled: var(--mode-color-action-inactive-txt);\n --popover-label-hover: var(--mode-color-action-grayscale-with-hover);\n --popover-label-default: var(--mode-color-action-grayscale-default-alt);\n --popover-submenu-bg-default: var(--mode-color-generic-bg-faint);\n --profile-size-outside-xs: var(--global-size-xs);\n --profile-size-outside-s: var(--global-size-s);\n --profile-size-outside-m: var(--global-size-m);\n --profile-size-outside-ml: 56px;\n --profile-size-outside-l: var(--global-size-4-xl);\n --profile-size-outside-xl: 104px;\n --profile-size-outside-xxl: 128px;\n --profile-size-inside-xs: var(--global-size-3-xs);\n --profile-size-inside-s: var(--global-size-2-xs);\n --profile-size-inside-m: var(--global-size-xs);\n --profile-size-inside-ml: var(--global-size-s);\n --profile-size-inside-l: var(--global-size-l);\n --profile-size-inside-xl: var(--global-size-2-xl);\n --profile-size-inside-xxl: var(--global-size-4-xl);\n --profile-bg-alt: var(--mode-color-generic-txt-severe);\n --profile-bg-def: var(--mode-color-generic-bg-nought);\n --profile-border-default: var(--mode-color-generic-fg-moderate);\n --profile-label-default: var(--mode-color-generic-txt-severe);\n --profile-swatches-blue-bg-default: var(--mode-color-status-custom-blue-default-alt);\n --profile-swatches-blue-label-default: var(--mode-color-status-custom-blue-default);\n --profile-swatches-teal-bg-default: var(--mode-color-status-custom-teal-default-alt);\n --profile-swatches-teal-label-default: var(--mode-color-status-custom-teal-default);\n --profile-swatches-green-bg-default: var(--mode-color-status-custom-green-default-alt);\n --profile-swatches-green-label-default: var(--mode-color-status-custom-green-default);\n --profile-swatches-lime-bg-default: var(--mode-color-status-custom-lime-default-alt);\n --profile-swatches-lime-label-default: var(--mode-color-status-custom-lime-default);\n --profile-swatches-orange-bg-default: var(--mode-color-status-custom-orange-default-alt);\n --profile-swatches-orange-label-default: var(--mode-color-status-custom-orange-txt);\n --profile-swatches-red-bg-default: var(--mode-color-status-custom-red-default-alt);\n --profile-swatches-red-label-default: var(--mode-color-status-custom-red-default);\n --profile-swatches-pink-bg-default: var(--mode-color-status-custom-pink-default-alt);\n --profile-swatches-pink-label-default: var(--mode-color-status-custom-pink-default);\n --profile-swatches-purple-bg-default: var(--mode-color-status-custom-purple-default-alt);\n --profile-swatches-purple-label-default: var(--mode-color-status-custom-purple-default);\n --profile-swatches-slate-bg-default: var(--mode-color-status-custom-slate-default-alt);\n --profile-swatches-slate-label-default: var(--mode-color-status-custom-slate-default);\n --profile-swatches-gray-bg-default: var(--mode-color-status-custom-gray-default-alt);\n --profile-swatches-gray-label-default: var(--mode-color-status-custom-gray-default);\n --profile-font-initials-xs: var(--global-font-static-comp-placeholder-xs);\n --profile-font-initials-s: var(--global-font-static-comp-placeholder-s);\n --profile-font-initials-m: var(--global-font-static-comp-placeholder-m);\n --profile-font-initials-ml: var(--global-font-static-comp-placeholder-ml);\n --profile-font-initials-l: var(--global-font-static-comp-placeholder-l);\n --profile-font-initials-xl: var(--global-font-static-comp-placeholder-xl);\n --profile-font-initials-xxl: var(--global-font-static-comp-placeholder-xxl);\n --profile-font-heading-xs: var(--global-font-static-comp-medium-s);\n --profile-font-heading-s: var(--global-font-static-comp-medium-m);\n --profile-font-heading-m: var(--global-font-static-subheading-l);\n --profile-font-heading-ml: var(--global-font-static-subheading-l);\n --profile-font-heading-l: var(--global-font-static-subheading-l);\n --profile-font-heading-xl: var(--global-font-static-heading-m);\n --profile-font-heading-xxl: var(--global-font-static-heading-l);\n --profile-font-fluid-initials-xs: var(--global-font-fluid-comp-placeholder-xs);\n --profile-font-fluid-initials-s: var(--global-font-fluid-comp-placeholder-s);\n --profile-font-fluid-initials-m: var(--global-font-fluid-comp-placeholder-m);\n --profile-font-fluid-initials-ml: var(--global-font-fluid-comp-placeholder-ml);\n --profile-font-fluid-initials-l: var(--global-font-fluid-comp-placeholder-l);\n --profile-font-fluid-initials-xl: var(--global-font-fluid-comp-placeholder-xl);\n --profile-font-fluid-initials-xxl: var(--global-font-fluid-comp-placeholder-xxl);\n --profile-font-fluid-heading-xs: var(--global-font-fluid-comp-medium-s);\n --profile-font-fluid-heading-s: var(--global-font-fluid-comp-medium-m);\n --profile-font-fluid-heading-m: var(--global-font-fluid-subheading-l);\n --profile-font-fluid-heading-ml: var(--global-font-fluid-subheading-l);\n --profile-font-fluid-heading-l: var(--global-font-fluid-subheading-l);\n --profile-font-fluid-heading-xl: var(--global-font-fluid-heading-m);\n --profile-font-fluid-heading-xxl: var(--global-font-fluid-heading-l);\n --progress-none: var(--mode-color-none);\n --progress-bg-default: var(--mode-color-generic-bg-delicate);\n --progress-border-default: var(--mode-color-generic-fg-firm);\n --progress-fg-alt: var(--mode-color-status-positive-default);\n --progress-fg-alt2: var(--mode-color-generic-txt-soft);\n --progress-fg-caution: var(--mode-color-status-warning-default);\n --progress-fg-default: var(--mode-color-action-grayscale-active);\n --progress-fg-error: var(--mode-color-status-negative-default);\n --progress-fg-info: var(--mode-color-status-info-default);\n --progress-label-alt: var(--mode-color-generic-txt-moderate);\n --progress-label-default: var(--mode-color-generic-txt-severe);\n --progress-dataviz-fg-default: var(--mode-color-status-custom-teal-default);\n --progress-inverse-label-alt: var(--mode-color-generic-txt-inverse-soft);\n --progress-loader-bg-default: var(--mode-color-generic-bg-delicate);\n --progress-loader-bg-skeleton: linear-gradient(135deg, var(--mode-color-status-skeleton-stop-1) 15%, var(--mode-color-status-skeleton-stop-2) 85%);\n --progress-loader-fg-default: var(--mode-color-generic-fg-inverse-nought);\n --progress-loader-fg-error: var(--mode-color-status-negative-default);\n --progress-loader-fg-complete: var(--mode-color-status-positive-default);\n --progress-loader-inverse-bg-default: var(--mode-color-generic-bg-inverse-delicate);\n --progress-loader-inverse-fg-default: var(--mode-color-generic-fg-nought);\n --progress-stepflow-bg-active: var(--mode-color-action-grayscale-active);\n --progress-stepflow-bg-complete: var(--mode-color-status-positive-default);\n --progress-stepflow-bg-default: var(--mode-color-generic-fg-nought);\n --progress-stepflow-border-active-inner: var(--mode-color-generic-fg-nought);\n --progress-stepflow-border-active-outer: var(--mode-color-action-grayscale-active);\n --progress-stepflow-border-default: var(--mode-color-generic-fg-firm);\n --progress-stepflow-label-alt: var(--mode-color-generic-txt-soft);\n --progress-stepflow-label-default: var(--mode-color-generic-txt-severe);\n --progress-stepindicator-bg-active: var(--mode-color-action-grayscale-active);\n --progress-stepindicator-bg-complete: var(--mode-color-status-positive-default);\n --progress-stepindicator-border-active-outer: var(--mode-color-action-grayscale-active);\n --progress-stepindicator-border-default: var(--mode-color-generic-fg-firm);\n --progress-stepindicator-border-success: var(--mode-color-status-positive-default);\n --progress-stepindicator-label-active: var(--mode-color-action-grayscale-with-active);\n --progress-stepindicator-label-complete: var(--mode-color-action-grayscale-with-active);\n --progress-stepindicator-label-default: var(--mode-color-generic-txt-severe);\n --pill-generic-none: var(--mode-color-none);\n --pill-generic-label-default: var(--mode-color-status-txt-with-default);\n --pill-generic-label-hover: var(--mode-color-status-txt-with-hover);\n --pill-generic-label-alt-default: var(--mode-color-status-txt-with-default-alt);\n --pill-generic-label-alt-hover: var(--mode-color-status-txt-with-default-alt);\n --pill-generic-inverse-label-default: var(--mode-color-status-txt-inverse-with-default);\n --pill-generic-inverse-label-hover: var(--mode-color-status-txt-inverse-with-hover);\n --pill-generic-inverse-label-alt-default: var(--mode-color-status-txt-inverse-with-default-alt);\n --pill-generic-inverse-label-alt-hover: var(--mode-color-status-txt-inverse-with-default-alt);\n --pill-blue-bg-default: var(--mode-color-status-info-default);\n --pill-blue-bg-alt-default: var(--mode-color-status-info-default-alt);\n --pill-blue-bg-alt-hover: var(--mode-color-status-info-hover-alt);\n --pill-blue-bg-hover: var(--mode-color-status-info-hover);\n --pill-blue-border-default: var(--mode-color-status-info-default);\n --pill-blue-inverse-bg-default: var(--mode-color-status-info-inverse-default);\n --pill-blue-inverse-bg-alt-default: var(--mode-color-status-info-inverse-default-alt);\n --pill-blue-inverse-bg-alt-hover: var(--mode-color-status-info-inverse-hover-alt);\n --pill-blue-inverse-bg-hover: var(--mode-color-status-info-inverse-hover);\n --pill-blue-inverse-border-default: var(--mode-color-status-info-inverse-default);\n --pill-green-bg-default: var(--mode-color-status-positive-default);\n --pill-green-bg-alt-default: var(--mode-color-status-positive-default-alt);\n --pill-green-bg-alt-hover: var(--mode-color-status-positive-hover-alt);\n --pill-green-bg-hover: var(--mode-color-status-positive-hover);\n --pill-green-border-default: var(--mode-color-status-positive-default);\n --pill-green-inverse-bg-default: var(--mode-color-status-positive-inverse-default);\n --pill-green-inverse-bg-alt-default: var(--mode-color-status-positive-inverse-default-alt);\n --pill-green-inverse-bg-alt-hover: var(--mode-color-status-positive-inverse-hover-alt);\n --pill-green-inverse-bg-hover: var(--mode-color-status-positive-inverse-hover);\n --pill-green-inverse-border-default: var(--mode-color-status-positive-inverse-default);\n --pill-gray-bg-default: var(--mode-color-status-neutral-default);\n --pill-gray-bg-alt-default: var(--mode-color-status-neutral-default-alt);\n --pill-gray-bg-alt-hover: var(--mode-color-status-neutral-hover-alt);\n --pill-gray-bg-hover: var(--mode-color-status-neutral-hover);\n --pill-gray-border-default: var(--mode-color-status-neutral-default);\n --pill-gray-inverse-bg-default: var(--mode-color-status-neutral-inverse-default);\n --pill-gray-inverse-bg-alt-default: var(--mode-color-status-neutral-inverse-default-alt);\n --pill-gray-inverse-bg-alt-hover: var(--mode-color-status-neutral-inverse-hover-alt);\n --pill-gray-inverse-bg-hover: var(--mode-color-status-neutral-inverse-hover);\n --pill-gray-inverse-border-default: var(--mode-color-status-neutral-inverse-default);\n --pill-lime-bg-default: var(--mode-color-status-custom-lime-default);\n --pill-lime-bg-alt-default: var(--mode-color-status-custom-lime-default-alt);\n --pill-lime-bg-alt-hover: var(--mode-color-status-custom-lime-hover-alt);\n --pill-lime-bg-hover: var(--mode-color-status-custom-lime-hover);\n --pill-lime-border-default: var(--mode-color-status-custom-lime-default);\n --pill-orange-bg-default: var(--mode-color-status-warning-default);\n --pill-orange-bg-alt-default: var(--mode-color-status-warning-default-alt);\n --pill-orange-bg-alt-hover: var(--mode-color-status-warning-hover-alt);\n --pill-orange-bg-hover: var(--mode-color-status-warning-hover);\n --pill-orange-border-default: var(--mode-color-status-warning-default);\n --pill-orange-inverse-bg-default: var(--mode-color-status-warning-inverse-default);\n --pill-orange-inverse-bg-alt-default: var(--mode-color-status-warning-inverse-default-alt);\n --pill-orange-inverse-bg-alt-hover: var(--mode-color-status-warning-inverse-hover-alt);\n --pill-orange-inverse-bg-hover: var(--mode-color-status-warning-inverse-hover);\n --pill-orange-inverse-border-default: var(--mode-color-status-warning-inverse-default);\n --pill-pink-bg-default: var(--mode-color-status-custom-pink-default);\n --pill-pink-bg-alt-default: var(--mode-color-status-custom-pink-default-alt);\n --pill-pink-bg-alt-hover: var(--mode-color-status-custom-pink-hover-alt);\n --pill-pink-bg-hover: var(--mode-color-status-custom-pink-hover);\n --pill-pink-border-default: var(--mode-color-status-custom-pink-default);\n --pill-purple-bg-default: var(--mode-color-status-priority-default);\n --pill-purple-bg-alt-default: var(--mode-color-status-priority-default-alt);\n --pill-purple-bg-alt-hover: var(--mode-color-status-priority-hover-alt);\n --pill-purple-bg-hover: var(--mode-color-status-priority-hover);\n --pill-purple-border-default: var(--mode-color-status-priority-default);\n --pill-purple-inverse-bg-default: var(--mode-color-status-priority-inverse-default);\n --pill-purple-inverse-bg-alt-default: var(--mode-color-status-priority-inverse-default-alt);\n --pill-purple-inverse-bg-alt-hover: var(--mode-color-status-priority-inverse-hover-alt);\n --pill-purple-inverse-bg-hover: var(--mode-color-status-priority-inverse-hover);\n --pill-purple-inverse-border-default: var(--mode-color-status-priority-inverse-default);\n --pill-red-bg-default: var(--mode-color-status-negative-default);\n --pill-red-bg-alt-default: var(--mode-color-status-negative-default-alt);\n --pill-red-bg-alt-hover: var(--mode-color-status-negative-hover-alt);\n --pill-red-bg-hover: var(--mode-color-status-negative-hover);\n --pill-red-border-default: var(--mode-color-status-negative-default);\n --pill-red-inverse-bg-default: var(--mode-color-status-negative-inverse-default);\n --pill-red-inverse-bg-alt-default: var(--mode-color-status-negative-inverse-default-alt);\n --pill-red-inverse-bg-alt-hover: var(--mode-color-status-negative-inverse-hover-alt);\n --pill-red-inverse-bg-hover: var(--mode-color-status-negative-inverse-hover);\n --pill-red-inverse-border-default: var(--mode-color-status-negative-inverse-default);\n --pill-slate-bg-default: var(--mode-color-status-custom-slate-default);\n --pill-slate-bg-alt-default: var(--mode-color-status-custom-slate-default-alt);\n --pill-slate-bg-alt-hover: var(--mode-color-status-custom-slate-hover-alt);\n --pill-slate-bg-hover: var(--mode-color-status-custom-slate-hover);\n --pill-slate-border-default: var(--mode-color-status-custom-slate-default);\n --pill-teal-bg-default: var(--mode-color-status-custom-teal-default);\n --pill-teal-bg-alt-default: var(--mode-color-status-custom-teal-default-alt);\n --pill-teal-bg-alt-hover: var(--mode-color-status-custom-teal-hover-alt);\n --pill-teal-bg-hover: var(--mode-color-status-custom-teal-hover);\n --pill-teal-border-default: var(--mode-color-status-custom-teal-default);\n --tab-bg-active: var(--mode-color-action-grayscale-with-active);\n --tab-bg-default: var(--mode-color-none);\n --tab-bg-hover: var(--mode-color-generic-bg-delicate);\n --tab-border-active-alt: var(--mode-color-generic-fg-moderate);\n --tab-border-active: var(--mode-color-action-grayscale-active);\n --tab-border-default: var(--mode-color-generic-fg-moderate);\n --tab-border-hover: var(--mode-color-generic-fg-firm);\n --tab-icon-default: var(--mode-color-action-grayscale-default-alt);\n --tab-icon-hover: var(--mode-color-action-grayscale-with-hover);\n --tab-label-active: var(--mode-color-action-grayscale-active);\n --tab-icon-active: var(--mode-color-action-grayscale-active);\n --tab-label-default: var(--mode-color-action-grayscale-default);\n --tab-label-hover: var(--mode-color-action-grayscale-with-hover);\n --tab-nav-bg-default: var(--mode-color-generic-bg-nought);\n --tab-validation-border-warning: var(--mode-color-status-warning-default);\n --tab-validation-border-error: var(--mode-color-status-negative-default);\n --tab-validation-icon-error: var(--mode-color-status-negative-default);\n --tab-validation-icon-warning: var(--mode-color-status-warning-default);\n --tab-validation-label-error: var(--mode-color-status-negative-default);\n --tab-validation-label-warning: var(--mode-color-status-warning-txt);\n --table-header-subtle-bg-alt: var(--mode-color-generic-surface-trace);\n --table-header-subtle-bg-default: var(--mode-color-none);\n --table-header-subtle-bg-hover: var(--mode-color-generic-surface-faint);\n --table-header-subtle-border-default: var(--mode-color-generic-fg-soft);\n --table-header-subtle-label-default: var(--mode-color-generic-txt-severe);\n --table-header-subtle-label-hover: var(--mode-color-generic-txt-extreme);\n --table-header-harsh-bg-alt: var(--mode-color-generic-surface-severe);\n --table-header-harsh-bg-default: var(--mode-color-generic-surface-harsh);\n --table-header-harsh-bg-hover: var(--mode-color-generic-surface-acute);\n --table-header-harsh-border-default: var(--mode-color-generic-fg-soft);\n --table-header-harsh-label-default: var(--mode-color-generic-txt-inverse-severe);\n --table-header-harsh-label-hover: var(--mode-color-generic-txt-inverse-extreme);\n --table-row-bg-default: var(--mode-color-generic-bg-nought);\n --table-row-bg-alt: var(--mode-color-generic-bg-delicate);\n --table-row-bg-alt2: var(--mode-color-generic-bg-faint);\n --table-row-bg-selected: var(--mode-color-generic-bg-soft);\n --table-row-border-default: var(--mode-color-generic-fg-soft);\n --table-row-label-default: var(--mode-color-generic-txt-severe);\n --table-row-label-selected: var(--mode-color-generic-txt-extreme);\n --table-footer-bg-default: var(--mode-color-generic-bg-soft);\n --table-footer-border-default: var(--mode-color-generic-fg-soft);\n --table-footer-label-default: var(--mode-color-generic-txt-severe);\n\n --carbon-zindex-small-overlay: 10;\n --carbon-zindex-overlay: 1000;\n --carbon-zindex-nav: 2998;\n --carbon-zindex-global-nav: 2999;\n --carbon-zindex-modal: 3000;\n --carbon-zindex-header: 4000;\n --carbon-zindex-full-screen-modal: 5000;\n --carbon-zindex-popover: 6000;\n --carbon-zindex-notification: 7000;\n --carbon-zindex-above-all: 9999;\n\n&.carbon-dark-mode, &[data-carbon-theme="dark"] {\n --mode-color-ai-stop-1: #00d639;\n --mode-color-ai-stop-2: #00d6de;\n --mode-color-ai-stop-3: #9d60ff;\n --mode-color-brand-default: #00d639;\n --mode-color-brand-default-alt: #FFFFFF;\n --mode-color-brand-with-default-alt: #000000;\n --mode-color-brand-inverse-default: #000000;\n --mode-color-brand-inverse-default-alt: #000000;\n --mode-color-brand-inverse-with-default-alt: #FFFFFF;\n --mode-color-brand-copilot-default: #FFFFFF;\n --mode-color-brand-copilot-monochrome: #FFFFFF;\n --mode-color-brand-copilot-inverse-default: #000000;\n --mode-color-brand-copilot-inverse-monochrome: #000000;\n --mode-color-colorcode-blue-intense: #58a2ff;\n --mode-color-colorcode-blue-harsh: #007fd9;\n --mode-color-colorcode-blue-soft: #0063ad;\n --mode-color-colorcode-blue-faint: #001932;\n --mode-color-colorcode-teal-intense: #25B2B0;\n --mode-color-colorcode-teal-harsh: #008B8A;\n --mode-color-colorcode-teal-soft: #006D6C;\n --mode-color-colorcode-teal-faint: #001C1C;\n --mode-color-colorcode-green-intense: #30b843;\n --mode-color-colorcode-green-harsh: #019127;\n --mode-color-colorcode-green-soft: #007219;\n --mode-color-colorcode-green-faint: #001f03;\n --mode-color-colorcode-lime-intense: #92aa3c;\n --mode-color-colorcode-lime-harsh: #718524;\n --mode-color-colorcode-lime-soft: #576900;\n --mode-color-colorcode-lime-faint: #141a00;\n --mode-color-colorcode-orange-intense: #f68029;\n --mode-color-colorcode-orange-harsh: #e24300;\n --mode-color-colorcode-orange-soft: #b33400;\n --mode-color-colorcode-orange-faint: #360900;\n --mode-color-colorcode-red-intense: #ff728d;\n --mode-color-colorcode-red-harsh: #f50059;\n --mode-color-colorcode-red-soft: #c40044;\n --mode-color-colorcode-red-faint: #3c000f;\n --mode-color-colorcode-pink-intense: #f571c7;\n --mode-color-colorcode-pink-harsh: #d046a4;\n --mode-color-colorcode-pink-soft: #b02086;\n --mode-color-colorcode-pink-faint: #350426;\n --mode-color-colorcode-purple-intense: #b190e8;\n --mode-color-colorcode-purple-harsh: #9463d7;\n --mode-color-colorcode-purple-soft: #803ec5;\n --mode-color-colorcode-purple-faint: #220c3a;\n --mode-color-colorcode-slate-intense: #e8eaec;\n --mode-color-colorcode-slate-harsh: #bac1c7;\n --mode-color-colorcode-slate-soft: #475a6a;\n --mode-color-colorcode-slate-faint: #253b4e;\n --mode-color-colorcode-gray-intense: #eeeeee;\n --mode-color-colorcode-gray-harsh: #8b8b8b;\n --mode-color-colorcode-gray-soft: #616161;\n --mode-color-colorcode-gray-faint: #181818;\n --mode-color-colorcode-yellow-intense: #ffd274;\n --mode-color-colorcode-yellow-harsh: #ffbf22;\n --mode-color-colorcode-yellow-soft: #926709;\n --mode-color-colorcode-yellow-faint: #231500;\n --mode-color-generic-bg-nought: #000000;\n --mode-color-generic-bg-faint: #ffffff0d;\n --mode-color-generic-bg-delicate: #ffffff1a;\n --mode-color-generic-bg-soft: #ffffff26;\n --mode-color-generic-bg-inverse-nought: #FFFFFF;\n --mode-color-generic-bg-inverse-faint: #f4f5f6;\n --mode-color-generic-bg-inverse-delicate: #e8eaec;\n --mode-color-generic-bg-inverse-soft: #dde0e3;\n --mode-color-generic-depth-faint: #ffffff1a;\n --mode-color-generic-depth-delicate: #ffffff26;\n --mode-color-generic-depth-soft: #fff3;\n --mode-color-generic-txt-extreme: #FFFFFF;\n --mode-color-generic-txt-severe: #fffffff2;\n --mode-color-generic-txt-moderate: #ffffffab;\n --mode-color-generic-txt-soft: #ffffff8c;\n --mode-color-generic-txt-delicate: #ffffff6b;\n --mode-color-generic-txt-inverse-extreme: #000000;\n --mode-color-generic-txt-inverse-severe: #000000f2;\n --mode-color-generic-txt-inverse-moderate: #000000ab;\n --mode-color-generic-txt-inverse-soft: #0000008c;\n --mode-color-generic-txt-inverse-delicate: #0000006b;\n --mode-color-generic-fg-nought: #000000;\n --mode-color-generic-fg-soft: #505050;\n --mode-color-generic-fg-moderate: #616161;\n --mode-color-generic-fg-firm: #6f6f6f;\n --mode-color-generic-fg-inverse-nought: #FFFFFF;\n --mode-color-generic-fg-inverse-soft: #a3adb5;\n --mode-color-generic-fg-inverse-moderate: #8c98a2;\n --mode-color-generic-fg-inverse-firm: #75838f;\n --mode-color-generic-surface-nought: #000000;\n --mode-color-generic-surface-trace: #1b1b1b;\n --mode-color-generic-surface-faint: #3b3b3b;\n --mode-color-generic-surface-harsh: #d1d6da;\n --mode-color-generic-surface-severe: #e8eaec;\n --mode-color-generic-surface-acute: #f4f5f6;\n --mode-color-action-ai-grad-active: linear-gradient(90deg, #00d63926 0%, #00d6de26 40%, #9d60ff26 90%);\n --mode-color-action-ai-grad-hover: linear-gradient(90deg, #00d63914 0%, #00d6de14 40%, #9d60ff14 90%);\n --mode-color-action-ai-grad-default: linear-gradient(90deg, #00d639 0%, #00d6de 40%, #9d60ff 90%);\n --mode-color-action-ai-active-stop-1: #00d63926;\n --mode-color-action-ai-active-stop-2: #00d6de26;\n --mode-color-action-ai-active-stop-3: #9d60ff26;\n --mode-color-action-ai-hover-stop-1: #00d63914;\n --mode-color-action-ai-hover-stop-2: #00d6de14;\n --mode-color-action-ai-hover-stop-3: #9d60ff14;\n --mode-color-action-danger-active: #ff728d;\n --mode-color-action-danger-default: #f50059;\n --mode-color-action-danger-default-alt: #ff3e6a;\n --mode-color-action-danger-hover: #ff3e6a;\n --mode-color-action-danger-hover-alt: #f5005926;\n --mode-color-action-danger-hover-alt2: #ff728d;\n --mode-color-action-danger-with-active: #000000;\n --mode-color-action-danger-with-default: #000000;\n --mode-color-action-danger-inverse-active: #a30037;\n --mode-color-action-danger-inverse-default: #db004e;\n --mode-color-action-danger-inverse-default-alt: #c40044;\n --mode-color-action-danger-inverse-hover: #c40044;\n --mode-color-action-danger-inverse-hover-alt: #db004e26;\n --mode-color-action-danger-inverse-hover-alt2: #a30037;\n --mode-color-action-danger-inverse-with-active: #FFFFFF;\n --mode-color-action-danger-inverse-with-default: #FFFFFF;\n --mode-color-action-data-entry-default: #000000;\n --mode-color-action-data-entry-with-active: #FFFFFF;\n --mode-color-action-data-entry-with-active-alt: #000000;\n --mode-color-action-data-entry-with-hover: #FFFFFF;\n --mode-color-action-data-entry-hover-alt: #253b4e;\n --mode-color-action-data-entry-with-default: #a3adb5;\n --mode-color-action-data-entry-default-alt: #304658;\n --mode-color-action-data-entry-txt: #fffffff2;\n --mode-color-action-data-entry-txt-alt: #ffffff8c;\n --mode-color-action-data-entry-inverse-default: #FFFFFF;\n --mode-color-action-data-entry-inverse-with-default: #75838f;\n --mode-color-action-data-entry-inverse-txt: #000000f2;\n --mode-color-action-data-entry-inverse-txt-alt: #0000008c;\n --mode-color-action-focus-default: #FFB500;\n --mode-color-action-focus-txt: #FFFFFF;\n --mode-color-action-focus-with-default: #000000;\n --mode-color-action-focus-with-default-alt: #885e00;\n --mode-color-action-focus-inverse-default: #000000;\n --mode-color-action-focus-inverse-txt: #000000;\n --mode-color-action-focus-inverse-with-default: #FFB500;\n --mode-color-action-focus-inverse-with-default-alt: #ffd274;\n --mode-color-action-inactive-default: #ffffff4d;\n --mode-color-action-inactive-mask: #fff6;\n --mode-color-action-inactive-default-alt: #ffffff08;\n --mode-color-action-inactive-txt: #ffffff6b;\n --mode-color-action-inactive-txt-alt: #000000;\n --mode-color-action-inactive-icon: #ffffff6b;\n --mode-color-action-inactive-icon-alt: #ffffff8c;\n --mode-color-action-inactive-inverse-default: #0000004d;\n --mode-color-action-inactive-inverse-txt: #0000006b;\n --mode-color-action-inactive-inverse-txt-alt: #FFFFFF;\n --mode-color-action-grayscale-active: #FFFFFF;\n --mode-color-action-grayscale-active-alt: #ffffff26;\n --mode-color-action-grayscale-default: #ffffffeb;\n --mode-color-action-grayscale-default-alt: #ffffffab;\n --mode-color-action-grayscale-hover-alt: #ffffff1a;\n --mode-color-action-grayscale-hover: #ffffff26;\n --mode-color-action-grayscale-with-active: #000000;\n --mode-color-action-grayscale-with-active-alt: #FFFFFF;\n --mode-color-action-grayscale-with-default: #000000;\n --mode-color-action-grayscale-with-hover: #FFFFFF;\n --mode-color-action-grayscale-inverse-active: #000000;\n --mode-color-action-grayscale-inverse-active-alt: #00000026;\n --mode-color-action-grayscale-inverse-default: #181818;\n --mode-color-action-grayscale-inverse-default-alt: #000000ab;\n --mode-color-action-grayscale-inverse-hover-alt: #0000001a;\n --mode-color-action-grayscale-inverse-hover: #00000026;\n --mode-color-action-grayscale-inverse-with-active: #FFFFFF;\n --mode-color-action-grayscale-inverse-with-active-alt: #000000;\n --mode-color-action-grayscale-inverse-with-default: #FFFFFF;\n --mode-color-action-grayscale-inverse-with-hover: #000000;\n --mode-color-action-nav-default: #000000;\n --mode-color-action-nav-default-alt: #181818;\n --mode-color-action-nav-child: #505050;\n --mode-color-action-nav-child-alt: #616161;\n --mode-color-action-nav-with-default: #fffffff2;\n --mode-color-action-nav-inverse-default: #FFFFFF;\n --mode-color-action-nav-inverse-default-alt: #f4f5f6;\n --mode-color-action-nav-inverse-child: #FFFFFF;\n --mode-color-action-nav-inverse-child-alt: #e8eaec;\n --mode-color-action-nav-inverse-with-default: #000000f2;\n --mode-color-action-nav-inverse-with-default-alt: #000c;\n --mode-color-action-main-active: #42f355;\n --mode-color-action-main-active-alt: #3dda4c4d;\n --mode-color-action-main-default: #3dda4c;\n --mode-color-action-main-default-alt: #3dda4ccc;\n --mode-color-action-main-default-alt2: #00d639;\n --mode-color-action-main-default-alt3: #3dda4c08;\n --mode-color-action-main-hover: #42f355;\n --mode-color-action-main-hover-alt: #3dda4c26;\n --mode-color-action-main-hover-alt2: #00f142;\n --mode-color-action-main-with-active: #000000;\n --mode-color-action-main-with-default: #000000;\n --mode-color-action-main-with-hover: #000000;\n --mode-color-action-main-inverse-active: #005e14;\n --mode-color-action-main-inverse-active-alt: #00811f4d;\n --mode-color-action-main-inverse-default: #00811f;\n --mode-color-action-main-inverse-default-alt: #00811fcc;\n --mode-color-action-main-inverse-default-alt2: #007219;\n --mode-color-action-main-inverse-default-alt3: #00811f08;\n --mode-color-action-main-inverse-hover: #007219;\n --mode-color-action-main-inverse-hover-alt: #00811f26;\n --mode-color-action-main-inverse-hover-alt2: #005e14;\n --mode-color-action-main-inverse-with-active: #FFFFFF;\n --mode-color-action-main-inverse-with-default: #FFFFFF;\n --mode-color-action-main-inverse-with-hover: #FFFFFF;\n --mode-color-status-ai-default: #000000;\n --mode-color-status-ai-default-alt: #FFFFFF;\n --mode-color-status-ai-with-default-alt: #ffffff80;\n --mode-color-status-ai-default-horizontal: linear-gradient(90deg, #00d639 0%, #00d6de 40%, #9d60ff 90%);\n --mode-color-status-ai-default-vertical: linear-gradient(180deg, #00d639 0%, #00d6de 40%, #9d60ff 90%);\n --mode-color-status-callout-default-alt: #001001;\n --mode-color-status-callout-hover-alt: #001e03;\n --mode-color-status-skeleton-stop-1: #a3adb5;\n --mode-color-status-skeleton-stop-2: #475a6a;\n --mode-color-status-warning-default: #e24300;\n --mode-color-status-warning-default-alt: #1d0300;\n --mode-color-status-warning-with-default-alt: #e2430080;\n --mode-color-status-warning-hover: #e5631c;\n --mode-color-status-warning-hover-alt: #360900;\n --mode-color-status-warning-txt: #e5631c;\n --mode-color-status-warning-inverse-default: #d64309;\n --mode-color-status-warning-inverse-default-alt: #fff7eb;\n --mode-color-status-warning-inverse-hover: #b33400;\n --mode-color-status-warning-inverse-hover-alt: #ffeaca;\n --mode-color-status-warning-inverse-txt: #b33400;\n --mode-color-status-txt-with-default: #000000;\n --mode-color-status-txt-with-default-alt: #fffffff2;\n --mode-color-status-txt-with-hover: #000000;\n --mode-color-status-txt-with-hover-alt: #FFFFFF;\n --mode-color-status-txt-inverse-with-default: #FFFFFF;\n --mode-color-status-txt-inverse-with-default-alt: #000000f2;\n --mode-color-status-txt-inverse-with-hover: #FFFFFF;\n --mode-color-status-txt-inverse-with-hover-alt: #000000;\n --mode-color-status-custom-blue-default: #007fd9;\n --mode-color-status-custom-blue-default-alt: #000b1c;\n --mode-color-status-custom-blue-hover: #008ef4;\n --mode-color-status-custom-blue-hover-alt: #001932;\n --mode-color-status-custom-teal-default: #008B8A;\n --mode-color-status-custom-teal-default-alt: #000E0E;\n --mode-color-status-custom-teal-hover: #009B99;\n --mode-color-status-custom-teal-hover-alt: #001C1C;\n --mode-color-status-custom-green-default: #019127;\n --mode-color-status-custom-green-default-alt: #001001;\n --mode-color-status-custom-green-hover: #1BA12B;\n --mode-color-status-custom-green-hover-alt: #001f03;\n --mode-color-status-custom-lime-default: #718524;\n --mode-color-status-custom-lime-default-alt: #0a0e00;\n --mode-color-status-custom-lime-hover: #7d9428;\n --mode-color-status-custom-lime-hover-alt: #141a00;\n --mode-color-status-custom-orange-default: #e24300;\n --mode-color-status-custom-orange-default-alt: #1d0300;\n --mode-color-status-custom-orange-hover: #e5631c;\n --mode-color-status-custom-orange-hover-alt: #360900;\n --mode-color-status-custom-orange-txt: #e24300;\n --mode-color-status-custom-red-default: #f50059;\n --mode-color-status-custom-red-default-alt: #1e0005;\n --mode-color-status-custom-red-hover: #ff3e6a;\n --mode-color-status-custom-red-hover-alt: #3c000f;\n --mode-color-status-custom-pink-default: #d046a4;\n --mode-color-status-custom-pink-default-alt: #1e0115;\n --mode-color-status-custom-pink-hover: #E84DB5;\n --mode-color-status-custom-pink-hover-alt: #350426;\n --mode-color-status-custom-purple-default: #9463d7;\n --mode-color-status-custom-purple-default-alt: #10041f;\n --mode-color-status-custom-purple-hover: #a375dd;\n --mode-color-status-custom-purple-hover-alt: #220c3a;\n --mode-color-status-custom-gray-default: #7c7c7c;\n --mode-color-status-custom-gray-default-alt: #0b0b0b;\n --mode-color-status-custom-gray-hover: #8b8b8b;\n --mode-color-status-custom-gray-hover-alt: #181818;\n --mode-color-status-custom-slate-default: #6a7986;\n --mode-color-status-custom-slate-default-alt: #253b4e;\n --mode-color-status-custom-slate-hover: #75838f;\n --mode-color-status-custom-slate-hover-alt: #304658;\n --mode-color-status-priority-default: #9463d7;\n --mode-color-status-priority-default-alt: #10041f;\n --mode-color-status-priority-hover: #a375dd;\n --mode-color-status-priority-hover-alt: #220c3a;\n --mode-color-status-priority-inverse-default: #8f4bd7;\n --mode-color-status-priority-inverse-default-alt: #f9f6ff;\n --mode-color-status-priority-inverse-hover: #803ec5;\n --mode-color-status-priority-inverse-hover-alt: #F3EBFE;\n --mode-color-status-inactive-default: #6f6f6f;\n --mode-color-status-inactive-with-default: #ffffff8c;\n --mode-color-status-inactive-inverse-default: #75838f;\n --mode-color-status-inactive-inverse-with-default: #0000008c;\n --mode-color-status-info-default: #007fd9;\n --mode-color-status-info-default-alt: #000b1c;\n --mode-color-status-info-with-default-alt: #007fd980;\n --mode-color-status-info-hover: #008ef4;\n --mode-color-status-info-hover-alt: #001932;\n --mode-color-status-info-inverse-default: #0071c3;\n --mode-color-status-info-inverse-default-alt: #f5f8ff;\n --mode-color-status-info-inverse-hover: #0063ad;\n --mode-color-status-info-inverse-hover-alt: #e4eeff;\n --mode-color-status-negative-default: #f50059;\n --mode-color-status-negative-default-alt: #1e0005;\n --mode-color-status-negative-hover: #ff3e6a;\n --mode-color-status-negative-hover-alt: #3c000f;\n --mode-color-status-negative-inverse-default: #db004e;\n --mode-color-status-negative-inverse-default-alt: #fff5f6;\n --mode-color-status-negative-inverse-hover: #c40044;\n --mode-color-status-negative-inverse-hover-alt: #ffe8ea;\n --mode-color-status-neutral-default: #7c7c7c;\n --mode-color-status-neutral-default-alt: #0b0b0b;\n --mode-color-status-neutral-hover: #8b8b8b;\n --mode-color-status-neutral-hover-alt: #181818;\n --mode-color-status-neutral-inverse-default: #6f6f6f;\n --mode-color-status-neutral-inverse-default-alt: #f8f8f8;\n --mode-color-status-neutral-inverse-hover: #616161;\n --mode-color-status-neutral-inverse-hover-alt: #eeeeee;\n --mode-color-status-positive-default: #019127;\n --mode-color-status-positive-default-alt: #001001;\n --mode-color-status-positive-with-default-alt: #01912780;\n --mode-color-status-positive-hover: #1BA12B;\n --mode-color-status-positive-hover-alt: #001f03;\n --mode-color-status-positive-inverse-default: #00811F;\n --mode-color-status-positive-inverse-default-alt: #EEFCEF;\n --mode-color-status-positive-inverse-hover-alt: #D1F6D6;\n}\n';
1	+ var o='\n --global-borderwidth-none: 0;\n --global-borderwidth-xs: 1px;\n --global-borderwidth-s: 2px;\n --global-borderwidth-m: 3px;\n --global-borderwidth-l: 4px;\n --global-borderwidth-xl: 6px;\n --global-borderwidth-xxl: 8px;\n --global-breakpoint-xs: 320px;\n --global-breakpoint-s: 600px;\n --global-breakpoint-m: 960px;\n --global-breakpoint-l: 1260px;\n --global-breakpoint-xl: 1600px;\n --global-breakpoint-xxl: 1920px;\n --global-font-fluid-heading-s: 500 clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)/1.25 var(--global-font-families-heading);\n --global-font-fluid-heading-m: 700 clamp(1.2811rem, 1.2155rem + 0.3279vw, 1.4778rem)/1.25 var(--global-font-families-heading);\n --global-font-fluid-heading-l: 700 clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem)/1.25 var(--global-font-families-heading);\n --global-font-fluid-subheading-m: 500 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.25 var(--global-font-families-subheading);\n --global-font-fluid-subheading-l: 500 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.25 var(--global-font-families-subheading);\n --global-font-fluid-section-heading-s: 700 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.25 var(--global-font-families-subheading);\n --global-font-fluid-section-heading-m: 700 clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)/1.25 var(--global-font-families-subheading);\n --global-font-fluid-body-regular-s: 400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-body);\n --global-font-fluid-body-regular-m: 400 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.5 var(--global-font-families-body);\n --global-font-fluid-body-regular-l: 400 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.5 var(--global-font-families-body);\n --global-font-fluid-body-medium-s: 500 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-body);\n --global-font-fluid-body-medium-m: 500 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.5 var(--global-font-families-body);\n --global-font-fluid-body-medium-l: 500 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.5 var(--global-font-families-body);\n --global-font-fluid-comp-medium-xs: 500 clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-medium-s: 500 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-medium-m: 500 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-medium-l: 500 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-regular-xs: 400 clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-regular-s: 400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-regular-m: 400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-regular-l: 400 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-icon-s: 20px var(--global-font-families-sage-icons);\n --global-font-fluid-comp-icon-m: 20px var(--global-font-families-sage-icons);\n --global-font-fluid-comp-icon-l: 20px var(--global-font-families-sage-icons);\n --global-font-fluid-comp-lined-regular-s: 400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-lined-regular-m: 400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-lined-regular-l: 400 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-lined-medium-s: 500 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-lined-medium-m: 500 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-lined-medium-l: 500 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-placeholder-xs: 500 clamp(0.6733rem, 0.7398rem + -0.0831vw, 0.7231rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-placeholder-s: 500 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-placeholder-m: 500 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-placeholder-ml: 500 clamp(1.2811rem, 1.2155rem + 0.3279vw, 1.4778rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-placeholder-l: 500 clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-placeholder-xl: 500 clamp(1.8756rem, 1.6688rem + 1.034vw, 2.496rem)/1.5 var(--global-font-families-component);\n --global-font-fluid-comp-placeholder-xxl: 500 clamp(2.2695rem, 1.9448rem + 1.6238vw, 3.2438rem)/1.5 var(--global-font-families-component);\n --global-font-static-heading-s: 500 21px/1.25 var(--global-font-families-heading);\n --global-font-static-heading-m: 700 24px/1.25 var(--global-font-families-heading);\n --global-font-static-heading-l: 700 30px/1.25 var(--global-font-families-heading);\n --global-font-static-subheading-m: 500 16px/1.25 var(--global-font-families-subheading);\n --global-font-static-subheading-l: 500 18px/1.25 var(--global-font-families-subheading);\n --global-font-static-section-heading-s: 700 16px/1.25 var(--global-font-families-subheading);\n --global-font-static-section-heading-m: 700 21px/1.25 var(--global-font-families-subheading);\n --global-font-static-body-regular-s: 400 14px/1.5 var(--global-font-families-body);\n --global-font-static-body-regular-m: 400 14px/1.5 var(--global-font-families-body);\n --global-font-static-body-regular-l: 400 16px/1.5 var(--global-font-families-body);\n --global-font-static-body-medium-s: 500 14px/1.5 var(--global-font-families-body);\n --global-font-static-body-medium-m: 500 14px/1.5 var(--global-font-families-body);\n --global-font-static-body-medium-l: 500 16px/1.5 var(--global-font-families-body);\n --global-font-static-comp-medium-xs: 500 13px/1.5 var(--global-font-families-component);\n --global-font-static-comp-medium-s: 500 14px/1.5 var(--global-font-families-component);\n --global-font-static-comp-medium-m: 500 14px/1.5 var(--global-font-families-component);\n --global-font-static-comp-medium-l: 500 16px/1.5 var(--global-font-families-component);\n --global-font-static-comp-regular-xs: 400 13px/1.5 var(--global-font-families-component);\n --global-font-static-comp-regular-s: 400 14px/1.5 var(--global-font-families-component);\n --global-font-static-comp-regular-m: 400 14px/1.5 var(--global-font-families-component);\n --global-font-static-comp-regular-l: 400 16px/1.5 var(--global-font-families-component);\n --global-font-static-comp-icon-s: 20px var(--global-font-families-sage-icons);\n --global-font-static-comp-icon-m: 20px var(--global-font-families-sage-icons);\n --global-font-static-comp-icon-l: 20px var(--global-font-families-sage-icons);\n --global-font-static-comp-lined-regular-s: 400 14px/1.5 var(--global-font-families-component);\n --global-font-static-comp-lined-regular-m: 400 14px/1.5 var(--global-font-families-component);\n --global-font-static-comp-lined-regular-l: 400 16px/1.5 var(--global-font-families-component);\n --global-font-static-comp-lined-medium-s: 500 14px/1.5 var(--global-font-families-component);\n --global-font-static-comp-lined-medium-m: 500 14px/1.5 var(--global-font-families-component);\n --global-font-static-comp-lined-medium-l: 500 16px/1.5 var(--global-font-families-component);\n --global-font-static-comp-placeholder-xs: 500 12px/1.5 var(--global-font-families-component);\n --global-font-static-comp-placeholder-s: 500 14px/1.5 var(--global-font-families-component);\n --global-font-static-comp-placeholder-m: 500 18px/1.5 var(--global-font-families-component);\n --global-font-static-comp-placeholder-ml: 500 24px/1.5 var(--global-font-families-component);\n --global-font-static-comp-placeholder-l: 500 30px/1.5 var(--global-font-families-component);\n --global-font-static-comp-placeholder-xl: 500 40px/1.5 var(--global-font-families-component);\n --global-font-static-comp-placeholder-xxl: 500 52px/1.5 var(--global-font-families-component);\n --global-font-families-heading: Sage UI;\n --global-font-families-subheading: Sage UI;\n --global-font-families-body: Sage UI;\n --global-font-families-component: Sage UI;\n --global-font-families-sage-icons: sage-icons;\n --global-font-families-other: Open Sans;\n --global-modifier-button-active: 0.30;\n --global-modifier-button-active-alt: 0.15;\n --global-modifier-button-hover: 0.15;\n --global-modifier-button-hover-alt: 0.10;\n --global-modifier-input-disabled-fg: 0.3;\n --global-modifier-input-disabled-bg: 0.03;\n --global-radius-none: 0;\n --global-radius-scale: 1;\n --global-radius-container-3-xs: calc(1px * var(--global-radius-scale));\n --global-radius-container-2-xs: calc(2px * var(--global-radius-scale));\n --global-radius-container-xs: calc(4px * var(--global-radius-scale));\n --global-radius-container-s: calc(6px * var(--global-radius-scale));\n --global-radius-container-m: calc(8px * var(--global-radius-scale));\n --global-radius-container-l: calc(16px * var(--global-radius-scale));\n --global-radius-container-xl: calc(24px * var(--global-radius-scale));\n --global-radius-container-2-xl: calc(32px * var(--global-radius-scale));\n --global-radius-container-3-xl: calc(40px * var(--global-radius-scale));\n --global-radius-container-4-xl: calc(80px * var(--global-radius-scale));\n --global-radius-container-circle: 999px;\n --global-radius-action-2-xs: calc(1px * var(--global-radius-scale));\n --global-radius-action-xs: calc(2px * var(--global-radius-scale));\n --global-radius-action-s: calc(4px * var(--global-radius-scale));\n --global-radius-action-m: calc(8px * var(--global-radius-scale));\n --global-radius-action-l: calc(16px * var(--global-radius-scale));\n --global-radius-action-xl: calc(20px * var(--global-radius-scale));\n --global-radius-action-2-xl: calc(24px * var(--global-radius-scale));\n --global-radius-action-circle: 999px;\n --global-depth-none: 0 0 0 0 rgba(0,0,0,0);\n --global-depth-lvl0: 0 0 1px 1px var(--mode-color-generic-depth-faint), 1px 2px 2px 0 var(--mode-color-generic-depth-soft);\n --global-depth-lvl1: 0 1px 2px 0 var(--mode-color-generic-depth-faint), 2px 2px 10px 0 var(--mode-color-generic-depth-soft);\n --global-depth-lvl2: 0 2px 3px 0 var(--mode-color-generic-depth-faint), 6px 6px 30px 0 var(--mode-color-generic-depth-delicate);\n --global-depth-lvl3: 0 3px 4px 0 var(--mode-color-generic-depth-faint), 10px 10px 60px 0 var(--mode-color-generic-depth-faint);\n --global-depth-sticky-b: 0 -1px 2px 0 var(--mode-color-generic-depth-faint), 2px -2px 10px 0 var(--mode-color-generic-depth-soft);\n --global-depth-sticky-l: 2px 0 2px 0 var(--mode-color-generic-depth-faint), 5px 0 5px 0 var(--mode-color-generic-depth-faint);\n --global-depth-sticky-r: -2px 0 2px 0 var(--mode-color-generic-depth-faint), -5px 0 5px 0 var(--mode-color-generic-depth-faint);\n --global-depth-sticky-t: inset 0 8px 4px -4px var(--mode-color-generic-depth-faint);\n --global-size-none: 0px;\n --global-size-6-xs: 2px;\n --global-size-5-xs: 4px;\n --global-size-4-xs: 8px;\n --global-size-3-xs: 16px;\n --global-size-2-xs: 20px;\n --global-size-xs: 24px;\n --global-size-s: 32px;\n --global-size-m: 40px;\n --global-size-l: 48px;\n --global-size-xl: 56px;\n --global-size-2-xl: 64px;\n --global-size-3-xl: 72px;\n --global-size-4-xl: 80px;\n --global-space-none: 0px;\n --global-space-layout-3-xs: 8px;\n --global-space-layout-2-xs: 16px;\n --global-space-layout-xs: 24px;\n --global-space-layout-s: 32px;\n --global-space-layout-m: 40px;\n --global-space-layout-l: 48px;\n --global-space-layout-xl: 56px;\n --global-space-layout-2-xl: 64px;\n --global-space-layout-3-xl: 72px;\n --global-space-layout-4-xl: 80px;\n --global-space-comp-2-xs: 2px;\n --global-space-comp-xs: 4px;\n --global-space-comp-s: 8px;\n --global-space-comp-m: 12px;\n --global-space-comp-l: 16px;\n --global-space-comp-xl: 24px;\n --global-space-comp-2-xl: 32px;\n --mode-color-none: #fff0;\n --mode-color-ai-stop-1: #13a038;\n --mode-color-ai-stop-2: #149197;\n --mode-color-ai-stop-3: #a87cfb;\n --mode-color-ai-alt-stop-1: #00d639;\n --mode-color-ai-alt-stop-2: #00d6de;\n --mode-color-ai-alt-stop-3: #9d60ff;\n --mode-color-brand-default: #000000;\n --mode-color-brand-default-alt: #000000;\n --mode-color-brand-with-default-alt: #FFFFFF;\n --mode-color-brand-inverse-default: #00d639;\n --mode-color-brand-inverse-default-alt: #FFFFFF;\n --mode-color-brand-inverse-with-default-alt: #000000;\n --mode-color-brand-copilot-default: #000000;\n --mode-color-brand-copilot-monochrome: #000000;\n --mode-color-brand-copilot-with-default: #00d639;\n --mode-color-brand-copilot-inverse-default: #FFFFFF;\n --mode-color-brand-copilot-inverse-monochrome: #FFFFFF;\n --mode-color-brand-copilot-inverse-with-default: #00d639;\n --mode-color-colorcode-blue-intense: #00528f;\n --mode-color-colorcode-blue-harsh: #0071c3;\n --mode-color-colorcode-blue-soft: #008ef4;\n --mode-color-colorcode-blue-faint: #e4eeff;\n --mode-color-colorcode-teal-intense: #005A59;\n --mode-color-colorcode-teal-harsh: #007C7B;\n --mode-color-colorcode-teal-soft: #009B99;\n --mode-color-colorcode-teal-faint: #C8F5F5;\n --mode-color-colorcode-green-intense: #005e14;\n --mode-color-colorcode-green-harsh: #00811F;\n --mode-color-colorcode-green-soft: #1BA12B;\n --mode-color-colorcode-green-faint: #D1F6D6;\n --mode-color-colorcode-lime-intense: #475600;\n --mode-color-colorcode-lime-harsh: #627600;\n --mode-color-colorcode-lime-soft: #7d9428;\n --mode-color-colorcode-lime-faint: #e8f1d4;\n --mode-color-colorcode-orange-intense: #952a00;\n --mode-color-colorcode-orange-harsh: #d64309;\n --mode-color-colorcode-orange-soft: #e5631c;\n --mode-color-colorcode-orange-faint: #ffeaca;\n --mode-color-colorcode-red-intense: #a30037;\n --mode-color-colorcode-red-harsh: #db004e;\n --mode-color-colorcode-red-soft: #ff3e6a;\n --mode-color-colorcode-red-faint: #ffe8ea;\n --mode-color-colorcode-pink-intense: #921a6e;\n --mode-color-colorcode-pink-harsh: #c72699;\n --mode-color-colorcode-pink-soft: #E84DB5;\n --mode-color-colorcode-pink-faint: #fee8f5;\n --mode-color-colorcode-purple-intense: #6a32a6;\n --mode-color-colorcode-purple-harsh: #8f4bd7;\n --mode-color-colorcode-purple-soft: #a375dd;\n --mode-color-colorcode-purple-faint: #F3EBFE;\n --mode-color-colorcode-slate-intense: #304658;\n --mode-color-colorcode-slate-harsh: #5e6f7d;\n --mode-color-colorcode-slate-soft: #8c98a2;\n --mode-color-colorcode-slate-faint: #e4eff5;\n --mode-color-colorcode-gray-intense: #505050;\n --mode-color-colorcode-gray-harsh: #6f6f6f;\n --mode-color-colorcode-gray-soft: #8b8b8b;\n --mode-color-colorcode-gray-faint: #eeeeee;\n --mode-color-colorcode-yellow-intense: #885e00;\n --mode-color-colorcode-yellow-harsh: #9f7000;\n --mode-color-colorcode-yellow-soft: #ffca35;\n --mode-color-colorcode-yellow-faint: #ffedb8;\n --mode-color-generic-bg-nought: #FFFFFF;\n --mode-color-generic-bg-faint: #f4f5f6;\n --mode-color-generic-bg-delicate: #e8eaec;\n --mode-color-generic-bg-soft: #dde0e3;\n --mode-color-generic-bg-inverse-nought: #000000;\n --mode-color-generic-bg-inverse-faint: #ffffff0d;\n --mode-color-generic-bg-inverse-delicate: #ffffff1a;\n --mode-color-generic-bg-inverse-soft: #ffffff26;\n --mode-color-generic-depth-faint: #0000001a;\n --mode-color-generic-depth-delicate: #00000026;\n --mode-color-generic-depth-soft: #0003;\n --mode-color-generic-txt-extreme: #000000;\n --mode-color-generic-txt-severe: #000000f2;\n --mode-color-generic-txt-moderate: #000000a6;\n --mode-color-generic-txt-soft: #0000008c;\n --mode-color-generic-txt-delicate: #0000006b;\n --mode-color-generic-txt-inverse-extreme: #FFFFFF;\n --mode-color-generic-txt-inverse-severe: #fffffff2;\n --mode-color-generic-txt-inverse-moderate: #ffffffab;\n --mode-color-generic-txt-inverse-soft: #ffffff8c;\n --mode-color-generic-txt-inverse-delicate: #ffffff6b;\n --mode-color-generic-fg-nought: #FFFFFF;\n --mode-color-generic-fg-soft: #a3adb5;\n --mode-color-generic-fg-moderate: #8c98a2;\n --mode-color-generic-fg-firm: #75838f;\n --mode-color-generic-fg-inverse-nought: #000000;\n --mode-color-generic-fg-inverse-soft: #505050;\n --mode-color-generic-fg-inverse-moderate: #616161;\n --mode-color-generic-fg-inverse-firm: #6f6f6f;\n --mode-color-generic-surface-nought: #FFFFFF;\n --mode-color-generic-surface-trace: #f4f5f6;\n --mode-color-generic-surface-faint: #e8eaec;\n --mode-color-generic-surface-harsh: #475a6a;\n --mode-color-generic-surface-severe: #304658;\n --mode-color-generic-surface-acute: #253b4e;\n --mode-color-action-ai-grad-active: linear-gradient(90deg, #13a03826 0%, #14919726 40%, #a87cfb26 90%);\n --mode-color-action-ai-grad-hover: linear-gradient(90deg, #13a03814 0%, #14919714 40%, #a87cfb14 90%);\n --mode-color-action-ai-grad-default: linear-gradient(90deg, #13a038 0%, #149197 40%, #a87cfb 90%);\n --mode-color-action-ai-active-stop-1: #13a03826;\n --mode-color-action-ai-active-stop-2: #14919726;\n --mode-color-action-ai-active-stop-3: #a87cfb26;\n --mode-color-action-ai-hover-stop-1: #13a03814;\n --mode-color-action-ai-hover-stop-2: #14919714;\n --mode-color-action-ai-hover-stop-3: #a87cfb14;\n --mode-color-action-danger-active: #a30037;\n --mode-color-action-danger-default: #db004e;\n --mode-color-action-danger-default-alt: #c40044;\n --mode-color-action-danger-hover: #c40044;\n --mode-color-action-danger-hover-alt: #db004e26;\n --mode-color-action-danger-hover-alt2: #a30037;\n --mode-color-action-danger-with-active: #FFFFFF;\n --mode-color-action-danger-with-default: #FFFFFF;\n --mode-color-action-danger-inverse-active: #ff728d;\n --mode-color-action-danger-inverse-default: #f50059;\n --mode-color-action-danger-inverse-default-alt: #ff3e6a;\n --mode-color-action-danger-inverse-hover: #ff3e6a;\n --mode-color-action-danger-inverse-hover-alt: #f5005926;\n --mode-color-action-danger-inverse-hover-alt2: #ff728d;\n --mode-color-action-danger-inverse-with-active: #000000;\n --mode-color-action-danger-inverse-with-default: #000000;\n --mode-color-action-data-entry-default: #FFFFFF;\n --mode-color-action-data-entry-with-active: #000000;\n --mode-color-action-data-entry-with-active-alt: #FFFFFF;\n --mode-color-action-data-entry-with-hover: #000000;\n --mode-color-action-data-entry-hover-alt: #f4f5f6;\n --mode-color-action-data-entry-with-default: #75838f;\n --mode-color-action-data-entry-default-alt: #e8eaec;\n --mode-color-action-data-entry-txt: #000000f2;\n --mode-color-action-data-entry-txt-alt: #0000008c;\n --mode-color-action-data-entry-inverse-default: #000000;\n --mode-color-action-data-entry-inverse-with-default: #a3adb5;\n --mode-color-action-data-entry-inverse-txt: #fffffff2;\n --mode-color-action-data-entry-inverse-txt-alt: #ffffff8c;\n --mode-color-action-focus-default: #000000;\n --mode-color-action-focus-txt: #000000;\n --mode-color-action-focus-with-default: #FFB500;\n --mode-color-action-focus-with-default-alt: #ffd274;\n --mode-color-action-focus-inverse-default: #FFB500;\n --mode-color-action-focus-inverse-txt: #FFFFFF;\n --mode-color-action-focus-inverse-with-default: #000000;\n --mode-color-action-focus-inverse-with-default-alt: #885e00;\n --mode-color-action-inactive-default: #0000004d;\n --mode-color-action-inactive-mask: #0006;\n --mode-color-action-inactive-default-alt: #00000008;\n --mode-color-action-inactive-txt: #0000006b;\n --mode-color-action-inactive-txt-alt: #FFFFFF;\n --mode-color-action-inactive-icon: #0000006b;\n --mode-color-action-inactive-icon-alt: #0000008c;\n --mode-color-action-inactive-inverse-default: #ffffff4d;\n --mode-color-action-inactive-inverse-txt: #ffffff6b;\n --mode-color-action-inactive-inverse-txt-alt: #000000;\n --mode-color-action-grayscale-active: #000000;\n --mode-color-action-grayscale-active-alt: #00000026;\n --mode-color-action-grayscale-default: #000000eb;\n --mode-color-action-grayscale-default-alt: #000000ab;\n --mode-color-action-grayscale-hover-alt: #0000001a;\n --mode-color-action-grayscale-hover: #00000026;\n --mode-color-action-grayscale-with-active: #FFFFFF;\n --mode-color-action-grayscale-with-active-alt: #000000;\n --mode-color-action-grayscale-with-default: #FFFFFF;\n --mode-color-action-grayscale-with-hover: #000000;\n --mode-color-action-grayscale-inverse-active: #FFFFFF;\n --mode-color-action-grayscale-inverse-active-alt: #ffffff26;\n --mode-color-action-grayscale-inverse-default: #ffffffeb;\n --mode-color-action-grayscale-inverse-default-alt: #ffffffab;\n --mode-color-action-grayscale-inverse-hover-alt: #ffffff1a;\n --mode-color-action-grayscale-inverse-hover: #ffffff26;\n --mode-color-action-grayscale-inverse-with-active: #000000;\n --mode-color-action-grayscale-inverse-with-active-alt: #FFFFFF;\n --mode-color-action-grayscale-inverse-with-default: #000000;\n --mode-color-action-grayscale-inverse-with-hover: #FFFFFF;\n --mode-color-action-nav-active: #005e14;\n --mode-color-action-nav-default: #FFFFFF;\n --mode-color-action-nav-default-alt: #f4f5f6;\n --mode-color-action-nav-child: #FFFFFF;\n --mode-color-action-nav-child-alt: #e8eaec;\n --mode-color-action-nav-hover: #007219;\n --mode-color-action-nav-with-active: #FFFFFF;\n --mode-color-action-nav-with-default: #000000f2;\n --mode-color-action-nav-with-hover: #FFFFFF;\n --mode-color-action-nav-inverse-active: #005e14;\n --mode-color-action-nav-inverse-default: #000000;\n --mode-color-action-nav-inverse-default-alt: #252525;\n --mode-color-action-nav-inverse-child: #505050;\n --mode-color-action-nav-inverse-child-alt: #616161;\n --mode-color-action-nav-inverse-hover: #007219;\n --mode-color-action-nav-inverse-with-active: #FFFFFF;\n --mode-color-action-nav-inverse-with-default: #fffffff2;\n --mode-color-action-nav-inverse-with-default-alt: #fffc;\n --mode-color-action-nav-inverse-with-hover: #FFFFFF;\n --mode-color-action-main-active: #005e14;\n --mode-color-action-main-active-alt: #00811f4d;\n --mode-color-action-main-default: #00811f;\n --mode-color-action-main-default-alt: #00811fcc;\n --mode-color-action-main-default-alt2: #007219;\n --mode-color-action-main-default-alt3: #00811f08;\n --mode-color-action-main-hover: #007219;\n --mode-color-action-main-hover-alt: #00811f26;\n --mode-color-action-main-hover-alt2: #005e14;\n --mode-color-action-main-with-active: #FFFFFF;\n --mode-color-action-main-with-default: #FFFFFF;\n --mode-color-action-main-with-hover: #FFFFFF;\n --mode-color-action-main-inverse-active: #8fff98;\n --mode-color-action-main-inverse-active-alt: #00f1424d;\n --mode-color-action-main-inverse-default: #00f142;\n --mode-color-action-main-inverse-default-alt: #00f142cc;\n --mode-color-action-main-inverse-default-alt2: #46fb5e;\n --mode-color-action-main-inverse-default-alt3: #00f14208;\n --mode-color-action-main-inverse-hover: #46fb5e;\n --mode-color-action-main-inverse-hover-alt: #00f14226;\n --mode-color-action-main-inverse-hover-alt2: #8fff98;\n --mode-color-action-main-inverse-with-active: #000000;\n --mode-color-action-main-inverse-with-default: #000000;\n --mode-color-action-main-inverse-with-hover: #000000;\n --mode-color-status-ai-default: #FFFFFF;\n --mode-color-status-ai-default-alt: #000000;\n --mode-color-status-ai-with-default-alt: #00000080;\n --mode-color-status-ai-default-horizontal: linear-gradient(90deg, #13a038 0%, #149197 40%, #a87cfb 90%);\n --mode-color-status-ai-default-vertical: linear-gradient(180deg, #13a038 0%, #149197 40%, #a87cfb 90%);\n --mode-color-status-ai-inverse-default-horizontal: linear-gradient(90deg, #00d639 0%, #00d6de 40%, #9d60ff 90%);\n --mode-color-status-ai-inverse-default-vertical: linear-gradient(180deg, #00d639 0%, #00d6de 40%, #9d60ff 90%);\n --mode-color-status-callout-default-alt: #e0ffe2;\n --mode-color-status-callout-hover-alt: #b7ffbd;\n --mode-color-status-skeleton-stop-1: #75838f;\n --mode-color-status-skeleton-stop-2: #d1d6da;\n --mode-color-status-warning-default: #d64309;\n --mode-color-status-warning-default-alt: #fff7eb;\n --mode-color-status-warning-with-default-alt: #d6430980;\n --mode-color-status-warning-hover: #b33400;\n --mode-color-status-warning-hover-alt: #ffeaca;\n --mode-color-status-warning-txt: #b33400;\n --mode-color-status-warning-inverse-default: #e24300;\n --mode-color-status-warning-inverse-default-alt: #1d0300;\n --mode-color-status-warning-inverse-hover: #e5631c;\n --mode-color-status-warning-inverse-hover-alt: #360900;\n --mode-color-status-warning-inverse-txt: #e5631c;\n --mode-color-status-txt-with-default: #FFFFFF;\n --mode-color-status-txt-with-default-alt: #000000f2;\n --mode-color-status-txt-with-hover: #FFFFFF;\n --mode-color-status-txt-with-hover-alt: #000000;\n --mode-color-status-txt-loading: #747474;\n --mode-color-status-txt-inverse-with-default: #000000;\n --mode-color-status-txt-inverse-with-default-alt: #FFFFFF;\n --mode-color-status-txt-inverse-with-hover: #000000;\n --mode-color-status-txt-inverse-with-hover-alt: #FFFFFF;\n --mode-color-status-custom-blue-default: #0071c3;\n --mode-color-status-custom-blue-default-alt: #f5f8ff;\n --mode-color-status-custom-blue-hover: #0063ad;\n --mode-color-status-custom-blue-hover-alt: #e4eeff;\n --mode-color-status-custom-teal-default: #007C7B;\n --mode-color-status-custom-teal-default-alt: #E8FCFC;\n --mode-color-status-custom-teal-hover: #006D6C;\n --mode-color-status-custom-teal-hover-alt: #C8F5F5;\n --mode-color-status-custom-green-default: #00811F;\n --mode-color-status-custom-green-default-alt: #EEFCEF;\n --mode-color-status-custom-green-hover: #007219;\n --mode-color-status-custom-green-hover-alt: #D1F6D6;\n --mode-color-status-custom-lime-default: #627600;\n --mode-color-status-custom-lime-default-alt: #f6f9f0;\n --mode-color-status-custom-lime-hover: #576900;\n --mode-color-status-custom-lime-hover-alt: #e8f1d4;\n --mode-color-status-custom-orange-default: #d64309;\n --mode-color-status-custom-orange-default-alt: #fff7eb;\n --mode-color-status-custom-orange-hover: #b33400;\n --mode-color-status-custom-orange-hover-alt: #ffeaca;\n --mode-color-status-custom-orange-txt: #b33400;\n --mode-color-status-custom-red-default: #db004e;\n --mode-color-status-custom-red-default-alt: #fff5f6;\n --mode-color-status-custom-red-hover: #c40044;\n --mode-color-status-custom-red-hover-alt: #ffe8ea;\n --mode-color-status-custom-pink-default: #c72699;\n --mode-color-status-custom-pink-default-alt: #fff5fa;\n --mode-color-status-custom-pink-hover: #b02086;\n --mode-color-status-custom-pink-hover-alt: #fee8f5;\n --mode-color-status-custom-purple-default: #8f4bd7;\n --mode-color-status-custom-purple-default-alt: #f9f6ff;\n --mode-color-status-custom-purple-hover: #803ec5;\n --mode-color-status-custom-purple-hover-alt: #F3EBFE;\n --mode-color-status-custom-gray-default: #6f6f6f;\n --mode-color-status-custom-gray-default-alt: #f8f8f8;\n --mode-color-status-custom-gray-hover: #616161;\n --mode-color-status-custom-gray-hover-alt: #eeeeee;\n --mode-color-status-custom-slate-default: #536574;\n --mode-color-status-custom-slate-default-alt: #f4f5f6;\n --mode-color-status-custom-slate-hover: #475a6a;\n --mode-color-status-custom-slate-hover-alt: #e8eaec;\n --mode-color-status-priority-default: #8f4bd7;\n --mode-color-status-priority-default-alt: #f9f6ff;\n --mode-color-status-priority-hover: #803ec5;\n --mode-color-status-priority-hover-alt: #F3EBFE;\n --mode-color-status-priority-inverse-default: #9463d7;\n --mode-color-status-priority-inverse-default-alt: #10041f;\n --mode-color-status-priority-inverse-hover: #a375dd;\n --mode-color-status-priority-inverse-hover-alt: #220c3a;\n --mode-color-status-inactive-default: #75838f;\n --mode-color-status-inactive-with-default: #0000008c;\n --mode-color-status-inactive-inverse-default: #6f6f6f;\n --mode-color-status-inactive-inverse-with-default: #ffffff8c;\n --mode-color-status-info-default: #0071c3;\n --mode-color-status-info-default-alt: #f5f8ff;\n --mode-color-status-info-with-default-alt: #0071c380;\n --mode-color-status-info-hover: #0063ad;\n --mode-color-status-info-hover-alt: #e4eeff;\n --mode-color-status-info-inverse-default: #007fd9;\n --mode-color-status-info-inverse-default-alt: #000b1c;\n --mode-color-status-info-inverse-hover: #008ef4;\n --mode-color-status-info-inverse-hover-alt: #001932;\n --mode-color-status-negative-default: #db004e;\n --mode-color-status-negative-default-alt: #fff5f6;\n --mode-color-status-negative-hover: #c40044;\n --mode-color-status-negative-hover-alt: #ffe8ea;\n --mode-color-status-negative-inverse-default: #f50059;\n --mode-color-status-negative-inverse-default-alt: #1e0005;\n --mode-color-status-negative-inverse-hover: #ff3e6a;\n --mode-color-status-negative-inverse-hover-alt: #3c000f;\n --mode-color-status-neutral-default: #6f6f6f;\n --mode-color-status-neutral-default-alt: #f8f8f8;\n --mode-color-status-neutral-hover: #616161;\n --mode-color-status-neutral-hover-alt: #eeeeee;\n --mode-color-status-neutral-inverse-default: #7c7c7c;\n --mode-color-status-neutral-inverse-default-alt: #0b0b0b;\n --mode-color-status-neutral-inverse-hover: #8b8b8b;\n --mode-color-status-neutral-inverse-hover-alt: #181818;\n --mode-color-status-positive-default: #00811F;\n --mode-color-status-positive-default-alt: #EEFCEF;\n --mode-color-status-positive-with-default-alt: #00811f80;\n --mode-color-status-positive-hover: #007219;\n --mode-color-status-positive-hover-alt: #D1F6D6;\n --mode-color-status-positive-inverse-default: #019127;\n --mode-color-status-positive-inverse-default-alt: #001001;\n --mode-color-status-positive-inverse-hover: #007219;\n --mode-color-status-positive-inverse-hover-alt: #001f03;\n --badge-none: var(--mode-color-none);\n --badge-bg-default: var(--mode-color-status-negative-default);\n --badge-border-default: var(--mode-color-generic-bg-nought);\n --badge-bg-alt: var(--mode-color-status-info-default);\n --badge-label-default: var(--mode-color-generic-txt-inverse-extreme);\n --badge-label-alt: var(--mode-color-generic-txt-inverse-extreme);\n --badge-inverse-bg-default: var(--mode-color-status-negative-inverse-default);\n --badge-inverse-border-default: var(--mode-color-generic-bg-inverse-nought);\n --badge-inverse-bg-alt: var(--mode-color-status-info-inverse-default);\n --badge-inverse-label-default: var(--mode-color-generic-txt-extreme);\n --badge-inverse-label-alt: var(--mode-color-generic-txt-extreme);\n --button-none: var(--mode-color-none);\n --button-ai-bg-active: var(--mode-color-action-ai-grad-active);\n --button-ai-bg-hover: var(--mode-color-action-ai-grad-hover);\n --button-ai-border-active: linear-gradient(90deg, var(--mode-color-ai-stop-1) 0%, var(--mode-color-ai-stop-2) 40%, var(--mode-color-ai-stop-3) 90%);\n --button-ai-border-disabled: var(--mode-color-action-inactive-default);\n --button-ai-border-default: linear-gradient(90deg, var(--mode-color-ai-stop-1) 0%, var(--mode-color-ai-stop-2) 40%, var(--mode-color-ai-stop-3) 90%);\n --button-ai-border-hover: linear-gradient(90deg, var(--mode-color-ai-stop-1) 0%, var(--mode-color-ai-stop-2) 40%, var(--mode-color-ai-stop-3) 90%);\n --button-ai-label-active: var(--mode-color-action-grayscale-with-active-alt);\n --button-ai-label-disabled: var(--mode-color-action-inactive-txt);\n --button-ai-label-default: var(--mode-color-action-grayscale-default);\n --button-ai-label-hover: var(--mode-color-action-grayscale-with-hover);\n --button-destructive-primary-bg-disabled: var(--mode-color-action-inactive-default);\n --button-destructive-primary-bg-default: var(--mode-color-action-danger-default);\n --button-destructive-primary-bg-hover: var(--mode-color-action-danger-hover);\n --button-destructive-primary-label-disabled: var(--mode-color-action-inactive-txt-alt);\n --button-destructive-primary-label-default: var(--mode-color-action-danger-with-default);\n --button-destructive-primary-label-hover: var(--mode-color-action-danger-with-default);\n --button-destructive-secondary-bg-hover: var(--mode-color-action-danger-hover-alt);\n --button-destructive-secondary-border-disabled: var(--mode-color-action-inactive-default);\n --button-destructive-secondary-border-default: var(--mode-color-action-danger-default);\n --button-destructive-secondary-border-hover: var(--mode-color-action-danger-hover);\n --button-destructive-secondary-label-disabled: var(--mode-color-action-inactive-txt);\n --button-destructive-secondary-label-default: var(--mode-color-action-danger-default);\n --button-destructive-secondary-label-hover: var(--mode-color-action-danger-hover);\n --button-typical-primary-bg-active: var(--mode-color-action-main-active);\n --button-typical-primary-border-default: var(--mode-color-action-main-with-default);\n --button-typical-primary-bg-disabled: var(--mode-color-action-inactive-default);\n --button-typical-primary-bg-default: var(--mode-color-action-main-default);\n --button-typical-primary-bg-hover: var(--mode-color-action-main-hover);\n --button-typical-primary-label-active: var(--mode-color-action-main-with-active);\n --button-typical-primary-label-disabled: var(--mode-color-action-inactive-txt-alt);\n --button-typical-primary-label-default: var(--mode-color-action-main-with-default);\n --button-typical-primary-label-hover: var(--mode-color-action-main-with-hover);\n --button-typical-primary-inverse-bg-active: var(--mode-color-action-main-inverse-active);\n --button-typical-primary-inverse-border-default: var(--mode-color-action-main-inverse-with-default);\n --button-typical-primary-inverse-bg-disabled: var(--mode-color-action-inactive-inverse-default);\n --button-typical-primary-inverse-bg-default: var(--mode-color-action-main-inverse-default);\n --button-typical-primary-inverse-bg-hover: var(--mode-color-action-main-inverse-hover);\n --button-typical-primary-inverse-label-active: var(--mode-color-action-main-inverse-with-active);\n --button-typical-primary-inverse-label-disabled: var(--mode-color-action-inactive-inverse-txt-alt);\n --button-typical-primary-inverse-label-default: var(--mode-color-action-main-inverse-with-default);\n --button-typical-primary-inverse-label-hover: var(--mode-color-action-main-inverse-with-hover);\n --button-typical-secondary-bg-active: var(--mode-color-action-main-active-alt);\n --button-typical-secondary-bg-default: var(--mode-color-action-main-default-alt3);\n --button-typical-secondary-bg-hover: var(--mode-color-action-main-hover-alt);\n --button-typical-secondary-border-active: var(--mode-color-action-main-active);\n --button-typical-secondary-border-disabled: var(--mode-color-action-inactive-default);\n --button-typical-secondary-border-default: var(--mode-color-action-main-default-alt);\n --button-typical-secondary-border-hover: var(--mode-color-action-main-hover);\n --button-typical-secondary-label-active: var(--mode-color-action-grayscale-with-active-alt);\n --button-typical-secondary-label-disabled: var(--mode-color-action-inactive-txt);\n --button-typical-secondary-label-default: var(--mode-color-action-grayscale-default);\n --button-typical-secondary-label-hover: var(--mode-color-action-grayscale-with-hover);\n --button-typical-secondary-inverse-bg-active: var(--mode-color-action-main-inverse-active-alt);\n --button-typical-secondary-inverse-bg-default: var(--mode-color-action-main-inverse-default-alt3);\n --button-typical-secondary-inverse-bg-hover: var(--mode-color-action-main-inverse-hover-alt);\n --button-typical-secondary-inverse-border-active: var(--mode-color-action-main-inverse-active);\n --button-typical-secondary-inverse-border-disabled: var(--mode-color-action-inactive-inverse-default);\n --button-typical-secondary-inverse-border-default: var(--mode-color-action-main-inverse-default-alt);\n --button-typical-secondary-inverse-border-hover: var(--mode-color-action-main-inverse-hover);\n --button-typical-secondary-inverse-label-active: var(--mode-color-action-grayscale-inverse-with-active-alt);\n --button-typical-secondary-inverse-label-disabled: var(--mode-color-action-inactive-inverse-txt);\n --button-typical-secondary-inverse-label-default: var(--mode-color-action-grayscale-inverse-default);\n --button-typical-secondary-inverse-label-hover: var(--mode-color-action-grayscale-inverse-with-hover);\n --button-typical-tertiary-bg-active: var(--mode-color-action-main-active-alt);\n --button-typical-tertiary-bg-default: var(--button-none);\n --button-typical-tertiary-bg-hover: var(--mode-color-action-main-hover-alt);\n --button-typical-tertiary-border-active: var(--mode-color-action-main-active);\n --button-typical-tertiary-border-disabled: var(--mode-color-action-inactive-default);\n --button-typical-tertiary-border-default: var(--mode-color-action-main-default-alt);\n --button-typical-tertiary-border-hover: var(--mode-color-action-main-hover);\n --button-typical-tertiary-label-active: var(--mode-color-action-grayscale-with-active-alt);\n --button-typical-tertiary-label-disabled: var(--mode-color-action-inactive-txt);\n --button-typical-tertiary-label-default: var(--mode-color-action-grayscale-default);\n --button-typical-tertiary-label-hover: var(--mode-color-action-grayscale-with-hover);\n --button-typical-tertiary-inverse-bg-active: var(--mode-color-action-main-inverse-active-alt);\n --button-typical-tertiary-inverse-bg-default: var(--button-none);\n --button-typical-tertiary-inverse-bg-hover: var(--mode-color-action-main-inverse-hover-alt);\n --button-typical-tertiary-inverse-border-active: var(--mode-color-action-main-inverse-active);\n --button-typical-tertiary-inverse-border-disabled: var(--mode-color-action-inactive-inverse-default);\n --button-typical-tertiary-inverse-border-default: var(--mode-color-action-main-inverse-default-alt);\n --button-typical-tertiary-inverse-border-hover: var(--mode-color-action-main-inverse-hover);\n --button-typical-tertiary-inverse-label-active: var(--mode-color-action-grayscale-inverse-with-active-alt);\n --button-typical-tertiary-inverse-label-disabled: var(--mode-color-action-inactive-inverse-txt);\n --button-typical-tertiary-inverse-label-default: var(--mode-color-action-grayscale-inverse-default);\n --button-typical-tertiary-inverse-label-hover: var(--mode-color-action-grayscale-inverse-with-hover);\n --button-typical-subtle-bg-active: var(--mode-color-action-grayscale-active-alt);\n --button-typical-subtle-bg-hover: var(--mode-color-generic-bg-delicate);\n --button-typical-subtle-label-active: var(--mode-color-action-grayscale-with-active-alt);\n --button-typical-subtle-label-disabled: var(--mode-color-action-inactive-txt);\n --button-typical-subtle-label-default: var(--mode-color-action-grayscale-default);\n --button-typical-subtle-label-hover: var(--mode-color-action-grayscale-with-hover);\n --button-typical-subtle-inverse-bg-active: var(--mode-color-action-grayscale-inverse-active-alt);\n --button-typical-subtle-inverse-bg-hover: var(--mode-color-action-grayscale-inverse-hover-alt);\n --button-typical-subtle-inverse-label-active: var(--mode-color-action-grayscale-inverse-with-active-alt);\n --button-typical-subtle-inverse-label-disabled: var(--mode-color-action-inactive-inverse-txt);\n --button-typical-subtle-inverse-label-default: var(--mode-color-action-grayscale-inverse-default);\n --button-typical-subtle-inverse-label-hover: var(--mode-color-action-grayscale-inverse-with-hover);\n --button-typical-toggle-bg-active-disabled: var(--mode-color-action-inactive-default);\n --button-typical-toggle-label-active-disabled: var(--mode-color-action-inactive-txt-alt);\n --button-typical-toggle-bg-active: var(--mode-color-action-grayscale-active);\n --button-typical-toggle-bg-default: var(--mode-color-action-grayscale-with-default);\n --button-typical-toggle-bg-hover: var(--mode-color-generic-bg-delicate);\n --button-typical-toggle-border-default: var(--mode-color-action-grayscale-default);\n --button-typical-toggle-border-disabled: var(--mode-color-action-inactive-default);\n --button-typical-toggle-label-active: var(--mode-color-action-grayscale-with-active);\n --button-typical-toggle-label-disabled: var(--mode-color-action-inactive-txt);\n --button-typical-toggle-label-default: var(--mode-color-action-grayscale-default-alt);\n --button-typical-toggle-label-hover: var(--mode-color-action-grayscale-with-hover);\n --button-video-bg-blur: var(--mode-color-action-grayscale-hover-alt);\n --button-video-primary-bg-default: var(--mode-color-action-grayscale-with-default);\n --button-video-primary-bg-hover: var(--mode-color-action-grayscale-with-default);\n --button-video-primary-label-default: var(--mode-color-action-grayscale-default);\n --button-video-primary-label-hover: var(--mode-color-action-grayscale-default);\n --button-video-secondary-bg-hover: var(--mode-color-action-grayscale-with-default);\n --button-video-secondary-border-default: var(--mode-color-action-grayscale-with-default);\n --button-video-secondary-border-hover: var(--mode-color-action-grayscale-with-default);\n --button-video-secondary-label-default: var(--mode-color-action-grayscale-with-default);\n --button-video-secondary-label-hover: var(--mode-color-action-grayscale-default);\n --container-action-bg-footer-activated: var(--mode-color-status-positive-default);\n --container-action-bg-footer-active: var(--mode-color-action-grayscale-active);\n --container-action-border-activated: var(--mode-color-status-positive-default);\n --container-action-bg-footer-default: var(--mode-color-generic-surface-nought);\n --container-action-bg-default: var(--mode-color-generic-surface-nought);\n --container-action-bg-disabled: var(--mode-color-action-inactive-default-alt);\n --container-action-bg-hover: var(--mode-color-generic-bg-delicate);\n --container-action-border-active: var(--mode-color-action-grayscale-active);\n --container-action-border-alt: var(--mode-color-generic-fg-moderate);\n --container-action-borderalt-hover: var(--mode-color-action-grayscale-default);\n --container-action-border-inactive: var(--mode-color-generic-fg-firm);\n --container-action-border-default: var(--mode-color-generic-fg-firm);\n --container-action-icon-active: var(--mode-color-action-grayscale-active);\n --container-action-icon-default: var(--mode-color-action-grayscale-default);\n --container-action-icon-alt-default: var(--mode-color-action-grayscale-default-alt);\n --container-action-icon-hover: var(--mode-color-action-grayscale-default);\n --container-action-label-footer-active: var(--mode-color-action-grayscale-with-active);\n --container-action-label-footer-activated: var(--mode-color-action-grayscale-with-active);\n --container-action-txt-active: var(--mode-color-action-grayscale-active);\n --container-action-txt-disabled: var(--mode-color-action-inactive-txt);\n --container-action-txt-default: var(--mode-color-generic-txt-severe);\n --container-action-txt-alt-default: var(--mode-color-generic-txt-moderate);\n --container-action-txt-hover: var(--mode-color-action-grayscale-default);\n --container-action-detailedicon-bg: var(--mode-color-status-custom-green-default);\n --container-action-target-bg-default: var(--mode-color-status-info-default);\n --container-scrollbar-bg-default: var(--mode-color-generic-bg-faint);\n --container-scrollbar-fg-default: var(--mode-color-generic-fg-firm);\n --container-scrollbar-inverse-bg-default: var(--mode-color-generic-bg-inverse-soft);\n --container-scrollbar-inverse-fg-default: var(--mode-color-generic-fg-inverse-firm);\n --container-standard-bg-alt: var(--mode-color-generic-surface-trace);\n --container-standard-bg-default: var(--mode-color-generic-surface-nought);\n --container-standard-bg-footer-default: var(--mode-color-generic-surface-trace);\n --container-standard-border-active: var(--mode-color-action-grayscale-active);\n --container-standard-border-ai-h: var(--mode-color-status-ai-inverse-default-horizontal);\n --container-standard-border-ai-v: var(--mode-color-status-ai-inverse-default-vertical);\n --container-standard-border-alt: var(--mode-color-generic-fg-firm);\n --container-standard-border-default: var(--mode-color-generic-fg-soft);\n --container-standard-dimmer: var(--mode-color-action-inactive-mask);\n --container-standard-txt-alt: var(--mode-color-generic-txt-moderate);\n --container-standard-txt-default: var(--mode-color-generic-txt-severe);\n --container-standard-icon: var(--mode-color-generic-txt-severe);\n --container-standard-inverse-bg-alt: var(--mode-color-generic-bg-inverse-delicate);\n --container-standard-inverse-border-alt: var(--mode-color-generic-fg-inverse-firm);\n --container-standard-inverse-bg-default: var(--mode-color-generic-bg-inverse-nought);\n --container-standard-inverse-border-default: var(--mode-color-generic-fg-inverse-soft);\n --container-standard-inverse-txt-alt: var(--mode-color-generic-txt-inverse-moderate);\n --container-standard-inverse-txt-default: var(--mode-color-generic-txt-inverse-severe);\n --container-standard-inverse-icon: var(--mode-color-generic-txt-inverse-severe);\n --container-standard-priority-bg-ai: var(--mode-color-status-ai-inverse-default-vertical);\n --container-standard-priority-bg-caution: var(--mode-color-status-warning-default);\n --container-standard-priority-bg-negative: var(--mode-color-status-negative-default);\n --container-standard-priority-bg-prio: var(--mode-color-status-priority-default);\n --container-standard-priority-bg-info: var(--mode-color-status-info-default);\n --container-standard-priority-bg-neutral: var(--mode-color-status-neutral-default);\n --container-standard-priority-bg-positive: var(--mode-color-status-positive-default);\n --container-standard-priority-inverse-bg-ai: var(--mode-color-status-ai-inverse-default-vertical);\n --container-standard-priority-inverse-bg-caution: var(--mode-color-status-warning-inverse-default);\n --container-standard-priority-inverse-bg-negative: var(--mode-color-status-negative-inverse-default);\n --container-standard-priority-inverse-bg-prio: var(--mode-color-status-priority-inverse-default);\n --container-standard-priority-inverse-bg-info: var(--mode-color-status-info-inverse-default);\n --container-standard-priority-inverse-bg-neutral: var(--mode-color-status-neutral-inverse-default);\n --container-standard-priority-inverse-bg-positive: var(--mode-color-status-positive-inverse-default);\n --container-quote-border: var(--mode-color-action-main-default);\n --container-size-dialog-maxwidth-s: 540px;\n --container-size-dialog-maxwidth-m: 850px;\n --container-size-dialog-maxwidth-l: 1080px;\n --container-size-fluid-items-2-xs: 80px;\n --container-size-fluid-items-xs: 128px;\n --container-size-fluid-items-s: 160px;\n --container-size-fluid-items-m: 200px;\n --container-size-fluid-items-l: 240px;\n --container-size-fluid-items-xl: 288px;\n --container-size-fluid-items-2-xl: 320px;\n --container-size-fluid-items-3-xl: 560px;\n --container-size-fluid-items-4-xl: 760px;\n --container-size-layout-maxwidth-s: 720px;\n --container-size-layout-maxwidth-m: 1200px;\n --container-size-layout-maxwidth-l: 1520px;\n --container-size-layout-maxwidth-xl: 1840px;\n --container-draggable-ghost: 0.5;\n --focus-bg: var(--mode-color-action-focus-with-default-alt);\n --focus-borderalt: var(--mode-color-action-focus-default);\n --focus-border: var(--mode-color-action-focus-with-default);\n --focus-label: var(--mode-color-action-focus-txt);\n --focus-inverse-bg: var(--mode-color-action-focus-inverse-with-default-alt);\n --focus-inverse-borderalt: var(--mode-color-action-focus-inverse-default);\n --focus-inverse-border: var(--mode-color-action-focus-inverse-with-default);\n --focus-inverse-label: var(--mode-color-action-focus-inverse-txt);\n --focus-shadow-default: 0 0 0 2px var(--focus-borderalt), 0 0 0 4px var(--focus-border);\n --focus-shadow-inset: inset 0 0 0 2px var(--focus-border), inset 0 0 0 4px var(--focus-borderalt);\n --focus-shadow-inverse-default: 0 0 0 2px var(--focus-inverse-borderalt), 0 0 0 4px var(--focus-inverse-border);\n --focus-shadow-inverse-inset: inset 0 0 0 2px var(--focus-inverse-border), inset 0 0 0 4px var(--focus-inverse-borderalt);\n --dataviz-chart-bar-fuchsia-bg-alt: var(--mode-color-colorcode-pink-faint);\n --dataviz-chart-bar-fuchsia-bg-default: var(--mode-color-colorcode-pink-intense);\n --dataviz-chart-bar-fuchsia-border: var(--mode-color-colorcode-pink-intense);\n --dataviz-chart-bar-fuchsia-pattern: var(--mode-color-colorcode-pink-intense);\n --dataviz-chart-bar-red-bg-alt: var(--mode-color-colorcode-red-faint);\n --dataviz-chart-bar-red-bg-default: var(--mode-color-colorcode-red-intense);\n --dataviz-chart-bar-red-border: var(--mode-color-colorcode-red-intense);\n --dataviz-chart-bar-red-pattern: var(--mode-color-colorcode-red-intense);\n --dataviz-chart-bar-pink-bg-alt: var(--mode-color-colorcode-red-faint);\n --dataviz-chart-bar-pink-bg-default: var(--mode-color-colorcode-red-soft);\n --dataviz-chart-bar-pink-border: var(--mode-color-colorcode-red-soft);\n --dataviz-chart-bar-pink-pattern: var(--mode-color-colorcode-red-soft);\n --dataviz-chart-bar-orange-bg-alt: var(--mode-color-colorcode-orange-faint);\n --dataviz-chart-bar-orange-bg-default: var(--mode-color-colorcode-orange-harsh);\n --dataviz-chart-bar-orange-border: var(--mode-color-colorcode-orange-harsh);\n --dataviz-chart-bar-orange-pattern: var(--mode-color-colorcode-orange-harsh);\n --dataviz-chart-bar-gold-bg-alt: var(--mode-color-colorcode-yellow-faint);\n --dataviz-chart-bar-gold-bg-default: var(--mode-color-colorcode-yellow-soft);\n --dataviz-chart-bar-gold-border: var(--mode-color-colorcode-yellow-harsh);\n --dataviz-chart-bar-gold-pattern: var(--mode-color-colorcode-yellow-harsh);\n --dataviz-chart-bar-lime-bg-alt: var(--mode-color-colorcode-lime-faint);\n --dataviz-chart-bar-lime-bg-default: var(--mode-color-colorcode-lime-harsh);\n --dataviz-chart-bar-lime-border: var(--mode-color-colorcode-lime-harsh);\n --dataviz-chart-bar-lime-pattern: var(--mode-color-colorcode-lime-harsh);\n --dataviz-chart-bar-green-bg-alt: var(--mode-color-colorcode-green-faint);\n --dataviz-chart-bar-green-bg-default: var(--mode-color-colorcode-green-harsh);\n --dataviz-chart-bar-green-border: var(--mode-color-colorcode-green-harsh);\n --dataviz-chart-bar-green-pattern: var(--mode-color-colorcode-green-harsh);\n --dataviz-chart-bar-teal-bg-alt: var(--mode-color-colorcode-teal-faint);\n --dataviz-chart-bar-teal-bg-default: var(--mode-color-colorcode-teal-soft);\n --dataviz-chart-bar-teal-border: var(--mode-color-colorcode-teal-soft);\n --dataviz-chart-bar-teal-pattern: var(--mode-color-colorcode-teal-soft);\n --dataviz-chart-bar-blue-bg-alt: var(--mode-color-colorcode-blue-faint);\n --dataviz-chart-bar-blue-bg-default: var(--mode-color-colorcode-blue-soft);\n --dataviz-chart-bar-blue-border: var(--mode-color-colorcode-blue-soft);\n --dataviz-chart-bar-blue-pattern: var(--mode-color-colorcode-blue-soft);\n --dataviz-chart-bar-navy-bg-alt: var(--mode-color-colorcode-blue-faint);\n --dataviz-chart-bar-navy-bg-default: var(--mode-color-colorcode-blue-intense);\n --dataviz-chart-bar-navy-border: var(--mode-color-colorcode-blue-intense);\n --dataviz-chart-bar-navy-pattern: var(--mode-color-colorcode-blue-intense);\n --dataviz-chart-bar-purple-bg-alt: var(--mode-color-colorcode-purple-faint);\n --dataviz-chart-bar-purple-bg-default: var(--mode-color-colorcode-purple-intense);\n --dataviz-chart-bar-purple-border: var(--mode-color-colorcode-purple-intense);\n --dataviz-chart-bar-purple-pattern: var(--mode-color-colorcode-purple-intense);\n --dataviz-chart-bar-slate-bg-alt: var(--mode-color-colorcode-slate-faint);\n --dataviz-chart-bar-slate-bg-default: var(--mode-color-colorcode-slate-intense);\n --dataviz-chart-bar-slate-border: var(--mode-color-colorcode-slate-intense);\n --dataviz-chart-bar-slate-pattern: var(--mode-color-colorcode-slate-intense);\n --dataviz-chart-donut-fuchsia-bg-alt: var(--mode-color-colorcode-pink-faint);\n --dataviz-chart-donut-fuchsia-bg-default: var(--mode-color-colorcode-pink-intense);\n --dataviz-chart-donut-fuchsia-border: var(--mode-color-colorcode-pink-intense);\n --dataviz-chart-donut-fuchsia-pattern: var(--mode-color-colorcode-pink-intense);\n --dataviz-chart-donut-red-bg-alt: var(--mode-color-colorcode-red-faint);\n --dataviz-chart-donut-red-bg-default: var(--mode-color-colorcode-red-intense);\n --dataviz-chart-donut-red-border: var(--mode-color-colorcode-red-intense);\n --dataviz-chart-donut-red-pattern: var(--mode-color-colorcode-red-intense);\n --dataviz-chart-donut-pink-bg-alt: var(--mode-color-colorcode-red-faint);\n --dataviz-chart-donut-pink-bg-default: var(--mode-color-colorcode-red-soft);\n --dataviz-chart-donut-pink-border: var(--mode-color-colorcode-red-soft);\n --dataviz-chart-donut-pink-pattern: var(--mode-color-colorcode-red-soft);\n --dataviz-chart-donut-orange-bg-alt: var(--mode-color-colorcode-orange-faint);\n --dataviz-chart-donut-orange-bg-default: var(--mode-color-colorcode-orange-harsh);\n --dataviz-chart-donut-orange-border: var(--mode-color-colorcode-orange-harsh);\n --dataviz-chart-donut-orange-pattern: var(--mode-color-colorcode-orange-harsh);\n --dataviz-chart-donut-gold-bg-alt: var(--mode-color-colorcode-yellow-faint);\n --dataviz-chart-donut-gold-bg-default: var(--mode-color-colorcode-yellow-soft);\n --dataviz-chart-donut-gold-border: var(--mode-color-colorcode-yellow-harsh);\n --dataviz-chart-donut-gold-pattern: var(--mode-color-colorcode-yellow-harsh);\n --dataviz-chart-donut-lime-bg-alt: var(--mode-color-colorcode-lime-faint);\n --dataviz-chart-donut-lime-bg-default: var(--mode-color-colorcode-lime-harsh);\n --dataviz-chart-donut-lime-border: var(--mode-color-colorcode-lime-harsh);\n --dataviz-chart-donut-lime-pattern: var(--mode-color-colorcode-lime-harsh);\n --dataviz-chart-donut-green-bg-alt: var(--mode-color-colorcode-green-faint);\n --dataviz-chart-donut-green-bg-default: var(--mode-color-colorcode-green-harsh);\n --dataviz-chart-donut-green-border: var(--mode-color-colorcode-green-harsh);\n --dataviz-chart-donut-green-pattern: var(--mode-color-colorcode-green-harsh);\n --dataviz-chart-donut-teal-bg-alt: var(--mode-color-colorcode-teal-faint);\n --dataviz-chart-donut-teal-bg-default: var(--mode-color-colorcode-teal-soft);\n --dataviz-chart-donut-teal-border: var(--mode-color-colorcode-teal-soft);\n --dataviz-chart-donut-teal-pattern: var(--mode-color-colorcode-teal-soft);\n --dataviz-chart-donut-blue-bg-alt: var(--mode-color-colorcode-blue-faint);\n --dataviz-chart-donut-blue-bg-default: var(--mode-color-colorcode-blue-soft);\n --dataviz-chart-donut-blue-border: var(--mode-color-colorcode-blue-soft);\n --dataviz-chart-donut-blue-pattern: var(--mode-color-colorcode-blue-soft);\n --dataviz-chart-donut-navy-bg-alt: var(--mode-color-colorcode-blue-faint);\n --dataviz-chart-donut-navy-bg-default: var(--mode-color-colorcode-blue-intense);\n --dataviz-chart-donut-navy-border: var(--mode-color-colorcode-blue-intense);\n --dataviz-chart-donut-navy-pattern: var(--mode-color-colorcode-blue-intense);\n --dataviz-chart-donut-purple-bg-alt: var(--mode-color-colorcode-purple-faint);\n --dataviz-chart-donut-purple-bg-default: var(--mode-color-colorcode-purple-intense);\n --dataviz-chart-donut-purple-border: var(--mode-color-colorcode-purple-intense);\n --dataviz-chart-donut-purple-pattern: var(--mode-color-colorcode-purple-intense);\n --dataviz-chart-donut-slate-bg-alt: var(--mode-color-colorcode-slate-faint);\n --dataviz-chart-donut-slate-bg-default: var(--mode-color-colorcode-slate-intense);\n --dataviz-chart-donut-slate-border: var(--mode-color-colorcode-slate-intense);\n --dataviz-chart-donut-slate-pattern: var(--mode-color-colorcode-slate-intense);\n --dataviz-chart-line-fuchsia: var(--mode-color-colorcode-pink-intense);\n --dataviz-chart-line-red: var(--mode-color-colorcode-red-intense);\n --dataviz-chart-line-pink: var(--mode-color-colorcode-red-soft);\n --dataviz-chart-line-orange: var(--mode-color-colorcode-orange-harsh);\n --dataviz-chart-line-gold: var(--mode-color-colorcode-yellow-harsh);\n --dataviz-chart-line-lime: var(--mode-color-colorcode-lime-harsh);\n --dataviz-chart-line-green: var(--mode-color-colorcode-green-harsh);\n --dataviz-chart-line-teal: var(--mode-color-colorcode-teal-soft);\n --dataviz-chart-line-blue: var(--mode-color-colorcode-blue-soft);\n --dataviz-chart-line-navy: var(--mode-color-colorcode-blue-intense);\n --dataviz-chart-line-purple: var(--mode-color-colorcode-purple-intense);\n --dataviz-chart-line-slate: var(--mode-color-colorcode-slate-intense);\n --dataviz-generic-label-alt: var(--mode-color-generic-txt-inverse-extreme);\n --dataviz-generic-label-default: var(--mode-color-generic-txt-extreme);\n --dataviz-generic-pending-bg-default: var(--mode-color-generic-bg-nought);\n --dataviz-generic-blue-bg-alt: var(--mode-color-colorcode-blue-harsh);\n --dataviz-generic-blue-bg-default: var(--mode-color-colorcode-blue-faint);\n --dataviz-generic-blue-border: var(--mode-color-colorcode-blue-harsh);\n --dataviz-generic-blue-pattern: var(--mode-color-colorcode-blue-harsh);\n --dataviz-generic-teal-bg-alt: var(--mode-color-colorcode-teal-harsh);\n --dataviz-generic-teal-bg-default: var(--mode-color-colorcode-teal-faint);\n --dataviz-generic-teal-border: var(--mode-color-colorcode-teal-harsh);\n --dataviz-generic-teal-pattern: var(--mode-color-colorcode-teal-harsh);\n --dataviz-generic-green-bg-alt: var(--mode-color-colorcode-green-harsh);\n --dataviz-generic-green-bg-default: var(--mode-color-colorcode-green-faint);\n --dataviz-generic-green-border: var(--mode-color-colorcode-green-harsh);\n --dataviz-generic-green-pattern: var(--mode-color-colorcode-green-harsh);\n --dataviz-generic-lime-bg-alt: var(--mode-color-colorcode-lime-harsh);\n --dataviz-generic-lime-bg-default: var(--mode-color-colorcode-lime-faint);\n --dataviz-generic-lime-border: var(--mode-color-colorcode-lime-harsh);\n --dataviz-generic-lime-pattern: var(--mode-color-colorcode-lime-harsh);\n --dataviz-generic-orange-bg-alt: var(--mode-color-colorcode-orange-harsh);\n --dataviz-generic-orange-bg-default: var(--mode-color-colorcode-orange-faint);\n --dataviz-generic-orange-border: var(--mode-color-colorcode-orange-harsh);\n --dataviz-generic-orange-pattern: var(--mode-color-colorcode-orange-harsh);\n --dataviz-generic-red-bg-alt: var(--mode-color-colorcode-red-harsh);\n --dataviz-generic-red-bg-default: var(--mode-color-colorcode-red-faint);\n --dataviz-generic-red-border: var(--mode-color-colorcode-red-harsh);\n --dataviz-generic-red-pattern: var(--mode-color-colorcode-red-harsh);\n --dataviz-generic-pink-bg-alt: var(--mode-color-colorcode-pink-harsh);\n --dataviz-generic-pink-bg-default: var(--mode-color-colorcode-pink-faint);\n --dataviz-generic-pink-border: var(--mode-color-colorcode-pink-harsh);\n --dataviz-generic-pink-pattern: var(--mode-color-colorcode-pink-harsh);\n --dataviz-generic-purple-bg-alt: var(--mode-color-colorcode-purple-harsh);\n --dataviz-generic-purple-bg-default: var(--mode-color-colorcode-purple-faint);\n --dataviz-generic-purple-border: var(--mode-color-colorcode-purple-harsh);\n --dataviz-generic-purple-pattern: var(--mode-color-colorcode-purple-harsh);\n --dataviz-generic-gray-bg-alt: var(--mode-color-colorcode-gray-harsh);\n --dataviz-generic-gray-bg-default: var(--mode-color-colorcode-gray-faint);\n --dataviz-generic-gray-border: var(--mode-color-colorcode-gray-harsh);\n --dataviz-generic-gray-pattern: var(--mode-color-colorcode-gray-harsh);\n --dataviz-generic-slate-bg-alt: var(--mode-color-colorcode-slate-harsh);\n --dataviz-generic-slate-bg-default: var(--mode-color-colorcode-slate-faint);\n --dataviz-generic-slate-border: var(--mode-color-colorcode-slate-harsh);\n --dataviz-generic-slate-pattern: var(--mode-color-colorcode-slate-harsh);\n --input-calendar-bg-active: var(--mode-color-action-grayscale-active);\n --input-calendar-bg-disabled: var(--mode-color-action-inactive-default-alt);\n --input-calendar-bg-duration: var(--mode-color-action-data-entry-hover-alt);\n --input-calendar-bg-hover: var(--mode-color-action-data-entry-hover-alt);\n --input-calendar-border-duration: var(--mode-color-action-grayscale-active);\n --input-calendar-txt-active: var(--mode-color-action-grayscale-with-active);\n --input-calendar-txt-alt: var(--mode-color-action-data-entry-txt-alt);\n --input-calendar-txt-disabled: var(--mode-color-action-inactive-txt);\n --input-calendar-txt-duration: var(--mode-color-action-data-entry-txt);\n --input-calendar-txt-default: var(--mode-color-action-data-entry-txt);\n --input-calendar-txt-hover: var(--mode-color-action-grayscale-with-hover);\n --input-calendar-txt-alt-default: var(--mode-color-action-data-entry-txt-alt);\n --input-dropdown-bg-hover: var(--mode-color-action-data-entry-hover-alt);\n --input-dropdown-label-active: var(--mode-color-action-grayscale-with-active);\n --input-dropdown-label-alt: var(--mode-color-action-data-entry-txt);\n --input-dropdown-label-disabled: var(--mode-color-action-inactive-txt);\n --input-dropdown-label-default: var(--mode-color-action-data-entry-txt-alt);\n --input-dropdown-label-hover: var(--mode-color-action-grayscale-with-hover);\n --input-dropdown-label-subtxt: var(--mode-color-action-data-entry-txt-alt);\n --input-labelset-label-required: var(--mode-color-action-danger-default);\n --input-labelset-label-default: var(--mode-color-action-data-entry-txt);\n --input-labelset-label-alt: var(--mode-color-action-data-entry-txt-alt);\n --input-labelset-label-disabled: var(--mode-color-action-inactive-txt);\n --input-labelset-label-read-only: var(--mode-color-action-data-entry-txt);\n --input-labelset-inverse-label-required: var(--mode-color-action-danger-inverse-default);\n --input-labelset-inverse-label-default: var(--mode-color-action-data-entry-inverse-txt);\n --input-labelset-inverse-label-alt: var(--mode-color-action-data-entry-inverse-txt-alt);\n --input-typical-bg-alt: var(--mode-color-action-data-entry-default-alt);\n --input-typical-bg-disabled: var(--mode-color-action-inactive-default-alt);\n --input-typical-bg-default: var(--mode-color-action-data-entry-default);\n --input-typical-bg-hover: var(--mode-color-action-data-entry-hover-alt);\n --input-typical-bg-read-only: var(--mode-color-action-inactive-default-alt);\n --input-typical-border-alt: var(--mode-color-action-inactive-default);\n --input-typical-border-default: var(--mode-color-action-data-entry-with-default);\n --input-typical-border-disabled: var(--mode-color-action-inactive-default);\n --input-typical-border-hover: var(--mode-color-action-data-entry-with-hover);\n --input-typical-border-read-only: var(--mode-color-action-inactive-default);\n --input-typical-icon-active: var(--mode-color-action-data-entry-with-active);\n --input-typical-icon-default: var(--mode-color-action-data-entry-txt);\n --input-typical-icon-disabled: var(--mode-color-action-inactive-icon);\n --input-typical-icon-hover: var(--mode-color-action-data-entry-with-hover);\n --input-typical-icon-read-only: var(--mode-color-action-inactive-icon-alt);\n --input-typical-icon-alt-active: var(--mode-color-action-data-entry-with-active-alt);\n --input-typical-txt-active: var(--mode-color-action-data-entry-txt);\n --input-typical-txt-alt: var(--mode-color-action-data-entry-txt-alt);\n --input-typical-txt-default: var(--mode-color-action-data-entry-txt);\n --input-typical-txt-disabled: var(--mode-color-action-inactive-txt);\n --input-typical-txt-hover: var(--mode-color-action-data-entry-with-hover);\n --input-typical-txt-read-only: var(--mode-color-generic-txt-severe);\n --input-typical-inverse-bg-default: var(--mode-color-action-data-entry-inverse-default);\n --input-typical-inverse-border-default: var(--mode-color-action-data-entry-inverse-with-default);\n --input-typical-inverse-txt-default: var(--mode-color-action-data-entry-inverse-txt);\n --input-quickpick-bg-default: var(--mode-color-action-data-entry-default);\n --input-quickpick-bg-hover: var(--mode-color-action-data-entry-hover-alt);\n --input-quickpick-bg-active: var(--mode-color-action-grayscale-active-alt);\n --input-quickpick-border-default: var(--mode-color-generic-bg-soft);\n --input-quickpick-border-hover: var(--mode-color-action-data-entry-with-default);\n --input-quickpick-icon-active: var(--mode-color-action-data-entry-with-active);\n --input-quickpick-icon-default: var(--mode-color-generic-txt-soft);\n --input-quickpick-icon-hover: var(--mode-color-action-data-entry-with-hover);\n --input-quickpick-txt-active: var(--mode-color-action-data-entry-with-active);\n --input-quickpick-txt-default: var(--mode-color-action-data-entry-txt);\n --input-quickpick-txt-hover: var(--mode-color-action-data-entry-with-hover);\n --input-switch-bg-active: var(--mode-color-action-grayscale-active);\n --input-switch-bg-activate-disabled: var(--mode-color-action-inactive-default);\n --input-switch-bg-disabled: var(--mode-color-action-inactive-default-alt);\n --input-switch-bg-default: var(--mode-color-action-data-entry-default);\n --input-switch-border-active: transparent;\n --input-switch-border-active-disabled: transparent;\n --input-switch-border-disabled: var(--mode-color-action-inactive-default);\n --input-switch-border-default: var(--mode-color-action-data-entry-with-default);\n --input-switch-fg-active: var(--mode-color-action-grayscale-with-active);\n --input-switch-fg-activate-disabled: var(--mode-color-action-inactive-txt-alt);\n --input-switch-fg-disabled: var(--mode-color-action-inactive-default);\n --input-switch-fg-default: var(--mode-color-action-data-entry-with-default);\n --input-switch-label-active: var(--mode-color-action-data-entry-txt);\n --input-switch-label-activate-disabled: var(--mode-color-action-inactive-default);\n --input-switch-label-disabled: var(--mode-color-action-inactive-default);\n --input-switch-label-default: var(--mode-color-action-data-entry-txt-alt);\n --input-validation-border-error: var(--mode-color-status-negative-default);\n --input-validation-bar-error: var(--mode-color-status-negative-default);\n --input-validation-bar-warn: var(--mode-color-status-warning-default);\n --input-validation-label-error: var(--mode-color-status-negative-default);\n --input-validation-label-success: var(--mode-color-status-positive-default);\n --input-validation-label-warn: var(--mode-color-status-warning-txt);\n --input-validation-inverse-border-error: var(--mode-color-status-negative-inverse-default);\n --input-validation-inverse-bar-error: var(--mode-color-status-negative-inverse-default);\n --input-validation-inverse-label-error: var(--mode-color-status-negative-inverse-default);\n --logo-sage-bg-default: var(--mode-color-brand-default);\n --logo-sage-bg-alt: var(--mode-color-brand-default-alt);\n --logo-sage-inverse-bg-default: var(--mode-color-brand-inverse-default);\n --logo-sage-inverse-bg-alt: var(--mode-color-brand-inverse-default-alt);\n --logo-copilot-no-bg-fg-default: var(--mode-color-brand-copilot-monochrome);\n --logo-ai-sparkle-bg-dot: var(--mode-color-brand-copilot-with-default);\n --logo-ai-sparkle-bg-star: var(--mode-color-brand-copilot-default);\n --logo-ai-sparkle-outline: var(--mode-color-brand-copilot-default);\n --logo-ai-sparkle-inverse-bg-dot: var(--mode-color-brand-copilot-inverse-with-default);\n --logo-ai-sparkle-inverse-bg-star: var(--mode-color-brand-copilot-inverse-default);\n --logo-ai-sparkle-inverse-outline: var(--mode-color-brand-copilot-inverse-default);\n --link-destructive-label-default: var(--mode-color-action-danger-default-alt);\n --link-destructive-label-hover: var(--mode-color-action-danger-hover-alt2);\n --link-destructive-inverse-label-default: var(--mode-color-action-danger-inverse-default-alt);\n --link-destructive-inverse-label-hover: var(--mode-color-action-danger-inverse-hover-alt2);\n --link-typical-label-default: var(--mode-color-action-main-default-alt2);\n --link-typical-label-hover: var(--mode-color-action-main-hover-alt2);\n --link-typical-inverse-label-default: var(--mode-color-action-main-inverse-default-alt2);\n --link-typical-inverse-label-hover: var(--mode-color-action-main-inverse-hover-alt2);\n --link-subtle-label-default: var(--mode-color-action-grayscale-default);\n --link-subtle-label-hover: var(--mode-color-action-grayscale-active);\n --link-subtle-inverse-label-default: var(--mode-color-action-grayscale-inverse-default);\n --link-subtle-inverse-label-hover: var(--mode-color-action-grayscale-inverse-active);\n --message-none: var(--mode-color-none);\n --message-contextual-bg: var(--mode-color-generic-bg-nought);\n --message-contextual-icon: #ffffff;\n --message-contextual-icon-alt: var(--mode-color-status-neutral-default);\n --message-contextual-txt: var(--mode-color-status-txt-with-hover-alt);\n --message-contextual-ai-bg-default: var(--mode-color-status-ai-default-alt);\n --message-contextual-ai-bg-alt: var(--mode-color-status-neutral-default-alt);\n --message-contextual-ai-border-default: var(--mode-color-status-ai-default-alt);\n --message-contextual-ai-border-alt: var(--mode-color-status-ai-with-default-alt);\n --message-contextual-callout-bg-alt: var(--mode-color-status-callout-default-alt);\n --message-contextual-callout-icon: var(--mode-color-status-txt-with-default-alt);\n --message-contextual-error-bg-default: var(--mode-color-status-negative-default);\n --message-contextual-error-bg-alt: var(--mode-color-status-negative-default-alt);\n --message-contextual-error-border-default: var(--mode-color-status-negative-default);\n --message-contextual-error-icon: var(--mode-color-status-negative-default);\n --message-contextual-info-bg-default: var(--mode-color-status-info-default);\n --message-contextual-info-bg-alt: var(--mode-color-status-info-default-alt);\n --message-contextual-info-border-default: var(--mode-color-status-info-default);\n --message-contextual-info-border-alt: var(--mode-color-status-info-with-default-alt);\n --message-contextual-info-icon: var(--mode-color-status-info-default);\n --message-contextual-success-bg-default: var(--mode-color-status-positive-default);\n --message-contextual-success-bg-alt: var(--mode-color-status-positive-default-alt);\n --message-contextual-success-border-default: var(--mode-color-status-positive-default);\n --message-contextual-success-border-alt: var(--mode-color-status-positive-with-default-alt);\n --message-contextual-success-icon: var(--mode-color-status-positive-default);\n --message-contextual-warning-bg-default: var(--mode-color-status-warning-default);\n --message-contextual-warning-bg-alt: var(--mode-color-status-warning-default-alt);\n --message-contextual-warning-border-default: var(--mode-color-status-warning-default);\n --message-contextual-warning-border-alt: var(--mode-color-status-warning-with-default-alt);\n --message-contextual-warning-icon: var(--mode-color-status-warning-default);\n --message-global-label-default: var(--mode-color-status-txt-with-default-alt);\n --message-global-label-hover: var(--mode-color-action-grayscale-with-hover);\n --message-global-callout-bg-default: var(--mode-color-status-callout-default-alt);\n --message-global-callout-bg-hover: var(--mode-color-status-callout-hover-alt);\n --message-global-callout-icon: var(--mode-color-status-txt-with-default-alt);\n --message-global-info-bg-default: var(--mode-color-status-info-default-alt);\n --message-global-info-bg-hover: var(--mode-color-status-info-hover-alt);\n --message-global-info-icon: var(--mode-color-status-info-default);\n --message-global-warning-bg-default: var(--mode-color-status-warning-default-alt);\n --message-global-warning-bg-hover: var(--mode-color-status-warning-hover-alt);\n --message-global-warning-icon: var(--mode-color-status-warning-default);\n --nav-primary-bg-active: var(--mode-color-action-nav-active);\n --nav-primary-bg-default: var(--mode-color-action-nav-inverse-default);\n --nav-primary-bg-hover: var(--mode-color-action-nav-hover);\n --nav-primary-bg-child: var(--mode-color-action-nav-inverse-child);\n --nav-primary-bg-child-alt: var(--mode-color-action-nav-inverse-child-alt);\n --nav-primary-bg-selected: var(--mode-color-generic-fg-soft);\n --nav-primary-border-default: var(--mode-color-generic-fg-inverse-soft);\n --nav-primary-divider: var(--mode-color-generic-fg-inverse-firm);\n --nav-primary-label-active: var(--mode-color-action-nav-with-active);\n --nav-primary-label-default: var(--mode-color-action-nav-inverse-with-default);\n --nav-primary-label-default-alt: var(--mode-color-action-nav-inverse-with-default-alt);\n --nav-primary-label-hover: var(--mode-color-action-nav-with-hover);\n --nav-secondary-bg-active: var(--mode-color-action-nav-active);\n --nav-secondary-bg-default: var(--mode-color-action-nav-inverse-default-alt);\n --nav-secondary-bg-hover: var(--mode-color-action-nav-hover);\n --nav-secondary-bg-selected: var(--mode-color-generic-fg-soft);\n --nav-secondary-divider: var(--mode-color-generic-fg-inverse-firm);\n --nav-secondary-label-active: var(--mode-color-action-nav-with-active);\n --nav-secondary-label-default: var(--mode-color-action-nav-inverse-with-default);\n --nav-secondary-label-default-alt: var(--mode-color-generic-txt-inverse-moderate);\n --nav-secondary-label-hover: var(--mode-color-action-nav-with-hover);\n --nav-tertiary-bg-active: var(--mode-color-action-nav-active);\n --nav-tertiary-bg-default: var(--mode-color-generic-bg-nought);\n --nav-tertiary-bg-hover: var(--mode-color-action-nav-hover);\n --nav-tertiary-bg-child: var(--mode-color-action-nav-child);\n --nav-tertiary-bg-child-alt: var(--mode-color-action-nav-child-alt);\n --nav-tertiary-bg-selected: var(--mode-color-generic-fg-firm);\n --nav-tertiary-border-default: var(--mode-color-generic-fg-soft);\n --nav-tertiary-divider: var(--mode-color-generic-bg-soft);\n --nav-tertiary-label-active: var(--mode-color-action-nav-with-active);\n --nav-tertiary-label-default: var(--mode-color-action-nav-with-default);\n --nav-tertiary-label-default-alt: var(--mode-color-generic-txt-moderate);\n --nav-tertiary-label-hover: var(--mode-color-action-nav-with-hover);\n --page-bg-alt: var(--mode-color-generic-surface-trace);\n --page-bg-default: var(--mode-color-generic-surface-nought);\n --page-icon-default: var(--mode-color-generic-txt-severe);\n --page-txt-default: var(--mode-color-generic-txt-severe);\n --page-content-icon-alt: var(--mode-color-generic-txt-moderate);\n --page-content-icon-default: var(--mode-color-generic-txt-severe);\n --page-content-txt-alt: var(--mode-color-generic-txt-moderate);\n --page-content-txt-default: var(--mode-color-generic-txt-severe);\n --page-content-inverse-icon-alt: var(--mode-color-generic-txt-inverse-moderate);\n --page-content-inverse-icon-default: var(--mode-color-generic-txt-inverse-severe);\n --page-content-inverse-txt-alt: var(--mode-color-generic-txt-inverse-moderate);\n --page-content-inverse-txt-default: var(--mode-color-generic-txt-inverse-severe);\n --page-content-caution-icon: var(--mode-color-status-warning-default);\n --page-content-caution-txt: var(--mode-color-status-warning-txt);\n --page-content-info-icon: var(--mode-color-status-info-default);\n --page-content-info-txt: var(--mode-color-status-info-default);\n --page-content-negative-icon: var(--mode-color-status-negative-default);\n --page-content-negative-txt: var(--mode-color-status-negative-default);\n --page-content-positive-icon: var(--mode-color-status-positive-default);\n --page-content-positive-txt: var(--mode-color-status-positive-default);\n --popover-bg-active: var(--mode-color-action-grayscale-active);\n --popover-bg-active-alt: var(--mode-color-action-grayscale-hover-alt);\n --popover-bg-default: var(--mode-color-generic-bg-nought);\n --popover-bg-hover: var(--mode-color-action-data-entry-hover-alt);\n --popover-label-active: var(--mode-color-action-grayscale-with-active);\n --popover-label-active-alt: var(--mode-color-action-grayscale-with-hover);\n --popover-label-disabled: var(--mode-color-action-inactive-txt);\n --popover-label-hover: var(--mode-color-action-grayscale-with-hover);\n --popover-label-default: var(--mode-color-action-grayscale-default-alt);\n --popover-submenu-bg-default: var(--mode-color-generic-bg-faint);\n --profile-size-outside-xs: var(--global-size-xs);\n --profile-size-outside-s: var(--global-size-s);\n --profile-size-outside-m: var(--global-size-m);\n --profile-size-outside-ml: 56px;\n --profile-size-outside-l: var(--global-size-4-xl);\n --profile-size-outside-xl: 104px;\n --profile-size-outside-xxl: 128px;\n --profile-size-inside-xs: var(--global-size-3-xs);\n --profile-size-inside-s: var(--global-size-2-xs);\n --profile-size-inside-m: var(--global-size-xs);\n --profile-size-inside-ml: var(--global-size-s);\n --profile-size-inside-l: var(--global-size-l);\n --profile-size-inside-xl: var(--global-size-2-xl);\n --profile-size-inside-xxl: var(--global-size-4-xl);\n --profile-bg-alt: var(--mode-color-generic-txt-severe);\n --profile-bg-def: var(--mode-color-generic-bg-nought);\n --profile-border-default: var(--mode-color-generic-fg-moderate);\n --profile-label-default: var(--mode-color-generic-txt-severe);\n --profile-swatches-blue-bg-default: var(--mode-color-status-custom-blue-default-alt);\n --profile-swatches-blue-label-default: var(--mode-color-status-custom-blue-default);\n --profile-swatches-teal-bg-default: var(--mode-color-status-custom-teal-default-alt);\n --profile-swatches-teal-label-default: var(--mode-color-status-custom-teal-default);\n --profile-swatches-green-bg-default: var(--mode-color-status-custom-green-default-alt);\n --profile-swatches-green-label-default: var(--mode-color-status-custom-green-default);\n --profile-swatches-lime-bg-default: var(--mode-color-status-custom-lime-default-alt);\n --profile-swatches-lime-label-default: var(--mode-color-status-custom-lime-default);\n --profile-swatches-orange-bg-default: var(--mode-color-status-custom-orange-default-alt);\n --profile-swatches-orange-label-default: var(--mode-color-status-custom-orange-txt);\n --profile-swatches-red-bg-default: var(--mode-color-status-custom-red-default-alt);\n --profile-swatches-red-label-default: var(--mode-color-status-custom-red-default);\n --profile-swatches-pink-bg-default: var(--mode-color-status-custom-pink-default-alt);\n --profile-swatches-pink-label-default: var(--mode-color-status-custom-pink-default);\n --profile-swatches-purple-bg-default: var(--mode-color-status-custom-purple-default-alt);\n --profile-swatches-purple-label-default: var(--mode-color-status-custom-purple-default);\n --profile-swatches-slate-bg-default: var(--mode-color-status-custom-slate-default-alt);\n --profile-swatches-slate-label-default: var(--mode-color-status-custom-slate-default);\n --profile-swatches-gray-bg-default: var(--mode-color-status-custom-gray-default-alt);\n --profile-swatches-gray-label-default: var(--mode-color-status-custom-gray-default);\n --profile-font-initials-xs: var(--global-font-static-comp-placeholder-xs);\n --profile-font-initials-s: var(--global-font-static-comp-placeholder-s);\n --profile-font-initials-m: var(--global-font-static-comp-placeholder-m);\n --profile-font-initials-ml: var(--global-font-static-comp-placeholder-ml);\n --profile-font-initials-l: var(--global-font-static-comp-placeholder-l);\n --profile-font-initials-xl: var(--global-font-static-comp-placeholder-xl);\n --profile-font-initials-xxl: var(--global-font-static-comp-placeholder-xxl);\n --profile-font-heading-xs: var(--global-font-static-comp-medium-s);\n --profile-font-heading-s: var(--global-font-static-comp-medium-m);\n --profile-font-heading-m: var(--global-font-static-subheading-l);\n --profile-font-heading-ml: var(--global-font-static-subheading-l);\n --profile-font-heading-l: var(--global-font-static-subheading-l);\n --profile-font-heading-xl: var(--global-font-static-heading-m);\n --profile-font-heading-xxl: var(--global-font-static-heading-l);\n --profile-font-fluid-initials-xs: var(--global-font-fluid-comp-placeholder-xs);\n --profile-font-fluid-initials-s: var(--global-font-fluid-comp-placeholder-s);\n --profile-font-fluid-initials-m: var(--global-font-fluid-comp-placeholder-m);\n --profile-font-fluid-initials-ml: var(--global-font-fluid-comp-placeholder-ml);\n --profile-font-fluid-initials-l: var(--global-font-fluid-comp-placeholder-l);\n --profile-font-fluid-initials-xl: var(--global-font-fluid-comp-placeholder-xl);\n --profile-font-fluid-initials-xxl: var(--global-font-fluid-comp-placeholder-xxl);\n --profile-font-fluid-heading-xs: var(--global-font-fluid-comp-medium-s);\n --profile-font-fluid-heading-s: var(--global-font-fluid-comp-medium-m);\n --profile-font-fluid-heading-m: var(--global-font-fluid-subheading-l);\n --profile-font-fluid-heading-ml: var(--global-font-fluid-subheading-l);\n --profile-font-fluid-heading-l: var(--global-font-fluid-subheading-l);\n --profile-font-fluid-heading-xl: var(--global-font-fluid-heading-m);\n --profile-font-fluid-heading-xxl: var(--global-font-fluid-heading-l);\n --progress-none: var(--mode-color-none);\n --progress-bg-default: var(--mode-color-generic-bg-delicate);\n --progress-border-default: var(--mode-color-generic-fg-firm);\n --progress-fg-alt: var(--mode-color-status-positive-default);\n --progress-fg-alt2: var(--mode-color-generic-txt-soft);\n --progress-fg-caution: var(--mode-color-status-warning-default);\n --progress-fg-default: var(--mode-color-action-grayscale-active);\n --progress-fg-error: var(--mode-color-status-negative-default);\n --progress-fg-info: var(--mode-color-status-info-default);\n --progress-label-alt: var(--mode-color-generic-txt-moderate);\n --progress-label-default: var(--mode-color-generic-txt-severe);\n --progress-dataviz-fg-default: var(--mode-color-status-custom-teal-default);\n --progress-inverse-label-alt: var(--mode-color-generic-txt-inverse-soft);\n --progress-loader-bg-default: var(--mode-color-generic-bg-delicate);\n --progress-loader-bg-skeleton: linear-gradient(135deg, var(--mode-color-status-skeleton-stop-1) 15%, var(--mode-color-status-skeleton-stop-2) 85%);\n --progress-loader-fg-default: var(--mode-color-generic-fg-inverse-nought);\n --progress-loader-fg-error: var(--mode-color-status-negative-default);\n --progress-loader-fg-complete: var(--mode-color-status-positive-default);\n --progress-loader-inverse-bg-default: var(--mode-color-generic-bg-inverse-delicate);\n --progress-loader-inverse-fg-default: var(--mode-color-generic-fg-nought);\n --progress-stepflow-bg-active: var(--mode-color-action-grayscale-active);\n --progress-stepflow-bg-complete: var(--mode-color-status-positive-default);\n --progress-stepflow-bg-default: var(--mode-color-generic-fg-nought);\n --progress-stepflow-border-active-inner: var(--mode-color-generic-fg-nought);\n --progress-stepflow-border-active-outer: var(--mode-color-action-grayscale-active);\n --progress-stepflow-border-default: var(--mode-color-generic-fg-firm);\n --progress-stepflow-label-alt: var(--mode-color-generic-txt-soft);\n --progress-stepflow-label-default: var(--mode-color-generic-txt-severe);\n --progress-stepindicator-bg-active: var(--mode-color-action-grayscale-active);\n --progress-stepindicator-bg-complete: var(--mode-color-status-positive-default);\n --progress-stepindicator-border-active-outer: var(--mode-color-action-grayscale-active);\n --progress-stepindicator-border-default: var(--mode-color-generic-fg-firm);\n --progress-stepindicator-border-success: var(--mode-color-status-positive-default);\n --progress-stepindicator-label-active: var(--mode-color-action-grayscale-with-active);\n --progress-stepindicator-label-complete: var(--mode-color-action-grayscale-with-active);\n --progress-stepindicator-label-default: var(--mode-color-generic-txt-severe);\n --pill-generic-none: var(--mode-color-none);\n --pill-generic-label-default: var(--mode-color-status-txt-with-default);\n --pill-generic-label-hover: var(--mode-color-status-txt-with-hover);\n --pill-generic-label-alt-default: var(--mode-color-status-txt-with-default-alt);\n --pill-generic-label-alt-hover: var(--mode-color-status-txt-with-default-alt);\n --pill-generic-inverse-label-default: var(--mode-color-status-txt-inverse-with-default);\n --pill-generic-inverse-label-hover: var(--mode-color-status-txt-inverse-with-hover);\n --pill-generic-inverse-label-alt-default: var(--mode-color-status-txt-inverse-with-default-alt);\n --pill-generic-inverse-label-alt-hover: var(--mode-color-status-txt-inverse-with-default-alt);\n --pill-blue-bg-default: var(--mode-color-status-info-default);\n --pill-blue-bg-alt-default: var(--mode-color-status-info-default-alt);\n --pill-blue-bg-alt-hover: var(--mode-color-status-info-hover-alt);\n --pill-blue-bg-hover: var(--mode-color-status-info-hover);\n --pill-blue-border-default: var(--mode-color-status-info-default);\n --pill-blue-inverse-bg-default: var(--mode-color-status-info-inverse-default);\n --pill-blue-inverse-bg-alt-default: var(--mode-color-status-info-inverse-default-alt);\n --pill-blue-inverse-bg-alt-hover: var(--mode-color-status-info-inverse-hover-alt);\n --pill-blue-inverse-bg-hover: var(--mode-color-status-info-inverse-hover);\n --pill-blue-inverse-border-default: var(--mode-color-status-info-inverse-default);\n --pill-green-bg-default: var(--mode-color-status-positive-default);\n --pill-green-bg-alt-default: var(--mode-color-status-positive-default-alt);\n --pill-green-bg-alt-hover: var(--mode-color-status-positive-hover-alt);\n --pill-green-bg-hover: var(--mode-color-status-positive-hover);\n --pill-green-border-default: var(--mode-color-status-positive-default);\n --pill-green-inverse-bg-default: var(--mode-color-status-positive-inverse-default);\n --pill-green-inverse-bg-alt-default: var(--mode-color-status-positive-inverse-default-alt);\n --pill-green-inverse-bg-alt-hover: var(--mode-color-status-positive-inverse-hover-alt);\n --pill-green-inverse-bg-hover: var(--mode-color-status-positive-inverse-hover);\n --pill-green-inverse-border-default: var(--mode-color-status-positive-inverse-default);\n --pill-gray-bg-default: var(--mode-color-status-neutral-default);\n --pill-gray-bg-alt-default: var(--mode-color-status-neutral-default-alt);\n --pill-gray-bg-alt-hover: var(--mode-color-status-neutral-hover-alt);\n --pill-gray-bg-hover: var(--mode-color-status-neutral-hover);\n --pill-gray-border-default: var(--mode-color-status-neutral-default);\n --pill-gray-inverse-bg-default: var(--mode-color-status-neutral-inverse-default);\n --pill-gray-inverse-bg-alt-default: var(--mode-color-status-neutral-inverse-default-alt);\n --pill-gray-inverse-bg-alt-hover: var(--mode-color-status-neutral-inverse-hover-alt);\n --pill-gray-inverse-bg-hover: var(--mode-color-status-neutral-inverse-hover);\n --pill-gray-inverse-border-default: var(--mode-color-status-neutral-inverse-default);\n --pill-lime-bg-default: var(--mode-color-status-custom-lime-default);\n --pill-lime-bg-alt-default: var(--mode-color-status-custom-lime-default-alt);\n --pill-lime-bg-alt-hover: var(--mode-color-status-custom-lime-hover-alt);\n --pill-lime-bg-hover: var(--mode-color-status-custom-lime-hover);\n --pill-lime-border-default: var(--mode-color-status-custom-lime-default);\n --pill-orange-bg-default: var(--mode-color-status-warning-default);\n --pill-orange-bg-alt-default: var(--mode-color-status-warning-default-alt);\n --pill-orange-bg-alt-hover: var(--mode-color-status-warning-hover-alt);\n --pill-orange-bg-hover: var(--mode-color-status-warning-hover);\n --pill-orange-border-default: var(--mode-color-status-warning-default);\n --pill-orange-inverse-bg-default: var(--mode-color-status-warning-inverse-default);\n --pill-orange-inverse-bg-alt-default: var(--mode-color-status-warning-inverse-default-alt);\n --pill-orange-inverse-bg-alt-hover: var(--mode-color-status-warning-inverse-hover-alt);\n --pill-orange-inverse-bg-hover: var(--mode-color-status-warning-inverse-hover);\n --pill-orange-inverse-border-default: var(--mode-color-status-warning-inverse-default);\n --pill-pink-bg-default: var(--mode-color-status-custom-pink-default);\n --pill-pink-bg-alt-default: var(--mode-color-status-custom-pink-default-alt);\n --pill-pink-bg-alt-hover: var(--mode-color-status-custom-pink-hover-alt);\n --pill-pink-bg-hover: var(--mode-color-status-custom-pink-hover);\n --pill-pink-border-default: var(--mode-color-status-custom-pink-default);\n --pill-purple-bg-default: var(--mode-color-status-priority-default);\n --pill-purple-bg-alt-default: var(--mode-color-status-priority-default-alt);\n --pill-purple-bg-alt-hover: var(--mode-color-status-priority-hover-alt);\n --pill-purple-bg-hover: var(--mode-color-status-priority-hover);\n --pill-purple-border-default: var(--mode-color-status-priority-default);\n --pill-purple-inverse-bg-default: var(--mode-color-status-priority-inverse-default);\n --pill-purple-inverse-bg-alt-default: var(--mode-color-status-priority-inverse-default-alt);\n --pill-purple-inverse-bg-alt-hover: var(--mode-color-status-priority-inverse-hover-alt);\n --pill-purple-inverse-bg-hover: var(--mode-color-status-priority-inverse-hover);\n --pill-purple-inverse-border-default: var(--mode-color-status-priority-inverse-default);\n --pill-red-bg-default: var(--mode-color-status-negative-default);\n --pill-red-bg-alt-default: var(--mode-color-status-negative-default-alt);\n --pill-red-bg-alt-hover: var(--mode-color-status-negative-hover-alt);\n --pill-red-bg-hover: var(--mode-color-status-negative-hover);\n --pill-red-border-default: var(--mode-color-status-negative-default);\n --pill-red-inverse-bg-default: var(--mode-color-status-negative-inverse-default);\n --pill-red-inverse-bg-alt-default: var(--mode-color-status-negative-inverse-default-alt);\n --pill-red-inverse-bg-alt-hover: var(--mode-color-status-negative-inverse-hover-alt);\n --pill-red-inverse-bg-hover: var(--mode-color-status-negative-inverse-hover);\n --pill-red-inverse-border-default: var(--mode-color-status-negative-inverse-default);\n --pill-slate-bg-default: var(--mode-color-status-custom-slate-default);\n --pill-slate-bg-alt-default: var(--mode-color-status-custom-slate-default-alt);\n --pill-slate-bg-alt-hover: var(--mode-color-status-custom-slate-hover-alt);\n --pill-slate-bg-hover: var(--mode-color-status-custom-slate-hover);\n --pill-slate-border-default: var(--mode-color-status-custom-slate-default);\n --pill-teal-bg-default: var(--mode-color-status-custom-teal-default);\n --pill-teal-bg-alt-default: var(--mode-color-status-custom-teal-default-alt);\n --pill-teal-bg-alt-hover: var(--mode-color-status-custom-teal-hover-alt);\n --pill-teal-bg-hover: var(--mode-color-status-custom-teal-hover);\n --pill-teal-border-default: var(--mode-color-status-custom-teal-default);\n --tab-bg-active: var(--mode-color-action-grayscale-with-active);\n --tab-bg-default: var(--mode-color-none);\n --tab-bg-hover: var(--mode-color-generic-bg-delicate);\n --tab-border-active-alt: var(--mode-color-generic-fg-moderate);\n --tab-border-active: var(--mode-color-action-grayscale-active);\n --tab-border-default: var(--mode-color-generic-fg-moderate);\n --tab-border-hover: var(--mode-color-generic-fg-firm);\n --tab-icon-default: var(--mode-color-action-grayscale-default-alt);\n --tab-icon-hover: var(--mode-color-action-grayscale-with-hover);\n --tab-label-active: var(--mode-color-action-grayscale-active);\n --tab-icon-active: var(--mode-color-action-grayscale-active);\n --tab-label-default: var(--mode-color-action-grayscale-default);\n --tab-label-hover: var(--mode-color-action-grayscale-with-hover);\n --tab-nav-bg-default: var(--mode-color-generic-bg-nought);\n --tab-validation-border-warning: var(--mode-color-status-warning-default);\n --tab-validation-border-error: var(--mode-color-status-negative-default);\n --tab-validation-icon-error: var(--mode-color-status-negative-default);\n --tab-validation-icon-warning: var(--mode-color-status-warning-default);\n --tab-validation-label-error: var(--mode-color-status-negative-default);\n --tab-validation-label-warning: var(--mode-color-status-warning-txt);\n --table-header-subtle-bg-alt: var(--mode-color-generic-surface-trace);\n --table-header-subtle-bg-default: var(--mode-color-none);\n --table-header-subtle-bg-hover: var(--mode-color-generic-surface-faint);\n --table-header-subtle-border-default: var(--mode-color-generic-fg-soft);\n --table-header-subtle-label-default: var(--mode-color-generic-txt-severe);\n --table-header-subtle-label-hover: var(--mode-color-generic-txt-extreme);\n --table-header-harsh-bg-alt: var(--mode-color-generic-surface-severe);\n --table-header-harsh-bg-default: var(--mode-color-generic-surface-harsh);\n --table-header-harsh-bg-hover: var(--mode-color-generic-surface-acute);\n --table-header-harsh-border-default: var(--mode-color-generic-fg-soft);\n --table-header-harsh-label-default: var(--mode-color-generic-txt-inverse-severe);\n --table-header-harsh-label-hover: var(--mode-color-generic-txt-inverse-extreme);\n --table-row-bg-default: var(--mode-color-generic-bg-nought);\n --table-row-bg-alt: var(--mode-color-generic-bg-delicate);\n --table-row-bg-alt2: var(--mode-color-generic-bg-faint);\n --table-row-bg-selected: var(--mode-color-generic-bg-soft);\n --table-row-border-default: var(--mode-color-generic-fg-soft);\n --table-row-label-default: var(--mode-color-generic-txt-severe);\n --table-row-label-selected: var(--mode-color-generic-txt-extreme);\n --table-footer-bg-default: var(--mode-color-generic-bg-soft);\n --table-footer-border-default: var(--mode-color-generic-fg-soft);\n --table-footer-label-default: var(--mode-color-generic-txt-severe);\n\n --carbon-zindex-small-overlay: 10;\n --carbon-zindex-overlay: 1000;\n --carbon-zindex-nav: 2998;\n --carbon-zindex-global-nav: 2999;\n --carbon-zindex-modal: 3000;\n --carbon-zindex-header: 4000;\n --carbon-zindex-full-screen-modal: 5000;\n --carbon-zindex-popover: 6000;\n --carbon-zindex-notification: 7000;\n --carbon-zindex-above-all: 9999;\n\n&.carbon-dark-mode, &[data-carbon-theme="dark"] {\n --mode-color-ai-stop-1: #00d639;\n --mode-color-ai-stop-2: #00d6de;\n --mode-color-ai-stop-3: #9d60ff;\n --mode-color-brand-default: #00d639;\n --mode-color-brand-default-alt: #FFFFFF;\n --mode-color-brand-with-default-alt: #000000;\n --mode-color-brand-inverse-default: #000000;\n --mode-color-brand-inverse-default-alt: #000000;\n --mode-color-brand-inverse-with-default-alt: #FFFFFF;\n --mode-color-brand-copilot-default: #FFFFFF;\n --mode-color-brand-copilot-monochrome: #FFFFFF;\n --mode-color-brand-copilot-inverse-default: #000000;\n --mode-color-brand-copilot-inverse-monochrome: #000000;\n --mode-color-colorcode-blue-intense: #58a2ff;\n --mode-color-colorcode-blue-harsh: #007fd9;\n --mode-color-colorcode-blue-soft: #0063ad;\n --mode-color-colorcode-blue-faint: #001932;\n --mode-color-colorcode-teal-intense: #25B2B0;\n --mode-color-colorcode-teal-harsh: #008B8A;\n --mode-color-colorcode-teal-soft: #006D6C;\n --mode-color-colorcode-teal-faint: #001C1C;\n --mode-color-colorcode-green-intense: #30b843;\n --mode-color-colorcode-green-harsh: #019127;\n --mode-color-colorcode-green-soft: #007219;\n --mode-color-colorcode-green-faint: #001f03;\n --mode-color-colorcode-lime-intense: #92aa3c;\n --mode-color-colorcode-lime-harsh: #718524;\n --mode-color-colorcode-lime-soft: #576900;\n --mode-color-colorcode-lime-faint: #141a00;\n --mode-color-colorcode-orange-intense: #f68029;\n --mode-color-colorcode-orange-harsh: #e24300;\n --mode-color-colorcode-orange-soft: #b33400;\n --mode-color-colorcode-orange-faint: #360900;\n --mode-color-colorcode-red-intense: #ff728d;\n --mode-color-colorcode-red-harsh: #f50059;\n --mode-color-colorcode-red-soft: #c40044;\n --mode-color-colorcode-red-faint: #3c000f;\n --mode-color-colorcode-pink-intense: #f571c7;\n --mode-color-colorcode-pink-harsh: #d046a4;\n --mode-color-colorcode-pink-soft: #b02086;\n --mode-color-colorcode-pink-faint: #350426;\n --mode-color-colorcode-purple-intense: #b190e8;\n --mode-color-colorcode-purple-harsh: #9463d7;\n --mode-color-colorcode-purple-soft: #803ec5;\n --mode-color-colorcode-purple-faint: #220c3a;\n --mode-color-colorcode-slate-intense: #e8eaec;\n --mode-color-colorcode-slate-harsh: #bac1c7;\n --mode-color-colorcode-slate-soft: #475a6a;\n --mode-color-colorcode-slate-faint: #253b4e;\n --mode-color-colorcode-gray-intense: #eeeeee;\n --mode-color-colorcode-gray-harsh: #8b8b8b;\n --mode-color-colorcode-gray-soft: #616161;\n --mode-color-colorcode-gray-faint: #181818;\n --mode-color-colorcode-yellow-intense: #ffd274;\n --mode-color-colorcode-yellow-harsh: #ffbf22;\n --mode-color-colorcode-yellow-soft: #926709;\n --mode-color-colorcode-yellow-faint: #231500;\n --mode-color-generic-bg-nought: #000000;\n --mode-color-generic-bg-faint: #ffffff0d;\n --mode-color-generic-bg-delicate: #ffffff1a;\n --mode-color-generic-bg-soft: #ffffff26;\n --mode-color-generic-bg-inverse-nought: #FFFFFF;\n --mode-color-generic-bg-inverse-faint: #f4f5f6;\n --mode-color-generic-bg-inverse-delicate: #e8eaec;\n --mode-color-generic-bg-inverse-soft: #dde0e3;\n --mode-color-generic-depth-faint: #ffffff1a;\n --mode-color-generic-depth-delicate: #ffffff26;\n --mode-color-generic-depth-soft: #fff3;\n --mode-color-generic-txt-extreme: #FFFFFF;\n --mode-color-generic-txt-severe: #fffffff2;\n --mode-color-generic-txt-moderate: #ffffffab;\n --mode-color-generic-txt-soft: #ffffff8c;\n --mode-color-generic-txt-delicate: #ffffff6b;\n --mode-color-generic-txt-inverse-extreme: #000000;\n --mode-color-generic-txt-inverse-severe: #000000f2;\n --mode-color-generic-txt-inverse-moderate: #000000ab;\n --mode-color-generic-txt-inverse-soft: #0000008c;\n --mode-color-generic-txt-inverse-delicate: #0000006b;\n --mode-color-generic-fg-nought: #000000;\n --mode-color-generic-fg-soft: #505050;\n --mode-color-generic-fg-moderate: #616161;\n --mode-color-generic-fg-firm: #6f6f6f;\n --mode-color-generic-fg-inverse-nought: #FFFFFF;\n --mode-color-generic-fg-inverse-soft: #a3adb5;\n --mode-color-generic-fg-inverse-moderate: #8c98a2;\n --mode-color-generic-fg-inverse-firm: #75838f;\n --mode-color-generic-surface-nought: #000000;\n --mode-color-generic-surface-trace: #1b1b1b;\n --mode-color-generic-surface-faint: #3b3b3b;\n --mode-color-generic-surface-harsh: #d1d6da;\n --mode-color-generic-surface-severe: #e8eaec;\n --mode-color-generic-surface-acute: #f4f5f6;\n --mode-color-action-ai-grad-active: linear-gradient(90deg, #00d63926 0%, #00d6de26 40%, #9d60ff26 90%);\n --mode-color-action-ai-grad-hover: linear-gradient(90deg, #00d63914 0%, #00d6de14 40%, #9d60ff14 90%);\n --mode-color-action-ai-grad-default: linear-gradient(90deg, #00d639 0%, #00d6de 40%, #9d60ff 90%);\n --mode-color-action-ai-active-stop-1: #00d63926;\n --mode-color-action-ai-active-stop-2: #00d6de26;\n --mode-color-action-ai-active-stop-3: #9d60ff26;\n --mode-color-action-ai-hover-stop-1: #00d63914;\n --mode-color-action-ai-hover-stop-2: #00d6de14;\n --mode-color-action-ai-hover-stop-3: #9d60ff14;\n --mode-color-action-danger-active: #ff728d;\n --mode-color-action-danger-default: #f50059;\n --mode-color-action-danger-default-alt: #ff3e6a;\n --mode-color-action-danger-hover: #ff3e6a;\n --mode-color-action-danger-hover-alt: #f5005926;\n --mode-color-action-danger-hover-alt2: #ff728d;\n --mode-color-action-danger-with-active: #000000;\n --mode-color-action-danger-with-default: #000000;\n --mode-color-action-danger-inverse-active: #a30037;\n --mode-color-action-danger-inverse-default: #db004e;\n --mode-color-action-danger-inverse-default-alt: #c40044;\n --mode-color-action-danger-inverse-hover: #c40044;\n --mode-color-action-danger-inverse-hover-alt: #db004e26;\n --mode-color-action-danger-inverse-hover-alt2: #a30037;\n --mode-color-action-danger-inverse-with-active: #FFFFFF;\n --mode-color-action-danger-inverse-with-default: #FFFFFF;\n --mode-color-action-data-entry-default: #000000;\n --mode-color-action-data-entry-with-active: #FFFFFF;\n --mode-color-action-data-entry-with-active-alt: #000000;\n --mode-color-action-data-entry-with-hover: #FFFFFF;\n --mode-color-action-data-entry-hover-alt: #253b4e;\n --mode-color-action-data-entry-with-default: #a3adb5;\n --mode-color-action-data-entry-default-alt: #304658;\n --mode-color-action-data-entry-txt: #fffffff2;\n --mode-color-action-data-entry-txt-alt: #ffffff8c;\n --mode-color-action-data-entry-inverse-default: #FFFFFF;\n --mode-color-action-data-entry-inverse-with-default: #75838f;\n --mode-color-action-data-entry-inverse-txt: #000000f2;\n --mode-color-action-data-entry-inverse-txt-alt: #0000008c;\n --mode-color-action-focus-default: #FFB500;\n --mode-color-action-focus-txt: #FFFFFF;\n --mode-color-action-focus-with-default: #000000;\n --mode-color-action-focus-with-default-alt: #885e00;\n --mode-color-action-focus-inverse-default: #000000;\n --mode-color-action-focus-inverse-txt: #000000;\n --mode-color-action-focus-inverse-with-default: #FFB500;\n --mode-color-action-focus-inverse-with-default-alt: #ffd274;\n --mode-color-action-inactive-default: #ffffff4d;\n --mode-color-action-inactive-mask: #fff6;\n --mode-color-action-inactive-default-alt: #ffffff08;\n --mode-color-action-inactive-txt: #ffffff6b;\n --mode-color-action-inactive-txt-alt: #000000;\n --mode-color-action-inactive-icon: #ffffff6b;\n --mode-color-action-inactive-icon-alt: #ffffff8c;\n --mode-color-action-inactive-inverse-default: #0000004d;\n --mode-color-action-inactive-inverse-txt: #0000006b;\n --mode-color-action-inactive-inverse-txt-alt: #FFFFFF;\n --mode-color-action-grayscale-active: #FFFFFF;\n --mode-color-action-grayscale-active-alt: #ffffff26;\n --mode-color-action-grayscale-default: #ffffffeb;\n --mode-color-action-grayscale-default-alt: #ffffffab;\n --mode-color-action-grayscale-hover-alt: #ffffff1a;\n --mode-color-action-grayscale-hover: #ffffff26;\n --mode-color-action-grayscale-with-active: #000000;\n --mode-color-action-grayscale-with-active-alt: #FFFFFF;\n --mode-color-action-grayscale-with-default: #000000;\n --mode-color-action-grayscale-with-hover: #FFFFFF;\n --mode-color-action-grayscale-inverse-active: #000000;\n --mode-color-action-grayscale-inverse-active-alt: #00000026;\n --mode-color-action-grayscale-inverse-default: #181818;\n --mode-color-action-grayscale-inverse-default-alt: #000000ab;\n --mode-color-action-grayscale-inverse-hover-alt: #0000001a;\n --mode-color-action-grayscale-inverse-hover: #00000026;\n --mode-color-action-grayscale-inverse-with-active: #FFFFFF;\n --mode-color-action-grayscale-inverse-with-active-alt: #000000;\n --mode-color-action-grayscale-inverse-with-default: #FFFFFF;\n --mode-color-action-grayscale-inverse-with-hover: #000000;\n --mode-color-action-nav-default: #000000;\n --mode-color-action-nav-default-alt: #181818;\n --mode-color-action-nav-child: #505050;\n --mode-color-action-nav-child-alt: #616161;\n --mode-color-action-nav-with-default: #fffffff2;\n --mode-color-action-nav-inverse-default: #FFFFFF;\n --mode-color-action-nav-inverse-default-alt: #f4f5f6;\n --mode-color-action-nav-inverse-child: #FFFFFF;\n --mode-color-action-nav-inverse-child-alt: #e8eaec;\n --mode-color-action-nav-inverse-with-default: #000000f2;\n --mode-color-action-nav-inverse-with-default-alt: #000c;\n --mode-color-action-main-active: #42f355;\n --mode-color-action-main-active-alt: #3dda4c4d;\n --mode-color-action-main-default: #3dda4c;\n --mode-color-action-main-default-alt: #3dda4ccc;\n --mode-color-action-main-default-alt2: #00d639;\n --mode-color-action-main-default-alt3: #3dda4c08;\n --mode-color-action-main-hover: #42f355;\n --mode-color-action-main-hover-alt: #3dda4c26;\n --mode-color-action-main-hover-alt2: #00f142;\n --mode-color-action-main-with-active: #000000;\n --mode-color-action-main-with-default: #000000;\n --mode-color-action-main-with-hover: #000000;\n --mode-color-action-main-inverse-active: #005e14;\n --mode-color-action-main-inverse-active-alt: #00811f4d;\n --mode-color-action-main-inverse-default: #00811f;\n --mode-color-action-main-inverse-default-alt: #00811fcc;\n --mode-color-action-main-inverse-default-alt2: #007219;\n --mode-color-action-main-inverse-default-alt3: #00811f08;\n --mode-color-action-main-inverse-hover: #007219;\n --mode-color-action-main-inverse-hover-alt: #00811f26;\n --mode-color-action-main-inverse-hover-alt2: #005e14;\n --mode-color-action-main-inverse-with-active: #FFFFFF;\n --mode-color-action-main-inverse-with-default: #FFFFFF;\n --mode-color-action-main-inverse-with-hover: #FFFFFF;\n --mode-color-status-ai-default: #000000;\n --mode-color-status-ai-default-alt: #FFFFFF;\n --mode-color-status-ai-with-default-alt: #ffffff80;\n --mode-color-status-ai-default-horizontal: linear-gradient(90deg, #00d639 0%, #00d6de 40%, #9d60ff 90%);\n --mode-color-status-ai-default-vertical: linear-gradient(180deg, #00d639 0%, #00d6de 40%, #9d60ff 90%);\n --mode-color-status-callout-default-alt: #001001;\n --mode-color-status-callout-hover-alt: #001e03;\n --mode-color-status-skeleton-stop-1: #a3adb5;\n --mode-color-status-skeleton-stop-2: #475a6a;\n --mode-color-status-warning-default: #e24300;\n --mode-color-status-warning-default-alt: #1d0300;\n --mode-color-status-warning-with-default-alt: #e2430080;\n --mode-color-status-warning-hover: #e5631c;\n --mode-color-status-warning-hover-alt: #360900;\n --mode-color-status-warning-txt: #e5631c;\n --mode-color-status-warning-inverse-default: #d64309;\n --mode-color-status-warning-inverse-default-alt: #fff7eb;\n --mode-color-status-warning-inverse-hover: #b33400;\n --mode-color-status-warning-inverse-hover-alt: #ffeaca;\n --mode-color-status-warning-inverse-txt: #b33400;\n --mode-color-status-txt-with-default: #000000;\n --mode-color-status-txt-with-default-alt: #fffffff2;\n --mode-color-status-txt-with-hover: #000000;\n --mode-color-status-txt-with-hover-alt: #FFFFFF;\n --mode-color-status-txt-inverse-with-default: #FFFFFF;\n --mode-color-status-txt-inverse-with-default-alt: #000000f2;\n --mode-color-status-txt-inverse-with-hover: #FFFFFF;\n --mode-color-status-txt-inverse-with-hover-alt: #000000;\n --mode-color-status-custom-blue-default: #007fd9;\n --mode-color-status-custom-blue-default-alt: #000b1c;\n --mode-color-status-custom-blue-hover: #008ef4;\n --mode-color-status-custom-blue-hover-alt: #001932;\n --mode-color-status-custom-teal-default: #008B8A;\n --mode-color-status-custom-teal-default-alt: #000E0E;\n --mode-color-status-custom-teal-hover: #009B99;\n --mode-color-status-custom-teal-hover-alt: #001C1C;\n --mode-color-status-custom-green-default: #019127;\n --mode-color-status-custom-green-default-alt: #001001;\n --mode-color-status-custom-green-hover: #1BA12B;\n --mode-color-status-custom-green-hover-alt: #001f03;\n --mode-color-status-custom-lime-default: #718524;\n --mode-color-status-custom-lime-default-alt: #0a0e00;\n --mode-color-status-custom-lime-hover: #7d9428;\n --mode-color-status-custom-lime-hover-alt: #141a00;\n --mode-color-status-custom-orange-default: #e24300;\n --mode-color-status-custom-orange-default-alt: #1d0300;\n --mode-color-status-custom-orange-hover: #e5631c;\n --mode-color-status-custom-orange-hover-alt: #360900;\n --mode-color-status-custom-orange-txt: #e24300;\n --mode-color-status-custom-red-default: #f50059;\n --mode-color-status-custom-red-default-alt: #1e0005;\n --mode-color-status-custom-red-hover: #ff3e6a;\n --mode-color-status-custom-red-hover-alt: #3c000f;\n --mode-color-status-custom-pink-default: #d046a4;\n --mode-color-status-custom-pink-default-alt: #1e0115;\n --mode-color-status-custom-pink-hover: #E84DB5;\n --mode-color-status-custom-pink-hover-alt: #350426;\n --mode-color-status-custom-purple-default: #9463d7;\n --mode-color-status-custom-purple-default-alt: #10041f;\n --mode-color-status-custom-purple-hover: #a375dd;\n --mode-color-status-custom-purple-hover-alt: #220c3a;\n --mode-color-status-custom-gray-default: #7c7c7c;\n --mode-color-status-custom-gray-default-alt: #0b0b0b;\n --mode-color-status-custom-gray-hover: #8b8b8b;\n --mode-color-status-custom-gray-hover-alt: #181818;\n --mode-color-status-custom-slate-default: #6a7986;\n --mode-color-status-custom-slate-default-alt: #253b4e;\n --mode-color-status-custom-slate-hover: #75838f;\n --mode-color-status-custom-slate-hover-alt: #304658;\n --mode-color-status-priority-default: #9463d7;\n --mode-color-status-priority-default-alt: #10041f;\n --mode-color-status-priority-hover: #a375dd;\n --mode-color-status-priority-hover-alt: #220c3a;\n --mode-color-status-priority-inverse-default: #8f4bd7;\n --mode-color-status-priority-inverse-default-alt: #f9f6ff;\n --mode-color-status-priority-inverse-hover: #803ec5;\n --mode-color-status-priority-inverse-hover-alt: #F3EBFE;\n --mode-color-status-inactive-default: #6f6f6f;\n --mode-color-status-inactive-with-default: #ffffff8c;\n --mode-color-status-inactive-inverse-default: #75838f;\n --mode-color-status-inactive-inverse-with-default: #0000008c;\n --mode-color-status-info-default: #007fd9;\n --mode-color-status-info-default-alt: #000b1c;\n --mode-color-status-info-with-default-alt: #007fd980;\n --mode-color-status-info-hover: #008ef4;\n --mode-color-status-info-hover-alt: #001932;\n --mode-color-status-info-inverse-default: #0071c3;\n --mode-color-status-info-inverse-default-alt: #f5f8ff;\n --mode-color-status-info-inverse-hover: #0063ad;\n --mode-color-status-info-inverse-hover-alt: #e4eeff;\n --mode-color-status-negative-default: #f50059;\n --mode-color-status-negative-default-alt: #1e0005;\n --mode-color-status-negative-hover: #ff3e6a;\n --mode-color-status-negative-hover-alt: #3c000f;\n --mode-color-status-negative-inverse-default: #db004e;\n --mode-color-status-negative-inverse-default-alt: #fff5f6;\n --mode-color-status-negative-inverse-hover: #c40044;\n --mode-color-status-negative-inverse-hover-alt: #ffe8ea;\n --mode-color-status-neutral-default: #7c7c7c;\n --mode-color-status-neutral-default-alt: #0b0b0b;\n --mode-color-status-neutral-hover: #8b8b8b;\n --mode-color-status-neutral-hover-alt: #181818;\n --mode-color-status-neutral-inverse-default: #6f6f6f;\n --mode-color-status-neutral-inverse-default-alt: #f8f8f8;\n --mode-color-status-neutral-inverse-hover: #616161;\n --mode-color-status-neutral-inverse-hover-alt: #eeeeee;\n --mode-color-status-positive-default: #019127;\n --mode-color-status-positive-default-alt: #001001;\n --mode-color-status-positive-with-default-alt: #01912780;\n --mode-color-status-positive-hover: #1BA12B;\n --mode-color-status-positive-hover-alt: #001f03;\n --mode-color-status-positive-inverse-default: #00811F;\n --mode-color-status-positive-inverse-default-alt: #EEFCEF;\n --mode-color-status-positive-inverse-hover-alt: #D1F6D6;\n}\n';export{o as default};

package/lib/components/tokens-wrapper/__internal__/utils/generate-tokens-from-overrides.js CHANGED Viewed

	@@ -1 +1 @@
1	- ~~"use~~ ~~strict";var~~ ~~o=require(~~"../../../../__internal__/utils/logger/index.js"),e~~=require(~~"../../../../style/utils/get-hex-value.js");const t=/^#([A-Fa-f0-9]{8})$/;function a(a,s){const i=a.trim();let r="";if(i.startsWith("#"))r=~~e.normaliseHex~~(i);else if(i.startsWith("rgb"))r=e~~.rgbToHex~~(i);else if(i.startsWith("hsl"))r=~~e.hslToHex~~(i);else{const o=~~e.namedColorToHex~~(i);o&&(r=o)}return r.length?`${9===r.length&&t.test(r)?r.slice(0,7):r}${Math.round(255*s).toString(16).padStart(2,"0")}`:(o.~~default.~~warn(`Unable to parse color value "${i}". Please provide a valid hex, rgb(a), hsl(a), or named color.`),i)}function s(o,e){const t=[],s=`--mode-color-action-main-${e}`,{primaryBrand:i,primaryBrandHover:r,primaryBrandActive:l,onPrimaryBrand:n,onPrimaryBrandHover:u,onPrimaryBrandActive:h}=o;return t.push(`${s}default: ${i};`),t.push(`${s}default-alt: ${a(i,.8)};`),t.push(`${s}default-alt3: ${a(i,.03)};`),r&&(t.push(`${s}hover: ${r};`),t.push(`${s}hover-alt: ${a(r,.15)};`),t.push(`${s}default-alt2: ${r};`)),l&&(t.push(`${s}active: ${l};`),t.push(`${s}active-alt: ${a(l,.3)};`),t.push(`${s}hover-alt2: ${l};`)),n?(t.push(`${s}with-default: ${n};`),t.push(`${s}with-hover: ${null!=u?u:n};`),t.push(`${s}with-active: ${null!=h?h:n};`)):(u&&t.push(`${s}with-hover: ${u};`),h&&t.push(`${s}with-active: ${h};`)),t}~~exports.overrideTokens~~=o=>{const e=[],t=[],{light:a,dark:i,focus:r,font:l,borderRadiusScale:n}=o;if(a){const{inverse:o}=a;e.push(...s(a,"")),o&&e.push(...s(o,"inverse-"))}if(i){const{inverse:o}=i;t.push(...s(i,"")),o&&t.push(...s(o,"inverse-"))}if(r){const{ring:o,contrast:a,alt:s,inverse:i}=r;if(o&&(e.push(`--mode-color-action-focus-default: ${o};`),t.push(`--mode-color-action-focus-with-default: ${o};`)),a&&(e.push(`--mode-color-action-focus-with-default: ${a};`),t.push(`--mode-color-action-focus-default: ${a};`)),s&&(e.push(`--mode-color-action-focus-with-default-alt: ${s};`),t.push(`--mode-color-action-focus-with-default-alt: ${s};`)),i){const{ring:o,contrast:a,alt:s}=i;o&&(e.push(`--mode-color-action-focus-inverse-default: ${o};`),t.push(`--mode-color-action-focus-inverse-with-default: ${o};`)),a&&(e.push(`--mode-color-action-focus-inverse-with-default: ${a};`),t.push(`--mode-color-action-focus-inverse-default: ${a};`)),s&&(e.push(`--mode-color-action-focus-inverse-with-default-alt: ${s};`),t.push(`--mode-color-action-focus-inverse-with-default-alt: ${s};`))}}if(l){const{family:o}=l,{component:t,heading:a,subheading:s,body:i,other:r}=null!=o?o:{};a&&e.push(`--global-font-families-heading: ${a};`),s&&e.push(`--global-font-families-subheading: ${s};`),i&&e.push(`--global-font-families-body: ${i};`),t~~&&e~~.push(`--global-font-families-component: ${t};`),r&&e.push(`--global-font-families-other: ${r};`)}void 0!==n&&e.push(`--global-radius-scale: ${n};`);const u=t.length?`&.carbon-dark-mode, &[data-carbon-theme="dark"] { ${t.join(" ")} }`:"";return[...e,u].join("\n ")};
1	+ import o from"../../../../__internal__/utils/logger/index.js";import{normaliseHex as t,rgbToHex as e,hslToHex as a,namedColorToHex as s}from"../../../../style/utils/get-hex-value.js";const i=/^#([A-Fa-f0-9]{8})$/;function l(l,r){const n=l.trim();let u="";if(n.startsWith("#"))u=t(n);else if(n.startsWith("rgb"))u=e(n);else if(n.startsWith("hsl"))u=a(n);else{const o=s(n);o&&(u=o)}return u.length?`${9===u.length&&i.test(u)?u.slice(0,7):u}${Math.round(255*r).toString(16).padStart(2,"0")}`:(o.warn(`Unable to parse color value "${n}". Please provide a valid hex, rgb(a), hsl(a), or named color.`),n)}function r(o,t){const e=[],a=`--mode-color-action-main-${t}`,{primaryBrand:s,primaryBrandHover:i,primaryBrandActive:r,onPrimaryBrand:n,onPrimaryBrandHover:u,onPrimaryBrandActive:h}=o;return e.push(`${a}default: ${s};`),e.push(`${a}default-alt: ${l(s,.8)};`),e.push(`${a}default-alt3: ${l(s,.03)};`),i&&(e.push(`${a}hover: ${i};`),e.push(`${a}hover-alt: ${l(i,.15)};`),e.push(`${a}default-alt2: ${i};`)),r&&(e.push(`${a}active: ${r};`),e.push(`${a}active-alt: ${l(r,.3)};`),e.push(`${a}hover-alt2: ${r};`)),n?(e.push(`${a}with-default: ${n};`),e.push(`${a}with-hover: ${null!=u?u:n};`),e.push(`${a}with-active: ${null!=h?h:n};`)):(u&&e.push(`${a}with-hover: ${u};`),h&&e.push(`${a}with-active: ${h};`)),e}const n=o=>{const t=[],e=[],{light:a,dark:s,focus:i,font:l,borderRadiusScale:n}=o;if(a){const{inverse:o}=a;t.push(...r(a,"")),o&&t.push(...r(o,"inverse-"))}if(s){const{inverse:o}=s;e.push(...r(s,"")),o&&e.push(...r(o,"inverse-"))}if(i){const{ring:o,contrast:a,alt:s,inverse:l}=i;if(o&&(t.push(`--mode-color-action-focus-default: ${o};`),e.push(`--mode-color-action-focus-with-default: ${o};`)),a&&(t.push(`--mode-color-action-focus-with-default: ${a};`),e.push(`--mode-color-action-focus-default: ${a};`)),s&&(t.push(`--mode-color-action-focus-with-default-alt: ${s};`),e.push(`--mode-color-action-focus-with-default-alt: ${s};`)),l){const{ring:o,contrast:a,alt:s}=l;o&&(t.push(`--mode-color-action-focus-inverse-default: ${o};`),e.push(`--mode-color-action-focus-inverse-with-default: ${o};`)),a&&(t.push(`--mode-color-action-focus-inverse-with-default: ${a};`),e.push(`--mode-color-action-focus-inverse-default: ${a};`)),s&&(t.push(`--mode-color-action-focus-inverse-with-default-alt: ${s};`),e.push(`--mode-color-action-focus-inverse-with-default-alt: ${s};`))}}if(l){const{family:o}=l,{component:e,heading:a,subheading:s,body:i,other:r}=null!=o?o:{};a&&t.push(`--global-font-families-heading: ${a};`),s&&t.push(`--global-font-families-subheading: ${s};`),i&&t.push(`--global-font-families-body: ${i};`),e&&t.push(`--global-font-families-component: ${e};`),r&&t.push(`--global-font-families-other: ${r};`)}void 0!==n&&t.push(`--global-radius-scale: ${n};`);const u=e.length?`&.carbon-dark-mode, &[data-carbon-theme="dark"] { ${e.join(" ")} }`:"";return[...t,u].join("\n ")};export{n as overrideTokens};

package/lib/components/tokens-wrapper/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- ~~"use~~ ~~strict";Object.defineProperty(exports,"__esModule",{value:!0~~}~~);var e=require(~~"./tokens-wrapper.component.js");~~exports.default=e.TokensWrapper;~~
1	+ export{TokensWrapper as default}from"./tokens-wrapper.component.js";

package/lib/components/tokens-wrapper/tokens-wrapper.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- ~~"use~~ ~~strict";Object.defineProperty(exports~~,~~"__esModule",{value:!0~~}~~);var e=require(~~"react/jsx-runtime"~~),r=require(~~"react"),~~t=require(~~"styled-components"~~),o=require(~~"../../__internal__/utils/helpers/guid/index.js"~~),n=require(~~"./__internal__/context/tokens-wrapper.context.js"~~),a=require(~~"./__internal__/static-tokens/index.js"~~),s=require(~~"./__internal__/hooks/useModeSwitcher.js"~~),i=require(~~"./__internal__/utils/generate-tokens-from-overrides.js");function p(e~~){return e&&e.__esModule?e:{default:e}}function c(e~~,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){c(e,r,t[r])}))}return e}const l=~~p(t)~~.~~default.~~div.withConfig({displayName:"tokens-wrapper.component__StyledTokensWrapper",componentId:"~~carbon_v162_10_0__sc~~-aaecd17e-0"})(["height:",";"],(({$height:e})=>e)),u=~~t.createGlobalStyle~~(['[data-component="tokens-wrapper"],[data-role="carbon-portal-scoped-tokens-provider"],.carbon-portal-scoped-tokens-provider{',"}"],~~a.default~~),b=~~t.createGlobalStyle~~(["",""],(({$wrapperId:e,$overrides:r})=>`\n [data-component="tokens-wrapper"][data-tokens-wrapper-id="${e}"],\n [data-role="carbon-portal-scoped-tokens-provider"][data-tokens-wrapper-id="${e}"] {\n ${~~i.overrideTokens~~(r)}\n }\n `)),f=({children:t,height:a="auto",modeSupportOptIn:i=!1,modeOverride:p,overrides:c})=>{const f=~~r.useRef~~(~~o.default~~()),_=s~~.default(p~~),{current:j}=f,O=i?{className:`carbon-${_}-mode`,"data-carbon-theme":"dark"===_?"dark":"light"}:{};return e~~.jsx~~(n.~~default.~~Provider,{value:{wrapperId:c?j:void 0},children:~~e.jsxs~~(l,(v=d({"data-component":"tokens-wrapper","data-role":"tokens-wrapper","data-tokens-wrapper-id":c?j:void 0,$height:a},O),y={children:[e~~.jsx~~(u,{"data-role":"carbon-fusion-tokens"}),c&&e~~.jsx~~(b,{"data-role":"carbon-fusion-overrides",$wrapperId:j,$overrides:c}),t]},y=null!=y?y:{},Object.getOwnPropertyDescriptors?Object.defineProperties(v,Object.getOwnPropertyDescriptors(y)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(y)).forEach((function(e){Object.defineProperty(v,e,Object.getOwnPropertyDescriptor(y,e))})),v))});var v,y};~~exports.~~TokensWrapper=f~~,exports.~~default=f;
1	+ import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as t}from"react";import o,{createGlobalStyle as n}from"styled-components";import a from"../../__internal__/utils/helpers/guid/index.js";import p from"./__internal__/context/tokens-wrapper.context.js";import i from"./__internal__/static-tokens/index.js";import c from"./__internal__/hooks/useModeSwitcher.js";import{overrideTokens as s}from"./__internal__/utils/generate-tokens-from-overrides.js";function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){d(e,r,t[r])}))}return e}const m=o.div.withConfig({displayName:"tokens-wrapper.component__StyledTokensWrapper",componentId:"carbon_v162_12_0__sc-aaecd17e-0"})(["height:",";"],(({$height:e})=>e)),u=n(['[data-component="tokens-wrapper"],[data-role="carbon-portal-scoped-tokens-provider"],.carbon-portal-scoped-tokens-provider{',"}"],i),b=n(["",""],(({$wrapperId:e,$overrides:r})=>`\n [data-component="tokens-wrapper"][data-tokens-wrapper-id="${e}"],\n [data-role="carbon-portal-scoped-tokens-provider"][data-tokens-wrapper-id="${e}"] {\n ${s(r)}\n }\n `)),f=({children:o,height:n="auto",modeSupportOptIn:i=!1,modeOverride:s,overrides:d})=>{const f=t(a()),_=c(s),{current:O}=f,w=i?{className:`carbon-${_}-mode`,"data-carbon-theme":"dark"===_?"dark":"light"}:{};return e(p.Provider,{value:{wrapperId:d?O:void 0},children:r(m,(h=l({"data-component":"tokens-wrapper","data-role":"tokens-wrapper","data-tokens-wrapper-id":d?O:void 0,$height:n},w),k={children:[e(u,{"data-role":"carbon-fusion-tokens"}),d&&e(b,{"data-role":"carbon-fusion-overrides",$wrapperId:O,$overrides:d}),o]},k=null!=k?k:{},Object.getOwnPropertyDescriptors?Object.defineProperties(h,Object.getOwnPropertyDescriptors(k)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(k)).forEach((function(e){Object.defineProperty(h,e,Object.getOwnPropertyDescriptor(k,e))})),h))});var h,k};export{f as TokensWrapper,f as default};

package/lib/components/tooltip/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- ~~"use~~ ~~strict";Object.defineProperty(exports,"__esModule",{value:!0~~}~~);var e=require(~~"./tooltip.component.js");~~exports.default=e.Tooltip;~~
1	+ export{Tooltip as default}from"./tooltip.component.js";

package/lib/components/tooltip/tooltip-pointer.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- ~~"use~~ ~~strict";Object.defineProperty(exports~~,~~"__esModule",~~{~~value:!0~~}~~);var e=require(~~"styled-components"~~),t=require(~~"../../style/themes/apply-base-theme.js"~~),o=require(~~"../../style/utils/color.js");~~function r(e){return e&&e.__esModule?e:{default:e}}~~const s=~~r(e)~~.~~default.~~div.attrs(~~t.default~~).withConfig({displayName:"tooltip-pointer.style__StyledTooltipPointer",componentId:"~~carbon_v162_10_0__sc~~-55209bbd-0"})(["",""],(({theme:t,type:r,bgColor:s})=>~~e.css~~(["z-index:",";background:",";position:absolute;width:12px;height:12px;transform:rotate(45deg);"],t.zIndex.popover,((e,t,r)=>t?o~~.toColor(e~~,t):"error"===r?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(t,s,r))));~~exports.~~default=s;
1	+ import o,{css as t}from"styled-components";import e from"../../style/themes/apply-base-theme.js";import{toColor as r}from"../../style/utils/color.js";const i=o.div.attrs(e).withConfig({displayName:"tooltip-pointer.style__StyledTooltipPointer",componentId:"carbon_v162_12_0__sc-55209bbd-0"})(["",""],(({theme:o,type:e,bgColor:i})=>t(["z-index:",";background:",";position:absolute;width:12px;height:12px;transform:rotate(45deg);"],o.zIndex.popover,((o,t,e)=>t?r(o,t):"error"===e?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(o,i,e))));export{i as default};