npm - @kyndryl-design-system/shidoka-foundation - Versions diffs - 2.7.5 → 2.8.1 - Mend

@kyndryl-design-system/shidoka-foundation 2.7.5 → 2.8.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 (4) hide show

package/css/root.css +1 -1
package/package.json +10 -10
package/scss/variables/colorSemantic.scss +3 -1
package/scss/variables/misc.scss +10 -1

package/css/root.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root{--kd-current-breakpoint: sm}@media(min-width: 42rem){:root{--kd-current-breakpoint: md}}@media(min-width: 74rem){:root{--kd-current-breakpoint: lg}}@media(min-width: 82rem){:root{--kd-current-breakpoint: xl}}@media(min-width: 99rem){:root{--kd-current-breakpoint: max}}:root{--kd-font-family-primary: "TWK Everett", "Helvetica", "Arial", sans-serif;--kd-font-family-secondary: "Roboto", "Helvetica", "Arial", sans-serif;--kd-font-family-code-view: "Roboto Mono", monospace;--kd-font-weight-ultralight: 200;--kd-font-weight-light: 300;--kd-font-weight-regular: 400;--kd-font-weight-medium: 500;--kd-font-weight-bold: 700;--kd-letter-spacing-1: -0.16px;--kd-letter-spacing-2: -0.08px;--kd-letter-spacing-3: 0px;--kd-letter-spacing-4: 0.16px;--kd-letter-spacing-5: 0.32px;--kd-font-size-hero-1-max: 18rem;--kd-font-size-hero-1-xlg: 18rem;--kd-font-size-hero-1-lg: 13.5rem;--kd-font-size-hero-1-md: 9rem;--kd-font-size-hero-1-sm: 6rem;--kd-line-height-hero-1-max: 21rem;--kd-line-height-hero-1-xlg: 21rem;--kd-line-height-hero-1-lg: 16rem;--kd-line-height-hero-1-md: 10.5rem;--kd-line-height-hero-1-sm: 7rem;--kd-font-size-hero-2-max: 13.5rem;--kd-font-size-hero-2-xlg: 12rem;--kd-font-size-hero-2-lg: 9rem;--kd-font-size-hero-2-md: 6rem;--kd-font-size-hero-2-sm: 5rem;--kd-line-height-hero-2-max: 16rem;--kd-line-height-hero-2-xlg: 14rem;--kd-line-height-hero-2-lg: 10.5rem;--kd-line-height-hero-2-md: 7rem;--kd-line-height-hero-2-sm: 5.5rem;--kd-font-size-hero-3-max: 9.75rem;--kd-font-size-hero-3-xlg: 9rem;--kd-font-size-hero-3-lg: 6rem;--kd-font-size-hero-3-md: 5rem;--kd-font-size-hero-3-sm: 4rem;--kd-line-height-hero-3-max: 14rem;--kd-line-height-hero-3-xlg: 10.5rem;--kd-line-height-hero-3-lg: 7rem;--kd-line-height-hero-3-md: 5.5rem;--kd-line-height-hero-3-sm: 4.625rem;--kd-font-size-hero-4-max: 9rem;--kd-font-size-hero-4-xlg: 7.5rem;--kd-font-size-hero-4-lg: 5rem;--kd-font-size-hero-4-md: 4.5rem;--kd-font-size-hero-4-sm: 4rem;--kd-line-height-hero-4-max: 10.5rem;--kd-line-height-hero-4-xlg: 8.75rem;--kd-line-height-hero-4-lg: 5.5rem;--kd-line-height-hero-4-md: 5.25rem;--kd-line-height-hero-4-sm: 4.625rem;--kd-font-size-display-1-max: 9rem;--kd-font-size-display-1-xlg: 6rem;--kd-font-size-display-1-lg: 5rem;--kd-font-size-display-1-md: 4.5rem;--kd-font-size-display-1-sm: 4rem;--kd-line-height-display-1-max: 10.5rem;--kd-line-height-display-1-xlg: 7rem;--kd-line-height-display-1-lg: 5.5rem;--kd-line-height-display-1-md: 5.25rem;--kd-line-height-display-1-sm: 4.625rem;--kd-font-size-display-2-max: 6rem;--kd-font-size-display-2-xlg: 5rem;--kd-font-size-display-2-lg: 4.5rem;--kd-font-size-display-2-md: 4rem;--kd-font-size-display-2-sm: 3.5rem;--kd-line-height-display-2-max: 7rem;--kd-line-height-display-2-xlg: 5.5rem;--kd-line-height-display-2-lg: 5.25rem;--kd-line-height-display-2-md: 4.625rem;--kd-line-height-display-2-sm: 4rem;--kd-font-size-display-3-max: 5rem;--kd-font-size-display-3-xlg: 4.5rem;--kd-font-size-display-3-lg: 4rem;--kd-font-size-display-3-md: 3.5rem;--kd-font-size-display-3-sm: 3rem;--kd-line-height-display-3-max: 5.5rem;--kd-line-height-display-3-xlg: 5.25rem;--kd-line-height-display-3-lg: 4.625rem;--kd-line-height-display-3-md: 4rem;--kd-line-height-display-3-sm: 3.5rem;--kd-font-size-headline-1-max: 4.5rem;--kd-font-size-headline-1-xlg: 4rem;--kd-font-size-headline-1-lg: 3.5rem;--kd-font-size-headline-1-md: 2.5rem;--kd-font-size-headline-1-sm: 2.5rem;--kd-line-height-headline-1-max: 5.25rem;--kd-line-height-headline-1-xlg: 4.625rem;--kd-line-height-headline-1-lg: 4rem;--kd-line-height-headline-1-md: 3rem;--kd-line-height-headline-1-sm: 3rem;--kd-font-size-headline-2-max: 4rem;--kd-font-size-headline-2-xlg: 3.5rem;--kd-font-size-headline-2-lg: 3rem;--kd-font-size-headline-2-md: 2.25rem;--kd-font-size-headline-2-sm: 2.25rem;--kd-line-height-headline-2-max: 4.625rem;--kd-line-height-headline-2-xlg: 4rem;--kd-line-height-headline-2-lg: 3.5rem;--kd-line-height-headline-2-md: 2.75rem;--kd-line-height-headline-2-sm: 2.75rem;--kd-font-size-headline-3-max: 3rem;--kd-font-size-headline-3-xlg: 3rem;--kd-font-size-headline-3-lg: 2.5rem;--kd-font-size-headline-3-md: 2rem;--kd-font-size-headline-3-sm: 2rem;--kd-line-height-headline-3-max: 3.5rem;--kd-line-height-headline-3-xlg: 3.5rem;--kd-line-height-headline-3-lg: 3rem;--kd-line-height-headline-3-md: 2.5rem;--kd-line-height-headline-3-sm: 2.5rem;--kd-font-size-headline-4-max: 3rem;--kd-font-size-headline-4-xlg: 2.5rem;--kd-font-size-headline-4-lg: 2.25rem;--kd-font-size-headline-4-md: 1.75rem;--kd-font-size-headline-4-sm: 1.75rem;--kd-line-height-headline-4-max: 3.5rem;--kd-line-height-headline-4-xlg: 3rem;--kd-line-height-headline-4-lg: 2.75rem;--kd-line-height-headline-4-md: 2.25rem;--kd-line-height-headline-4-sm: 2.25rem;--kd-font-size-headline-5-max: 2.5rem;--kd-font-size-headline-5-xlg: 2.25rem;--kd-font-size-headline-5-lg: 2rem;--kd-font-size-headline-5-md: 1.75rem;--kd-font-size-headline-5-sm: 1.75rem;--kd-line-height-headline-5-max: 3rem;--kd-line-height-headline-5-xlg: 2.75rem;--kd-line-height-headline-5-lg: 2.5rem;--kd-line-height-headline-5-md: 2.25rem;--kd-line-height-headline-5-sm: 2.25rem;--kd-font-size-headline-6-max: 2.5rem;--kd-font-size-headline-6-xlg: 2rem;--kd-font-size-headline-6-lg: 1.75rem;--kd-font-size-headline-6-md: 1.5rem;--kd-font-size-headline-6-sm: 1.5rem;--kd-line-height-headline-6-max: 3rem;--kd-line-height-headline-6-xlg: 2.5rem;--kd-line-height-headline-6-lg: 2.25rem;--kd-line-height-headline-6-md: 2rem;--kd-line-height-headline-6-sm: 2rem;--kd-font-size-headline-7-max: 2rem;--kd-font-size-headline-7-xlg: 1.75rem;--kd-font-size-headline-7-lg: 1.75rem;--kd-font-size-headline-7-md: 1.5rem;--kd-font-size-headline-7-sm: 1.5rem;--kd-line-height-headline-7-max: 2.5rem;--kd-line-height-headline-7-xlg: 2.25rem;--kd-line-height-headline-7-lg: 2.25rem;--kd-line-height-headline-7-md: 2rem;--kd-line-height-headline-7-sm: 2rem;--kd-font-size-headline-8-max: 1.75rem;--kd-font-size-headline-8-xlg: 1.5rem;--kd-font-size-headline-8-lg: 1.5rem;--kd-font-size-headline-8-md: 1.25rem;--kd-font-size-headline-8-sm: 1.25rem;--kd-line-height-headline-8-max: 2.25rem;--kd-line-height-headline-8-xlg: 2rem;--kd-line-height-headline-8-lg: 2rem;--kd-line-height-headline-8-md: 1.75rem;--kd-line-height-headline-8-sm: 1.75rem;--kd-font-size-body-1-max: 1.25rem;--kd-font-size-body-1-xlg: 1.25rem;--kd-font-size-body-1-lg: 1.25rem;--kd-font-size-body-1-md: 1.25rem;--kd-font-size-body-1-sm: 1.25rem;--kd-line-height-body-1-max: 1.75rem;--kd-line-height-body-1-xlg: 1.75rem;--kd-line-height-body-1-lg: 1.75rem;--kd-line-height-body-1-md: 1.75rem;--kd-line-height-body-1-sm: 1.75rem;--kd-font-size-body-2-max: 1rem;--kd-font-size-body-2-xlg: 1rem;--kd-font-size-body-2-lg: 1rem;--kd-font-size-body-2-md: 1rem;--kd-font-size-body-2-sm: 1rem;--kd-line-height-body-2-max: 1.5rem;--kd-line-height-body-2-xlg: 1.5rem;--kd-line-height-body-2-lg: 1.5rem;--kd-line-height-body-2-md: 1.5rem;--kd-line-height-body-2-sm: 1.5rem;--kd-font-size-utility-1-max: 1rem;--kd-font-size-utility-1-xlg: 1rem;--kd-font-size-utility-1-lg: 1rem;--kd-font-size-utility-1-md: 1rem;--kd-font-size-utility-1-sm: 1rem;--kd-line-height-utility-1-max: 1.5rem;--kd-line-height-utility-1-xlg: 1.5rem;--kd-line-height-utility-1-lg: 1.5rem;--kd-line-height-utility-1-md: 1.5rem;--kd-line-height-utility-1-sm: 1.5rem;--kd-font-size-utility-2-max: 0.875rem;--kd-font-size-utility-2-xlg: 0.875rem;--kd-font-size-utility-2-lg: 0.875rem;--kd-font-size-utility-2-md: 0.875rem;--kd-font-size-utility-2-sm: 0.875rem;--kd-line-height-utility-2-max: 1.125rem;--kd-line-height-utility-2-xlg: 1.125rem;--kd-line-height-utility-2-lg: 1.125rem;--kd-line-height-utility-2-md: 1.125rem;--kd-line-height-utility-2-sm: 1.125rem;--kd-font-size-utility-3-max: 0.75rem;--kd-font-size-utility-3-xlg: 0.75rem;--kd-font-size-utility-3-lg: 0.75rem;--kd-font-size-utility-3-md: 0.75rem;--kd-font-size-utility-3-sm: 0.75rem;--kd-line-height-utility-3-max: 1rem;--kd-line-height-utility-3-xlg: 1rem;--kd-line-height-utility-3-lg: 1rem;--kd-line-height-utility-3-md: 1rem;--kd-line-height-utility-3-sm: 1rem;--kd-font-size-utility-4-max: 0.75rem;--kd-font-size-utility-4-xlg: 0.75rem;--kd-font-size-utility-4-lg: 0.75rem;--kd-font-size-utility-4-md: 0.75rem;--kd-font-size-utility-4-sm: 0.75rem;--kd-line-height-utility-4-max: 1rem;--kd-line-height-utility-4-xlg: 1rem;--kd-line-height-utility-4-lg: 1rem;--kd-line-height-utility-4-md: 1rem;--kd-line-height-utility-4-sm: 1rem;--kd-font-size-utility-5-max: 0.875rem;--kd-font-size-utility-5-xlg: 0.875rem;--kd-font-size-utility-5-lg: 0.875rem;--kd-font-size-utility-5-md: 0.875rem;--kd-font-size-utility-5-sm: 0.875rem;--kd-line-height-utility-5-max: 1.125rem;--kd-line-height-utility-5-xlg: 1.125rem;--kd-line-height-utility-5-lg: 1.125rem;--kd-line-height-utility-5-md: 1.125rem;--kd-line-height-utility-5-sm: 1.125rem}:root{--kd-color-neutral-black: #000000;--kd-color-neutral-webgray: #fafafc;--kd-color-neutral-white: #ffffff;--kd-color-neutral-lavender-opacity: #0e0e17e6;--kd-color-neutral-div-02-neutral: #ebf8fe;--kd-color-neutral-div-01-neutral: #deffef;--kd-color-spruce-10: #ddf0f3;--kd-color-spruce-15: #def7fa;--kd-color-spruce-20: #8ecfd9;--kd-color-spruce-30: #3fadbd;--kd-color-spruce-40: #3797a4;--kd-color-spruce-50: #2f808c;--kd-color-spruce-60: #29707a;--kd-color-spruce-70: #215763;--kd-color-spruce-80: #193d4b;--kd-color-spruce-90: #132632;--kd-color-spruce-100: #090a1c;--kd-color-skye-10: #e4f4f1;--kd-color-skye-20: #aadcd3;--kd-color-skye-30: #5fbeac;--kd-color-skye-40: #44a895;--kd-color-skye-50: #38887b;--kd-color-skye-60: #2c6e61;--kd-color-skye-70: #23564d;--kd-color-skye-80: #193f38;--kd-color-skye-90: #102824;--kd-color-skye-100: #091714;--kd-color-deep-forest-10: #a3f4cf;--kd-color-deep-forest-20: #19db83;--kd-color-deep-forest-30: #15be72;--kd-color-deep-forest-40: #13a865;--kd-color-deep-forest-50: #0f8853;--kd-color-deep-forest-60: #0d7546;--kd-color-deep-forest-70: #0a5734;--kd-color-deep-forest-80: #074127;--kd-color-deep-forest-90: #042315;--kd-color-deep-forest-100: #02150d;--kd-color-spring-green-10: #c4f3d6;--kd-color-spring-green-20: #4cdd84;--kd-color-spring-green-30: #24c060;--kd-color-spring-green-40: #1fa452;--kd-color-spring-green-50: #1b904b;--kd-color-spring-green-60: #187e3f;--kd-color-spring-green-70: #10592c;--kd-color-spring-green-80: #0d4422;--kd-color-spring-green-90: #072914;--kd-color-spring-green-100: #03140a;--kd-color-warm-red-10: #fededa;--kd-color-warm-red-20: #fec1b9;--kd-color-warm-red-30: #ff9688;--kd-color-warm-red-40: #ff6b57;--kd-color-warm-red-45: #ff5d47;--kd-color-warm-red-60: #ff2306;--kd-color-warm-red-70: #cc1800;--kd-color-warm-red-80: #9b1200;--kd-color-warm-red-90: #6a0c00;--kd-color-warm-red-100: #410700;--kd-color-warm-red-50-brand: #ff462d;--kd-color-earth-10: #f5f4f3;--kd-color-earth-20: #dcd8d4;--kd-color-earth-30: #bfb7b0;--kd-color-earth-40: #9e9287;--kd-color-earth-50: #8b7d71;--kd-color-earth-60: #70655b;--kd-color-earth-70: #565049;--kd-color-earth-80: #3f3833;--kd-color-earth-90: #2d2824;--kd-color-earth-100: #161412;--kd-color-cloud-10: #f2f1ee;--kd-color-cloud-20: #dddad3;--kd-color-cloud-30: #bdb8a9;--kd-color-cloud-40: #a49d89;--kd-color-cloud-50: #8a826a;--kd-color-cloud-60: #6e6854;--kd-color-cloud-70: #534e3f;--kd-color-cloud-80: #3c382d;--kd-color-cloud-90: #29271f;--kd-color-cloud-100: #171511;--kd-color-dark-stone-10: #f9f9f9;--kd-color-dark-stone-20: #dcdad8;--kd-color-dark-stone-30: #bcbab8;--kd-color-dark-stone-40: #a8a5a6;--kd-color-dark-stone-50: #898888;--kd-color-dark-stone-60: #6d6d6d;--kd-color-dark-stone-70: #515151;--kd-color-dark-stone-80: #3d3c3c;--kd-color-dark-stone-90: #272727;--kd-color-dark-stone-100: #161616;--kd-color-warm-gray-10: #f1f0f0;--kd-color-warm-gray-20: #d9d7d7;--kd-color-warm-gray-30: #c1bebe;--kd-color-warm-gray-40: #a5a0a0;--kd-color-warm-gray-50: #8d8888;--kd-color-warm-gray-60: #746f6f;--kd-color-warm-gray-70: #565353;--kd-color-warm-gray-80: #423f3f;--kd-color-warm-gray-90: #2d2b2b;--kd-color-warm-gray-100: #141313;--kd-color-cool-gray-3: #fcfcfc;--kd-color-cool-gray-5: #fafbfb;--kd-color-cool-gray-7: #f8f9f9;--kd-color-cool-gray-8: #f5f6f6;--kd-color-cool-gray-10: #edf1f2;--kd-color-cool-gray-15: #e1e5e7;--kd-color-cool-gray-20: #d5d9db;--kd-color-cool-gray-30: #b6bdc0;--kd-color-cool-gray-40: #97a1a6;--kd-color-cool-gray-50: #79858b;--kd-color-cool-gray-60: #667076;--kd-color-cool-gray-70: #4b5357;--kd-color-cool-gray-80: #383e41;--kd-color-cool-gray-85: #2d3234;--kd-color-cool-gray-90: #222527;--kd-color-cool-gray-93: #1e2123;--kd-color-cool-gray-95: #1a1d1e;--kd-color-cool-gray-97: #16191a;--kd-color-cool-gray-100: #121415;--kd-color-accent-01: #ffd52c;--kd-color-accent-02: #ff8419;--kd-color-opacity-light-0: #ffffff00;--kd-color-opacity-light-3: #ffffff08;--kd-color-opacity-light-5: #ffffff0d;--kd-color-opacity-light-10: #ffffff1a;--kd-color-opacity-light-15: #ffffff26;--kd-color-opacity-light-20: #ffffff33;--kd-color-opacity-light-25: #ffffff40;--kd-color-opacity-light-30: #ffffff4d;--kd-color-opacity-light-40: #ffffff66;--kd-color-opacity-light-50: #ffffff80;--kd-color-opacity-light-86: #ffffffdb;--kd-color-opacity-light-95: #fffffff2;--kd-color-opacity-dark-0: #15191d00;--kd-color-opacity-dark-2: #15191d05;--kd-color-opacity-dark-3: #15191d08;--kd-color-opacity-dark-5: #15191d0d;--kd-color-opacity-dark-10: #15191d1a;--kd-color-opacity-dark-15: #15191d26;--kd-color-opacity-dark-20: #15191d33;--kd-color-opacity-dark-25: #15191d40;--kd-color-opacity-dark-30: #15191d4d;--kd-color-opacity-dark-40: #15191d66;--kd-color-opacity-dark-50: #15191d80;--kd-color-opacity-dark-85: #15191dcc;--kd-color-opacity-ai-warm-red-0: #ff6b5700;--kd-color-opacity-ai-warm-red-10: #ff6b571a;--kd-color-opacity-ai-warm-red-15: #ff6b5726;--kd-color-opacity-ai-warm-red-20: #ff6b5733;--kd-color-opacity-ai-warm-red-25: #ff6b5740;--kd-color-opacity-ai-warm-red-30: #ff6b574d;--kd-color-opacity-ai-warm-red-35: #ff6b5759;--kd-color-opacity-ai-warm-red-40: #ff6b5766;--kd-color-opacity-ai-warm-red-45: #ff6b5773;--kd-color-opacity-ai-warm-red-50: #ff6b5780;--kd-color-opacity-ai-warm-red-55: #ff6b578c;--kd-color-opacity-ai-warm-red-60: #ff6b5799;--kd-color-opacity-ai-warm-red-70: #ff6b57b3;--kd-color-opacity-ai-warm-red-80: #ff6b57cc;--kd-color-opacity-ai-warm-red-90: #ff6b57e6;--kd-color-opacity-ai-warm-red-100: #ff6b57;--kd-color-opacity-ai-spruce-0: #8ecfd900;--kd-color-opacity-ai-spruce-10: #8ecfd91a;--kd-color-opacity-ai-spruce-15: #8ecfd926;--kd-color-opacity-ai-spruce-20: #8ecfd933;--kd-color-opacity-ai-spruce-25: #8ecfd940;--kd-color-opacity-ai-spruce-30: #8ecfd94d;--kd-color-opacity-ai-spruce-35: #8ecfd959;--kd-color-opacity-ai-spruce-40: #8ecfd966;--kd-color-opacity-ai-spruce-45: #8ecfd973;--kd-color-opacity-ai-spruce-50: #8ecfd980;--kd-color-opacity-ai-spruce-55: #8ecfd98c;--kd-color-opacity-ai-spruce-60: #8ecfd999;--kd-color-opacity-ai-spruce-70: #8ecfd9b3;--kd-color-opacity-ai-spruce-80: #8ecfd9cc;--kd-color-opacity-ai-spruce-90: #8ecfd9e6;--kd-color-opacity-ai-spruce-100: #8ecfd9;--kd-color-interactive-1: #fcfcfd;--kd-color-interactive-3: #f8f9fa;--kd-color-interactive-5: #f6f7f9;--kd-color-interactive-7: #e7eaed;--kd-color-interactive-10: #d8dce1;--kd-color-interactive-15: #c8ccd2;--kd-color-interactive-20: #b8bdc3;--kd-color-interactive-30: #a9adb4;--kd-color-interactive-40: #999ea5;--kd-color-interactive-50: #898e96;--kd-color-interactive-60: #797f87;--kd-color-interactive-70: #6b7078;--kd-color-interactive-90: #4f555b;--kd-color-interactive-95: #41484d;--kd-color-interactive-100: #333a3f;--kd-color-interactive-105: #2c3236;--kd-color-interactive-107: #242a2e;--kd-color-interactive-110: #1d2125;--kd-color-interactive-113: #191d21;--kd-color-interactive-115: #15191d;--kd-color-interactive-120: #0e1114;--kd-color-interactive-80-primary: #5d6369;--kd-color-interactive-115-opaque: #15191df7;--kd-color-interactive-113-opaque: #191d21f7;--kd-color-misc-red-10: #ffc5c5;--kd-color-misc-red-20: #ffb0af;--kd-color-misc-red-25: #e48a9e;--kd-color-misc-red-30: #ff9997;--kd-color-misc-red-40: #fe807a;--kd-color-misc-red-50: #f86860;--kd-color-misc-red-60: #f04f45;--kd-color-misc-red-70: #d84134;--kd-color-misc-red-80: #bf3223;--kd-color-misc-red-90: #a52211;--kd-color-misc-red-100: #891000;--kd-color-misc-red-light: #f7e6e6;--kd-color-misc-red-dark: #cc1800;--kd-color-misc-red-05: #dcb8c0;--kd-color-misc-green-10: #c4f3d6;--kd-color-misc-green-20: #4cdd84;--kd-color-misc-green-25: #00c64a;--kd-color-misc-green-30: #24c060;--kd-color-misc-green-40: #1fa452;--kd-color-misc-green-50: #1b904b;--kd-color-misc-green-60: #187e3f;--kd-color-misc-green-70: #10592c;--kd-color-misc-green-80: #0d4422;--kd-color-misc-green-90: #072914;--kd-color-misc-green-100: #03140a;--kd-color-misc-green-dark: #00af41;--kd-color-misc-green-light: #e5f7eb;--kd-color-misc-blue-5: #cce1fe;--kd-color-misc-blue-10: #ace1f8;--kd-color-misc-blue-20: #95d3f0;--kd-color-misc-blue-30: #7ec4e9;--kd-color-misc-blue-40: #64b5e1;--kd-color-misc-blue-50: #48a5da;--kd-color-misc-blue-60: #3a94c6;--kd-color-misc-blue-70: #3082af;--kd-color-misc-blue-80: #236f96;--kd-color-misc-blue-90: #155b7f;--kd-color-misc-blue-100: #004765;--kd-color-misc-blue-110: #569aff;--kd-color-misc-blue-115: #005fea;--kd-color-misc-blue-light: #e9f2ff;--kd-color-misc-blue-dark: #2a6dd0;--kd-color-misc-yellow-5: #ffe88e;--kd-color-misc-yellow-10: #ffd46a;--kd-color-misc-yellow-15: #ffcd03;--kd-color-misc-yellow-20: #ffbc48;--kd-color-misc-yellow-25: #d4aa00;--kd-color-misc-yellow-30: #ffa329;--kd-color-misc-yellow-40: #ff850a;--kd-color-misc-yellow-50: #f26e01;--kd-color-misc-yellow-60: #d86301;--kd-color-misc-yellow-70: #bc5802;--kd-color-misc-yellow-80: #9e4d02;--kd-color-misc-yellow-90: #813f01;--kd-color-misc-yellow-100: #643000;--kd-color-misc-yellow-dark: #e8ba02;--kd-color-misc-yellow-light: #fef9e5;--kd-color-amber-10: #ffd46a;--kd-color-amber-20: #ffbc48;--kd-color-amber-30: #ffa329;--kd-color-amber-40: #ff850a;--kd-color-amber-50: #f26e01;--kd-color-amber-60: #d86301;--kd-color-amber-70: #bc5802;--kd-color-amber-80: #9e4d02;--kd-color-amber-90: #813f01;--kd-color-amber-100: #643000;--kd-color-blush-10: #f2c4e2;--kd-color-blush-20: #f3acd6;--kd-color-blush-30: #f493c5;--kd-color-blush-40: #f378b1;--kd-color-blush-50: #ee5d97;--kd-color-blush-60: #dc4b89;--kd-color-blush-70: #c4407e;--kd-color-blush-80: #ab3272;--kd-color-blush-90: #922365;--kd-color-blush-100: #781256;--kd-color-blush-05: #fbeaf5;--kd-color-sea-10: #ace1f8;--kd-color-sea-15: #def5ff;--kd-color-sea-20: #95d3f0;--kd-color-sea-30: #7ec4e9;--kd-color-sea-40: #64b5e1;--kd-color-sea-50: #48a5da;--kd-color-sea-60: #3a94c6;--kd-color-sea-70: #3082af;--kd-color-sea-80: #236f96;--kd-color-sea-90: #155b7f;--kd-color-sea-100: #004765;--kd-color-lilac-10: #e2c6ff;--kd-color-lilac-20: #d5b5f6;--kd-color-lilac-30: #c9a5ed;--kd-color-lilac-40: #bd93e5;--kd-color-lilac-50: #b181db;--kd-color-lilac-60: #a36fd0;--kd-color-lilac-70: #945cc2;--kd-color-lilac-80: #8548b4;--kd-color-lilac-90: #7431a4;--kd-color-lilac-100: #641195;--kd-color-lilac-05: #f7eeff;--kd-color-jade-10: #9beeca;--kd-color-jade-20: #81e1b5;--kd-color-jade-30: #66d39f;--kd-color-jade-40: #49c588;--kd-color-jade-50: #25b574;--kd-color-jade-60: #00a275;--kd-color-jade-70: #008d72;--kd-color-jade-80: #00776b;--kd-color-jade-90: #00615f;--kd-color-jade-100: #004a4f;--kd-color-rag-critical-10: #ffecea;--kd-color-rag-critical-20: #ff8272;--kd-color-rag-critical-100: #891000;--kd-color-rag-critical-110: #39010a;--kd-color-rag-error-10: var(--kd-color-warm-red-10);--kd-color-rag-error-20: #ff9688;--kd-color-rag-error-100: #cc1800;--kd-color-rag-error-110: var(--kd-color-misc-red-100);--kd-color-rag-success-10: #e8fff1;--kd-color-rag-success-15: #dff9e9;--kd-color-rag-success-20: #81e1b5;--kd-color-rag-success-100: #00af41;--kd-color-rag-success-110: var(--kd-color-spring-green-60);--kd-color-rag-warning-10: #fff2d3;--kd-color-rag-warning-20: #ffe88e;--kd-color-rag-warning-100: #e8ba02;--kd-color-rag-warning-110: #4d3d00;--kd-color-rag-information-10: #e9f2ff;--kd-color-rag-information-20: #569aff;--kd-color-rag-information-100: #1473ff;--kd-color-rag-information-110: #0255d0;--kd-color-wireframe-dark: #000000;--kd-color-wireframe-light: #ffffff;--kd-color-wireframe-gray: var(--kd-color-dark-stone-40)}:root{--kd-color-background-container-default: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-115));--kd-color-background-container-subtle: light-dark(var(--kd-color-opacity-dark-2), var(--kd-color-opacity-light-5));--kd-color-background-container-bold: light-dark(var(--kd-color-dark-stone-50), var(--kd-color-cool-gray-40));--kd-color-background-container-soft: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-113));--kd-color-background-container-footer: light-dark(var(--kd-color-interactive-15), var(--kd-color-interactive-115));--kd-color-background-container-secondary: light-dark(var(--kd-color-interactive-3), var(--kd-color-interactive-107));--kd-color-background-container-ai-default: light-dark(var(--kd-color-interactive-1), var(--kd-color-interactive-120));--kd-color-background-container-ai-subtle: light-dark(var(--kd-color-opacity-dark-5), var(--kd-color-opacity-light-5));--kd-color-background-container-ai-level-2: light-dark(var(--kd-color-earth-10), var(--kd-color-interactive-110));--kd-color-background-container-surface-tint: light-dark(var(--kd-color-opacity-light-86), var(--kd-color-opacity-dark-85));--kd-color-background-container-tertiary: light-dark(var(--kd-color-opacity-dark-3), var(--kd-color-opacity-light-5));--kd-color-background-ui-default-dark: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-cool-gray-10));--kd-color-background-ui-default-brand: light-dark(var(--kd-color-warm-red-50-brand), var(--kd-color-warm-red-50-brand));--kd-color-background-ui-default-default: light-dark(var(--kd-color-dark-stone-50), var(--kd-color-cool-gray-10));--kd-color-background-ui-default-hover: light-dark(var(--kd-color-interactive-60), var(--kd-color-interactive-20));--kd-color-background-ui-default-pressed: light-dark(var(--kd-color-interactive-70), var(--kd-color-interactive-20));--kd-color-background-ui-default-focus: light-dark(var(--kd-color-interactive-60), var(--kd-color-interactive-20));--kd-color-background-ui-default-disabled: light-dark(var(--kd-color-opacity-dark-5), var(--kd-color-opacity-light-5));--kd-color-background-ui-default-secondary: light-dark(var(--kd-color-interactive-60), var(--kd-color-interactive-40));--kd-color-background-ui-hollow-default: light-dark(var(--kd-color-neutral-white), var(--kd-color-cool-gray-90));--kd-color-background-ui-hollow-hover: light-dark(var(--kd-color-interactive-10), var(--kd-color-interactive-70));--kd-color-background-ui-hollow-pressed: light-dark(var(--kd-color-interactive-20), var(--kd-color-interactive-30));--kd-color-background-button-primary-state-default: light-dark(var(--kd-color-spruce-50), var(--kd-color-spruce-60));--kd-color-background-button-primary-state-hover: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-40));--kd-color-background-button-primary-state-pressed: light-dark(var(--kd-color-spruce-80), var(--kd-color-spruce-70));--kd-color-background-button-primary-state-selected: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-90));--kd-color-background-button-primary-state-focused: light-dark(var(--kd-color-spruce-60), var(--kd-color-spruce-90));--kd-color-background-button-primary-destructive-default: light-dark(var(--kd-color-misc-red-80), var(--kd-color-misc-red-80));--kd-color-background-button-primary-destructive-hover: light-dark(var(--kd-color-misc-red-90), var(--kd-color-misc-red-70));--kd-color-background-button-primary-destructive-pressed: light-dark(var(--kd-color-misc-red-100), var(--kd-color-misc-red-90));--kd-color-background-button-primary-destructive-selected: light-dark(var(--kd-color-misc-red-100), var(--kd-color-misc-red-100));--kd-color-background-button-primary-destructive-focused: light-dark(var(--kd-color-misc-red-90), var(--kd-color-misc-red-100));--kd-color-background-button-primary-ai-default: light-dark(var(--kd-color-opacity-dark-0), var(--kd-color-opacity-light-0));--kd-color-background-button-primary-ai-hover: light-dark(var(--kd-color-opacity-dark-2), var(--kd-color-opacity-light-5));--kd-color-background-button-primary-ai-pressed: light-dark(var(--kd-color-interactive-1), var(--kd-color-interactive-120));--kd-color-background-button-primary-ai-selected: light-dark(var(--kd-color-opacity-dark-3), var(--kd-color-opacity-light-10));--kd-color-background-button-primary-ai-focused: light-dark(var(--kd-color-opacity-dark-2), var(--kd-color-opacity-light-5));--kd-color-background-button-web-default: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-60));--kd-color-background-button-web-hover: light-dark(var(--kd-color-dark-stone-60), var(--kd-color-dark-stone-80));--kd-color-background-button-web-pressed: light-dark(var(--kd-color-dark-stone-100), var(--kd-color-dark-stone-90));--kd-color-background-button-web-selected: light-dark(var(--kd-color-dark-stone-70), var(--kd-color-dark-stone-50));--kd-color-background-button-web-focused: light-dark(var(--kd-color-dark-stone-70), var(--kd-color-dark-stone-50));--kd-color-background-button-secondary-state-default: light-dark(var(--kd-color-spruce-10), var(--kd-color-spruce-90));--kd-color-background-button-secondary-state-hover: light-dark(var(--kd-color-spruce-20), var(--kd-color-spruce-80));--kd-color-background-button-secondary-state-pressed: light-dark(var(--kd-color-spruce-40), var(--kd-color-spruce-100));--kd-color-background-button-secondary-state-selected: light-dark(var(--kd-color-spruce-30), var(--kd-color-spruce-80));--kd-color-background-button-secondary-state-focused: light-dark(var(--kd-color-spruce-50), var(--kd-color-spruce-80));--kd-color-background-button-secondary-destructive-pressed: light-dark(var(--kd-color-misc-red-30), var(--kd-color-misc-red-90));--kd-color-background-button-secondary-destructive-hover: light-dark(var(--kd-color-misc-red-20), var(--kd-color-misc-red-80));--kd-color-background-button-secondary-destructive-default: light-dark(var(--kd-color-misc-red-10), var(--kd-color-misc-red-100));--kd-color-background-button-secondary-destructive-selected: light-dark(var(--kd-color-misc-red-50), var(--kd-color-misc-red-70));--kd-color-background-button-secondary-destructive-focused: light-dark(var(--kd-color-misc-red-50), var(--kd-color-misc-red-70));--kd-color-background-button-secondary-ai-default: light-dark(var(--kd-color-spruce-10), var(--kd-color-spruce-90));--kd-color-background-button-secondary-ai-hover: light-dark(var(--kd-color-spruce-20), var(--kd-color-spruce-80));--kd-color-background-button-secondary-ai-pressed: light-dark(var(--kd-color-spruce-40), var(--kd-color-spruce-100));--kd-color-background-button-secondary-ai-selected: light-dark(var(--kd-color-spruce-30), var(--kd-color-spruce-80));--kd-color-background-button-secondary-ai-focused: light-dark(var(--kd-color-spruce-50), var(--kd-color-spruce-80));--kd-color-background-button-tertiary-state-hover: light-dark(var(--kd-color-dark-stone-40), var(--kd-color-interactive-100));--kd-color-background-button-tertiary-state-pressed: light-dark(var(--kd-color-dark-stone-90), var(--kd-color-interactive-110));--kd-color-background-button-tertiary-state-default: light-dark(var(--kd-color-dark-stone-20), var(--kd-color-interactive-105));--kd-color-background-button-tertiary-state-selected: light-dark(var(--kd-color-dark-stone-100), var(--kd-color-interactive-115));--kd-color-background-button-tertiary-state-focused: light-dark(var(--kd-color-dark-stone-70), var(--kd-color-interactive-115));--kd-color-background-button-ghost-state-hover: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-95));--kd-color-background-button-ghost-state-pressed: light-dark(var(--kd-color-interactive-80-primary), var(--kd-color-interactive-110));--kd-color-background-button-ghost-state-selected: light-dark(var(--kd-color-interactive-95), var(--kd-color-interactive-105));--kd-color-background-button-ghost-ai-default: light-dark(var(--kd-color-opacity-dark-0), var(--kd-color-opacity-light-0));--kd-color-background-button-ghost-ai-hover: light-dark(var(--kd-color-opacity-dark-2), var(--kd-color-opacity-light-5));--kd-color-background-button-ghost-ai-pressed: light-dark(var(--kd-color-interactive-1), var(--kd-color-interactive-120));--kd-color-background-button-ghost-ai-selected: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-120));--kd-color-background-button-ghost-ai-focused: light-dark(var(--kd-color-opacity-dark-2), var(--kd-color-opacity-light-5));--kd-color-background-accent-subtle: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-105));--kd-color-background-accent-secondary: light-dark(var(--kd-color-interactive-60), var(--kd-color-interactive-107));--kd-color-background-accent-tertiary: light-dark(var(--kd-color-dark-stone-20), var(--kd-color-cool-gray-70));--kd-color-background-accent-light: light-dark(var(--kd-color-interactive-10), var(--kd-color-interactive-110));--kd-color-background-opacity-1: light-dark(var(--kd-color-opacity-dark-3), var(--kd-color-opacity-light-3));--kd-color-background-opacity-2: light-dark(var(--kd-color-opacity-dark-2), var(--kd-color-opacity-light-3));--kd-color-background-opacity-3: light-dark(var(--kd-color-opacity-dark-3), var(--kd-color-opacity-light-3));--kd-color-background-opacity-4: light-dark(var(--kd-color-opacity-dark-40), var(--kd-color-opacity-light-40));--kd-color-background-opacity-8: light-dark(var(--kd-color-opacity-dark-50), var(--kd-color-opacity-dark-85));--kd-color-background-opacity-disabled: light-dark(var(--kd-color-opacity-dark-3), var(--kd-color-cool-gray-3));--kd-color-background-opacity-4---dark: light-dark(var(--kd-color-opacity-dark-40), var(--kd-color-opacity-dark-40));--kd-color-background-opacity-8---dark: light-dark(var(--kd-color-opacity-dark-85), var(--kd-color-opacity-dark-85));--kd-color-background-opacity-inverse-1: light-dark(var(--kd-color-cool-gray-5), var(--kd-color-interactive-115-opaque));--kd-color-background-opacity-inverse-backdrop: light-dark(var(--kd-color-opacity-dark-25), var(--kd-color-opacity-light-10));--kd-color-background-forms-secondary: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-105));--kd-color-background-forms-default: light-dark(var(--kd-color-cool-gray-5), var(--kd-color-opacity-dark-30));--kd-color-background-forms-ai-default: light-dark(var(--kd-color-neutral-white), var(--kd-color-opacity-dark-30));--kd-color-background-forms-disabled: light-dark(var(--kd-color-warm-gray-10), var(--kd-color-cool-gray-80));--kd-color-background-table-row-active: light-dark(var(--kd-color-interactive-10), var(--kd-color-interactive-100));--kd-color-background-table-alt-row: light-dark(var(--kd-color-cool-gray-7), var(--kd-color-cool-gray-93));--kd-color-background-table-footer: light-dark(var(--kd-color-cool-gray-10), var(--kd-color-interactive-105));--kd-color-background-table-row: light-dark(var(--kd-color-cool-gray-3), var(--kd-color-cool-gray-90));--kd-color-background-table-row-active-nested: light-dark(var(--kd-color-cool-gray-3), var(--kd-color-interactive-90));--kd-color-background-table-header: light-dark(var(--kd-color-cool-gray-10), var(--kd-color-interactive-105));--kd-color-background-page-overlay: light-dark(var(--kd-color-opacity-light-50), var(--kd-color-opacity-dark-85));--kd-color-background-page-default: light-dark(var(--kd-color-cool-gray-3), var(--kd-color-interactive-110));--kd-color-background-page-dashboard-dashboard-default: light-dark(var(--kd-color-neutral-white), var(--kd-color-interactive-115));--kd-color-background-logo-bridge-txt: light-dark(var(--kd-color-spruce-60), var(--kd-color-dark-stone-10));--kd-color-background-logo-ai-indicator-head: light-dark(var(--kd-color-warm-red-40), var(--kd-color-warm-red-20));--kd-color-background-logo-ai-indicator-halo: light-dark(var(--kd-color-warm-red-20), var(--kd-color-warm-red-40));--kd-color-background-logo-ai-indicator-background: light-dark(var(--kd-color-warm-red-10), var(--kd-color-warm-red-90));--kd-color-background-navigation-local-nav: light-dark(var(--kd-color-cool-gray-5), var(--kd-color-opacity-light-3));--kd-color-background-navigation-footer: light-dark(var(--kd-color-cool-gray-10), var(--kd-color-opacity-light-3));--kd-color-background-navigation-default: light-dark(var(--kd-color-cool-gray-10), var(--kd-color-opacity-light-3));--kd-color-background-gradients-interactive-gradient-end: light-dark(var(--kd-color-cool-gray-10), var(--kd-color-interactive-100));--kd-color-background-gradients-interactive-gradient-start: light-dark(var(--kd-color-cool-gray-5), var(--kd-color-interactive-107));--kd-color-background-gradients-ai-linear-top-gradient-1: light-dark(var(--kd-color-warm-red-10), var(--kd-color-warm-red-70));--kd-color-background-gradients-ai-linear-bottom-gradient-1: light-dark(var(--kd-color-neutral-white), var(--kd-color-interactive-120));--kd-color-background-gradients-ai-loader-start-gradient: light-dark(var(--kd-color-opacity-ai-warm-red-40), var(--kd-color-opacity-ai-warm-red-40));--kd-color-background-gradients-ai-loader-end-gradient: light-dark(var(--kd-color-opacity-ai-spruce-40), var(--kd-color-opacity-ai-spruce-40));--kd-color-background-gradients-ai-loader-mid-gradient: light-dark(var(--kd-color-opacity-dark-10), var(--kd-color-opacity-dark-10));--kd-color-background-gradients-interactive-gradient-end-2: light-dark(var(--kd-color-cool-gray-10), var(--kd-color-interactive-113-opaque));--kd-color-background-card-background: light-dark(var(--kd-color-cool-gray-3), var(--kd-color-opacity-light-3));--kd-color-background-card-default: light-dark(var(--kd-color-cool-gray-5), var(--kd-color-opacity-light-5));--kd-color-background-card-hover: light-dark(var(--kd-color-cool-gray-7), var(--kd-color-opacity-light-10));--kd-color-background-highlight-fill: light-dark(var(--kd-color-skye-10), var(--kd-color-skye-80));--kd-color-background-highlight-border: light-dark(var(--kd-color-skye-20), var(--kd-color-skye-50));--kd-color-background-loader-skeleton-default: light-dark(var(--kd-color-dark-stone-20), var(--kd-color-dark-stone-70));--kd-color-background-loader-skeleton-secondary: light-dark(var(--kd-color-dark-stone-20), var(--kd-color-dark-stone-60));--kd-color-background-loader-skeleton-tertiary: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-dark-stone-60));--kd-color-background-loader-bar-primary: light-dark(var(--kd-color-dark-stone-50), var(--kd-color-cool-gray-10));--kd-color-background-loader-bar-secondary: light-dark(var(--kd-color-dark-stone-20), var(--kd-color-cool-gray-70));--kd-color-background-loader-progress-complete: light-dark(var(--kd-color-spruce-30), var(--kd-color-spruce-30));--kd-color-background-loader-progress-active: light-dark(var(--kd-color-interactive-70), var(--kd-color-interactive-80-primary));--kd-color-background-loader-progress-background: light-dark(var(--kd-color-interactive-10), var(--kd-color-interactive-105));--kd-color-background-link-level-default-light: light-dark(var(--kd-color-interactive-70), var(--kd-color-interactive-70));--kd-color-background-link-level-hover-light: light-dark(var(--kd-color-interactive-60), var(--kd-color-interactive-60));--kd-color-background-link-level-pressed-light: light-dark(var(--kd-color-interactive-95), var(--kd-color-interactive-95));--kd-color-background-link-level-disabled-light: light-dark(var(--kd-color-opacity-dark-30), var(--kd-color-opacity-dark-30));--kd-color-background-link-ai-default: light-dark(var(--kd-color-spruce-60), var(--kd-color-spruce-20));--kd-color-background-link-ai-hover: light-dark(var(--kd-color-spruce-60), var(--kd-color-spruce-50));--kd-color-background-link-ai-pressed: light-dark(var(--kd-color-spruce-80), var(--kd-color-spruce-70));--kd-color-background-link-ai-focused: light-dark(var(--kd-color-spruce-60), var(--kd-color-spruce-20));--kd-color-background-link-ai-disabled: light-dark(var(--kd-color-opacity-dark-30), var(--kd-color-opacity-light-30));--kd-color-background-link-ai-secondary: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-10));--kd-color-background-menu-state-default: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-115));--kd-color-background-menu-state-focused: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-115));--kd-color-background-menu-state-hover: light-dark(var(--kd-color-spruce-50), var(--kd-color-spruce-70));--kd-color-background-menu-state-pressed: light-dark(var(--kd-color-spruce-90), var(--kd-color-spruce-90));--kd-color-background-menu-state-open: light-dark(var(--kd-color-interactive-10), var(--kd-color-interactive-105));--kd-color-background-menu-state-disabled: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-115));--kd-color-background-menu-state-category: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-115));--kd-color-background-menu-state-active: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-50));--kd-color-background-menu-state-ai-active: light-dark(var(--kd-color-warm-gray-10), var(--kd-color-interactive-105));--kd-color-background-menu-state-ai-category: light-dark(var(--kd-color-earth-10), var(--kd-color-interactive-115));--kd-color-background-menu-state-ai-default: light-dark(var(--kd-color-earth-10), var(--kd-color-interactive-115));--kd-color-background-menu-state-ai-disabled: light-dark(var(--kd-color-opacity-dark-5), var(--kd-color-opacity-light-5));--kd-color-background-menu-state-ai-focused: light-dark(var(--kd-color-warm-gray-10), var(--kd-color-interactive-110));--kd-color-background-menu-state-ai-hover: light-dark(var(--kd-color-warm-gray-20), var(--kd-color-cool-gray-80));--kd-color-background-menu-state-ai-open: light-dark(var(--kd-color-warm-gray-20), var(--kd-color-interactive-105));--kd-color-background-menu-state-ai-pressed: light-dark(var(--kd-color-dark-stone-30), var(--kd-color-interactive-90));--kd-color-text-level-primary: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-10));--kd-color-text-level-secondary: light-dark(var(--kd-color-dark-stone-60), var(--kd-color-dark-stone-20));--kd-color-text-level-tertiary: light-dark(var(--kd-color-interactive-90), var(--kd-color-spruce-30));--kd-color-text-level-tertiary-bold: light-dark(var(--kd-color-spruce-80), var(--kd-color-spruce-10));--kd-color-text-level-dark: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-80));--kd-color-text-level-light: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-white));--kd-color-text-level-disabled: light-dark(var(--kd-color-dark-stone-40), var(--kd-color-dark-stone-40));--kd-color-text-variant-brand: light-dark(var(--kd-color-warm-red-50-brand), var(--kd-color-warm-red-50-brand));--kd-color-text-variant-inversed: light-dark(var(--kd-color-neutral-white), var(--kd-color-dark-stone-90));--kd-color-text-variant-eyebrow: light-dark(var(--kd-color-spruce-50), var(--kd-color-spruce-30));--kd-color-text-variant-destructive: light-dark(var(--kd-color-misc-red-dark), var(--kd-color-misc-red-light));--kd-color-text-variant-placeholder: light-dark(var(--kd-color-dark-stone-50), var(--kd-color-dark-stone-50));--kd-color-text-link-level-default: light-dark(var(--kd-color-spruce-60), var(--kd-color-spruce-20));--kd-color-text-link-level-hover: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-50));--kd-color-text-link-level-pressed: light-dark(var(--kd-color-spruce-80), var(--kd-color-spruce-70));--kd-color-text-link-level-disabled: light-dark(var(--kd-color-opacity-dark-30), var(--kd-color-opacity-light-40));--kd-color-text-label-light-label: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-dark-stone-20));--kd-color-text-label-dark-label: light-dark(var(--kd-color-cool-gray-85), var(--kd-color-dark-stone-20));--kd-color-text-title-tertiary: light-dark(var(--kd-color-interactive-95), var(--kd-color-interactive-30));--kd-color-text-title-secondary: light-dark(var(--kd-color-interactive-105), var(--kd-color-interactive-15));--kd-color-text-title-primary: light-dark(var(--kd-color-interactive-115), var(--kd-color-interactive-5));--kd-color-text-title-ai-primary: light-dark(var(--kd-color-interactive-115), var(--kd-color-interactive-5));--kd-color-text-title-ai-secondary: light-dark(var(--kd-color-interactive-105), var(--kd-color-interactive-15));--kd-color-text-title-ai-tertiary: light-dark(var(--kd-color-spruce-60), var(--kd-color-spruce-20));--kd-color-text-forms-input-field-text: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-20));--kd-color-text-forms-label-secondary: light-dark(var(--kd-color-dark-stone-60), var(--kd-color-dark-stone-30));--kd-color-text-forms-label-primary: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-20));--kd-color-text-forms-disabled: light-dark(var(--kd-color-warm-gray-10), var(--kd-color-cool-gray-90));--kd-color-text-density-medium: light-dark(var(--kd-color-cool-gray-85), var(--kd-color-dark-stone-20));--kd-color-text-density-dark: light-dark(var(--kd-color-cool-gray-90), var(--kd-color-cool-gray-10));--kd-color-text-density-light: light-dark(var(--kd-color-cool-gray-8), var(--kd-color-opacity-light-86));--kd-color-text-density-darker: light-dark(var(--kd-color-interactive-120), var(--kd-color-neutral-white));--kd-color-text-button-light-primary: light-dark(var(--kd-color-interactive-110), var(--kd-color-interactive-10));--kd-color-text-button-light-destructive: light-dark(var(--kd-color-misc-red-dark), var(--kd-color-neutral-white));--kd-color-text-button-light-secondary: light-dark(var(--kd-color-spruce-50), var(--kd-color-spruce-30));--kd-color-text-button-light-tertiary: light-dark(var(--kd-color-spruce-50), var(--kd-color-spruce-30));--kd-color-text-button-light-disabled: light-dark(var(--kd-color-interactive-90), var(--kd-color-cool-gray-5));--kd-color-text-button-dark-primary: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-white));--kd-color-text-button-dark-destructive: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-white));--kd-color-text-button-dark-secondary: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-white));--kd-color-text-button-dark-tertiary: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-white));--kd-color-text-button-dark-disabled: light-dark(var(--kd-color-misc-red-light), var(--kd-color-misc-red-light));--kd-color-text-button-ai-default: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-20));--kd-color-text-status-red: light-dark(var(--kd-color-misc-red-dark), var(--kd-color-misc-red-50));--kd-color-text-status-amber: light-dark(var(--kd-color-misc-yellow-60), var(--kd-color-misc-yellow-dark));--kd-color-text-status-green: light-dark(var(--kd-color-misc-green-60), var(--kd-color-misc-green-30));--kd-color-text-status-blue: light-dark(var(--kd-color-misc-blue-115), var(--kd-color-misc-blue-110));--kd-color-icon-primary: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-cool-gray-10));--kd-color-icon-secondary: light-dark(var(--kd-color-dark-stone-60), var(--kd-color-cool-gray-30));--kd-color-icon-tertiary: light-dark(var(--kd-color-spruce-60), var(--kd-color-spruce-20));--kd-color-icon-inverse: light-dark(var(--kd-color-neutral-white), var(--kd-color-cool-gray-90));--kd-color-icon-brand: light-dark(var(--kd-color-warm-red-50-brand), var(--kd-color-warm-red-50-brand));--kd-color-icon-disabled: light-dark(var(--kd-color-dark-stone-40), var(--kd-color-dark-stone-40));--kd-color-icon-destructive: light-dark(var(--kd-color-warm-red-70), var(--kd-color-warm-red-40));--kd-color-icon-switcher-icon: light-dark(var(--kd-color-interactive-80-primary), var(--kd-color-interactive-60));--kd-color-icon-accent: light-dark(var(--kd-color-skye-30), var(--kd-color-skye-50));--kd-color-icon-duotone-primary: light-dark(var(--kd-color-cool-gray-80), var(--kd-color-cool-gray-10));--kd-color-icon-duotone-secondary: light-dark(var(--kd-color-warm-red-50-brand), var(--kd-color-warm-red-50-brand));--kd-color-icon-duotone-inverse-primary: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-dark-stone-10));--kd-color-icon-duotone-inverse-secondary: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-dark-stone-10));--kd-color-icon-dark: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-80));--kd-color-icon-light: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-dark-stone-10));--kd-color-icon-interactive-primary: light-dark(var(--kd-color-spruce-40), var(--kd-color-spruce-40));--kd-color-icon-interactive-secondary: light-dark(var(--kd-color-spruce-20), var(--kd-color-spruce-20));--kd-color-icon-ai-spruce: light-dark(var(--kd-color-spruce-60), var(--kd-color-spruce-20));--kd-color-icon-ai-red: light-dark(var(--kd-color-warm-red-40), var(--kd-color-warm-red-40));--kd-color-border-variants-light: light-dark(var(--kd-color-dark-stone-20), var(--kd-color-opacity-light-10));--kd-color-border-variants-focus: light-dark(var(--kd-color-spruce-40), var(--kd-color-spruce-40));--kd-color-border-variants-destructive: light-dark(var(--kd-color-warm-red-70), var(--kd-color-warm-red-30));--kd-color-border-variants-brand: light-dark(var(--kd-color-warm-red-50-brand), var(--kd-color-warm-red-50-brand));--kd-color-border-variants-inverse: light-dark(var(--kd-color-neutral-white), var(--kd-color-cool-gray-90));--kd-color-border-variants-transparent: light-dark(var(--kd-color-opacity-dark-0), var(--kd-color-opacity-dark-0));--kd-color-border-variants-ai: light-dark(var(--kd-color-warm-red-40), var(--kd-color-opacity-ai-warm-red-60));--kd-color-border-level-primary: light-dark(var(--kd-color-opacity-dark-30), var(--kd-color-opacity-light-30));--kd-color-border-level-secondary: light-dark(var(--kd-color-opacity-dark-20), var(--kd-color-opacity-light-20));--kd-color-border-level-tertiary: light-dark(var(--kd-color-opacity-dark-10), var(--kd-color-opacity-light-10));--kd-color-border-level-ai-primary: light-dark(var(--kd-color-ai-interactive-35), var(--kd-color-ai-interactive-30));--kd-color-border-level-ai-secondary: light-dark(var(--kd-color-ai-interactive-25), var(--kd-color-ai-interactive-50));--kd-color-border-level-ai-tertiary: light-dark(var(--kd-color-ai-interactive-10), var(--kd-color-ai-interactive-70));--kd-color-border-ui-pressed: light-dark(var(--kd-color-interactive-80-primary), var(--kd-color-interactive-10));--kd-color-border-ui-default: light-dark(var(--kd-color-opacity-dark-20), var(--kd-color-opacity-light-30));--kd-color-border-ui-hover: light-dark(var(--kd-color-interactive-60), var(--kd-color-interactive-20));--kd-color-border-ui-disabled: light-dark(var(--kd-color-opacity-dark-20), var(--kd-color-opacity-light-20));--kd-color-border-ui-error: light-dark(var(--kd-color-rag-error-100), var(--kd-color-rag-error-20));--kd-color-border-ui-component-border: light-dark(var(--kd-color-blush-60), var(--kd-color-interactive-50));--kd-color-border-accent-primary: light-dark(var(--kd-color-spring-green-20), var(--kd-color-spring-green-80));--kd-color-border-accent-secondary: light-dark(var(--kd-color-interactive-15), var(--kd-color-interactive-100));--kd-color-border-card-hover: light-dark(var(--kd-color-spruce-20), var(--kd-color-spruce-20));--kd-color-border-card-default: light-dark(var(--kd-color-opacity-dark-10), var(--kd-color-opacity-light-20));--kd-color-border-card-clickable: light-dark(var(--kd-color-spruce-40), var(--kd-color-spruce-40));--kd-color-border-forms-default: light-dark(var(--kd-color-dark-stone-30), var(--kd-color-cool-gray-70));--kd-color-border-button-primary-destructive-default: light-dark(var(--kd-color-warm-red-70), var(--kd-color-warm-red-80));--kd-color-border-button-primary-destructive-hover: light-dark(var(--kd-color-warm-red-60), var(--kd-color-warm-red-70));--kd-color-border-button-primary-destructive-pressed: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-90));--kd-color-border-button-primary-destructive-focused: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-20));--kd-color-border-button-primary-destructive-selected: light-dark(var(--kd-color-warm-red-90), var(--kd-color-warm-red-100));--kd-color-border-button-primary-state-pressed: light-dark(var(--kd-color-spruce-80), var(--kd-color-spruce-70));--kd-color-border-button-primary-state-hover: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-40));--kd-color-border-button-primary-state-focused: light-dark(var(--kd-color-spruce-40), var(--kd-color-spruce-50));--kd-color-border-button-primary-state-default: light-dark(var(--kd-color-spruce-50), var(--kd-color-spruce-60));--kd-color-border-button-primary-state-selected: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-90));--kd-color-border-button-secondary-state-pressed: light-dark(var(--kd-color-spruce-50), var(--kd-color-spruce-100));--kd-color-border-button-secondary-state-hover: light-dark(var(--kd-color-spruce-20), var(--kd-color-spruce-80));--kd-color-border-button-secondary-state-focused: light-dark(var(--kd-color-spruce-40), var(--kd-color-spruce-80));--kd-color-border-button-secondary-state-default: light-dark(var(--kd-color-spruce-10), var(--kd-color-spruce-90));--kd-color-border-button-secondary-state-selected: light-dark(var(--kd-color-spruce-30), var(--kd-color-spruce-80));--kd-color-border-button-secondary-destructive-default: light-dark(var(--kd-color-misc-red-10), var(--kd-color-misc-red-20));--kd-color-border-button-secondary-destructive-hover: light-dark(var(--kd-color-misc-red-20), var(--kd-color-misc-red-80));--kd-color-border-button-secondary-destructive-pressed: light-dark(var(--kd-color-misc-red-30), var(--kd-color-misc-red-90));--kd-color-border-button-secondary-destructive-focused: light-dark(var(--kd-color-misc-red-80), var(--kd-color-misc-red-30));--kd-color-border-button-secondary-destructive-selected: light-dark(var(--kd-color-misc-red-50), var(--kd-color-misc-red-70));--kd-color-border-button-tertiary-state-hover: light-dark(var(--kd-color-interactive-105), var(--kd-color-interactive-100));--kd-color-border-button-tertiary-state-focused: light-dark(var(--kd-color-interactive-110), var(--kd-color-interactive-115));--kd-color-border-button-tertiary-state-pressed: light-dark(var(--kd-color-interactive-115), var(--kd-color-interactive-110));--kd-color-border-button-tertiary-state-default: light-dark(var(--kd-color-interactive-95), var(--kd-color-interactive-105));--kd-color-border-button-tertiary-state-selected: light-dark(var(--kd-color-interactive-110), var(--kd-color-interactive-115));--kd-color-border-button-ai-state-default: light-dark(var(--kd-color-opacity-ai-warm-red-0), var(--kd-color-opacity-ai-warm-red-0));--kd-color-border-button-ai-state-focused: light-dark(var(--kd-color-warm-red-40), var(--kd-color-warm-red-40));--kd-color-border-button-ai-state-hover: light-dark(var(--kd-color-opacity-ai-warm-red-0), var(--kd-color-opacity-ai-warm-red-0));--kd-color-border-button-ai-state-pressed: light-dark(var(--kd-color-opacity-ai-warm-red-0), var(--kd-color-opacity-ai-warm-red-0));--kd-color-border-button-ai-state-selected: light-dark(var(--kd-color-opacity-ai-warm-red-0), var(--kd-color-opacity-ai-warm-red-0));--kd-color-border-button-ai-secondary-default: light-dark(var(--kd-color-spruce-20), var(--kd-color-spruce-60));--kd-color-border-button-ai-secondary-focused: light-dark(var(--kd-color-spruce-40), var(--kd-color-spruce-80));--kd-color-border-button-ai-secondary-hover: light-dark(var(--kd-color-spruce-30), var(--kd-color-spruce-50));--kd-color-border-button-ai-secondary-pressed: light-dark(var(--kd-color-spruce-50), var(--kd-color-spruce-80));--kd-color-border-button-ai-secondary-selected: light-dark(var(--kd-color-spruce-30), var(--kd-color-spruce-80));--kd-color-border-button-web-default: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-30));--kd-color-border-button-web-focused: light-dark(var(--kd-color-dark-stone-70), var(--kd-color-dark-stone-50));--kd-color-border-button-web-hover: light-dark(var(--kd-color-dark-stone-60), var(--kd-color-dark-stone-80));--kd-color-border-button-web-pressed: light-dark(var(--kd-color-dark-stone-100), var(--kd-color-dark-stone-90));--kd-color-border-button-web-selected: light-dark(var(--kd-color-dark-stone-70), var(--kd-color-dark-stone-50));--kd-color-border-dropshadow-ai: light-dark(var(--kd-color-warm-red-10), var(--kd-color-warm-red-100));--kd-color-border-container-hover: light-dark(var(--kd-color-spruce-40), var(--kd-color-spruce-40));--kd-color-border-container-selected: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-70));--kd-color-border-container-default: light-dark(var(--kd-color-opacity-dark-10), var(--kd-color-opacity-light-20));--kd-color-border-ai-default-gradient-start: light-dark(var(--kd-color-warm-red-40), var(--kd-color-warm-red-40));--kd-color-border-ai-default-gradient-end: light-dark(var(--kd-color-spruce-20), var(--kd-color-spruce-20));--kd-color-status-informational-light: light-dark(var(--kd-color-rag-information-20), var(--kd-color-rag-information-20));--kd-color-status-informational-dark: light-dark(var(--kd-color-rag-information-100), var(--kd-color-rag-information-100));--kd-color-status-informational-accent: light-dark(var(--kd-color-rag-information-10), var(--kd-color-spruce-70));--kd-color-status-informational-foreground: light-dark(var(--kd-color-rag-information-100), var(--kd-color-neutral-white));--kd-color-status-warning-light: light-dark(var(--kd-color-rag-warning-20), var(--kd-color-rag-warning-20));--kd-color-status-warning-dark: light-dark(var(--kd-color-rag-warning-100), var(--kd-color-rag-warning-100));--kd-color-status-warning-accent: light-dark(var(--kd-color-rag-warning-10), var(--kd-color-misc-yellow-30));--kd-color-status-warning-foreground: light-dark(var(--kd-color-rag-warning-100), var(--kd-color-neutral-white));--kd-color-status-warning-foreground---dark: light-dark(var(--kd-color-rag-warning-100), var(--kd-color-neutral-black));--kd-color-status-error-light: light-dark(var(--kd-color-rag-error-100), var(--kd-color-rag-error-20));--kd-color-status-error-dark: light-dark(var(--kd-color-rag-error-100), var(--kd-color-rag-error-20));--kd-color-status-error-accent: light-dark(var(--kd-color-misc-red-light), var(--kd-color-misc-red-80));--kd-color-status-error-critical-dark: light-dark(var(--kd-color-rag-critical-100), var(--kd-color-rag-critical-100));--kd-color-status-error-critical-light: light-dark(var(--kd-color-rag-critical-20), var(--kd-color-rag-critical-20));--kd-color-status-error-foreground: light-dark(var(--kd-color-rag-error-100), var(--kd-color-neutral-white));--kd-color-status-success-light: light-dark(var(--kd-color-rag-success-20), var(--kd-color-rag-success-20));--kd-color-status-success-dark: light-dark(var(--kd-color-rag-success-100), var(--kd-color-rag-success-100));--kd-color-status-success-accent: light-dark(var(--kd-color-rag-success-10), var(--kd-color-misc-green-60));--kd-color-status-success-foreground: light-dark(var(--kd-color-rag-success-100), var(--kd-color-neutral-white));--kd-color-status-neutral-light: light-dark(var(--kd-color-cool-gray-8), var(--kd-color-cool-gray-85));--kd-color-status-neutral-dark: light-dark(var(--kd-color-cool-gray-70), var(--kd-color-cool-gray-70));--kd-color-status-neutral-foreground: light-dark(var(--kd-color-cool-gray-95), var(--kd-color-neutral-white));--kd-color-data-viz-categorical-01-10: light-dark(var(--kd-color-lilac-20), var(--kd-color-lilac-30));--kd-color-data-viz-categorical-01-09: light-dark(var(--kd-color-blush-40), var(--kd-color-blush-10));--kd-color-data-viz-categorical-01-08: light-dark(var(--kd-color-amber-20), var(--kd-color-amber-30));--kd-color-data-viz-categorical-01-07: light-dark(var(--kd-color-jade-40), var(--kd-color-jade-10));--kd-color-data-viz-categorical-01-01: light-dark(var(--kd-color-sea-40), var(--kd-color-sea-40));--kd-color-data-viz-categorical-01-05: light-dark(var(--kd-color-lilac-40), var(--kd-color-lilac-10));--kd-color-data-viz-categorical-01-06: light-dark(var(--kd-color-sea-20), var(--kd-color-sea-20));--kd-color-data-viz-categorical-01-04: light-dark(var(--kd-color-blush-20), var(--kd-color-blush-30));--kd-color-data-viz-categorical-01-03: light-dark(var(--kd-color-amber-40), var(--kd-color-amber-10));--kd-color-data-viz-categorical-01-02: light-dark(var(--kd-color-jade-20), var(--kd-color-jade-30));--kd-color-data-viz-divergent-01-positive-10: light-dark(var(--kd-color-sea-10), var(--kd-color-sea-100));--kd-color-data-viz-divergent-01-positive-20: light-dark(var(--kd-color-sea-20), var(--kd-color-sea-90));--kd-color-data-viz-divergent-01-positive-30: light-dark(var(--kd-color-sea-30), var(--kd-color-sea-80));--kd-color-data-viz-divergent-01-positive-40: light-dark(var(--kd-color-sea-40), var(--kd-color-sea-70));--kd-color-data-viz-divergent-01-positive-50: light-dark(var(--kd-color-sea-50), var(--kd-color-sea-60));--kd-color-data-viz-divergent-01-positive-60: light-dark(var(--kd-color-sea-60), var(--kd-color-sea-50));--kd-color-data-viz-divergent-01-positive-70: light-dark(var(--kd-color-sea-70), var(--kd-color-sea-40));--kd-color-data-viz-divergent-01-positive-80: light-dark(var(--kd-color-sea-80), var(--kd-color-sea-30));--kd-color-data-viz-divergent-01-positive-90: light-dark(var(--kd-color-sea-90), var(--kd-color-sea-20));--kd-color-data-viz-divergent-01-positive-100: light-dark(var(--kd-color-sea-100), var(--kd-color-sea-10));--kd-color-data-viz-divergent-01-negative-10: light-dark(var(--kd-color-amber-10), var(--kd-color-amber-100));--kd-color-data-viz-divergent-01-negative-20: light-dark(var(--kd-color-amber-20), var(--kd-color-amber-90));--kd-color-data-viz-divergent-01-negative-30: light-dark(var(--kd-color-amber-30), var(--kd-color-amber-80));--kd-color-data-viz-divergent-01-negative-40: light-dark(var(--kd-color-amber-40), var(--kd-color-amber-70));--kd-color-data-viz-divergent-01-negative-50: light-dark(var(--kd-color-amber-50), var(--kd-color-amber-60));--kd-color-data-viz-divergent-01-negative-60: light-dark(var(--kd-color-amber-60), var(--kd-color-amber-50));--kd-color-data-viz-divergent-01-negative-70: light-dark(var(--kd-color-amber-70), var(--kd-color-amber-40));--kd-color-data-viz-divergent-01-negative-80: light-dark(var(--kd-color-amber-80), var(--kd-color-amber-30));--kd-color-data-viz-divergent-01-negative-90: light-dark(var(--kd-color-amber-90), var(--kd-color-amber-20));--kd-color-data-viz-divergent-01-negative-100: light-dark(var(--kd-color-amber-100), var(--kd-color-amber-10));--kd-color-data-viz-divergent-01-neutral: light-dark(var(--kd-color-neutral-div-01-neutral), var(--kd-color-dark-stone-80));--kd-color-data-viz-divergent-02-positive-10: light-dark(var(--kd-color-jade-10), var(--kd-color-jade-100));--kd-color-data-viz-divergent-02-positive-20: light-dark(var(--kd-color-jade-20), var(--kd-color-jade-90));--kd-color-data-viz-divergent-02-positive-30: light-dark(var(--kd-color-jade-30), var(--kd-color-jade-80));--kd-color-data-viz-divergent-02-positive-40: light-dark(var(--kd-color-jade-40), var(--kd-color-jade-70));--kd-color-data-viz-divergent-02-positive-50: light-dark(var(--kd-color-jade-50), var(--kd-color-jade-60));--kd-color-data-viz-divergent-02-positive-60: light-dark(var(--kd-color-jade-60), var(--kd-color-jade-50));--kd-color-data-viz-divergent-02-positive-70: light-dark(var(--kd-color-jade-70), var(--kd-color-jade-40));--kd-color-data-viz-divergent-02-positive-80: light-dark(var(--kd-color-jade-80), var(--kd-color-jade-30));--kd-color-data-viz-divergent-02-positive-90: light-dark(var(--kd-color-jade-90), var(--kd-color-jade-20));--kd-color-data-viz-divergent-02-positive-100: light-dark(var(--kd-color-jade-100), var(--kd-color-jade-10));--kd-color-data-viz-divergent-02-neutral: light-dark(var(--kd-color-neutral-div-02-neutral), var(--kd-color-dark-stone-80));--kd-color-data-viz-divergent-02-negative-10: light-dark(var(--kd-color-blush-10), var(--kd-color-blush-100));--kd-color-data-viz-divergent-02-negative-20: light-dark(var(--kd-color-blush-20), var(--kd-color-blush-90));--kd-color-data-viz-divergent-02-negative-30: light-dark(var(--kd-color-blush-30), var(--kd-color-blush-80));--kd-color-data-viz-divergent-02-negative-40: light-dark(var(--kd-color-blush-40), var(--kd-color-blush-70));--kd-color-data-viz-divergent-02-negative-50: light-dark(var(--kd-color-blush-50), var(--kd-color-blush-60));--kd-color-data-viz-divergent-02-negative-60: light-dark(var(--kd-color-blush-60), var(--kd-color-blush-50));--kd-color-data-viz-divergent-02-negative-70: light-dark(var(--kd-color-blush-70), var(--kd-color-blush-40));--kd-color-data-viz-divergent-02-negative-80: light-dark(var(--kd-color-blush-80), var(--kd-color-blush-30));--kd-color-data-viz-divergent-02-negative-90: light-dark(var(--kd-color-blush-90), var(--kd-color-blush-20));--kd-color-data-viz-divergent-02-negative-100: light-dark(var(--kd-color-blush-100), var(--kd-color-blush-10));--kd-color-data-viz-sequential-01-10: light-dark(var(--kd-color-sea-10), var(--kd-color-sea-100));--kd-color-data-viz-sequential-01-20: light-dark(var(--kd-color-sea-20), var(--kd-color-sea-90));--kd-color-data-viz-sequential-01-30: light-dark(var(--kd-color-sea-30), var(--kd-color-sea-80));--kd-color-data-viz-sequential-01-40: light-dark(var(--kd-color-sea-40), var(--kd-color-sea-70));--kd-color-data-viz-sequential-01-50: light-dark(var(--kd-color-sea-50), var(--kd-color-sea-60));--kd-color-data-viz-sequential-01-60: light-dark(var(--kd-color-sea-60), var(--kd-color-sea-50));--kd-color-data-viz-sequential-01-70: light-dark(var(--kd-color-sea-70), var(--kd-color-sea-40));--kd-color-data-viz-sequential-01-80: light-dark(var(--kd-color-sea-80), var(--kd-color-sea-30));--kd-color-data-viz-sequential-01-90: light-dark(var(--kd-color-sea-90), var(--kd-color-sea-20));--kd-color-data-viz-sequential-01-100: light-dark(var(--kd-color-sea-100), var(--kd-color-sea-10));--kd-color-data-viz-sequential-02-10: light-dark(var(--kd-color-jade-10), var(--kd-color-jade-100));--kd-color-data-viz-sequential-02-20: light-dark(var(--kd-color-jade-20), var(--kd-color-jade-90));--kd-color-data-viz-sequential-02-30: light-dark(var(--kd-color-jade-30), var(--kd-color-jade-80));--kd-color-data-viz-sequential-02-40: light-dark(var(--kd-color-jade-40), var(--kd-color-jade-70));--kd-color-data-viz-sequential-02-50: light-dark(var(--kd-color-jade-50), var(--kd-color-jade-60));--kd-color-data-viz-sequential-02-60: light-dark(var(--kd-color-jade-60), var(--kd-color-jade-50));--kd-color-data-viz-sequential-02-70: light-dark(var(--kd-color-jade-70), var(--kd-color-jade-40));--kd-color-data-viz-sequential-02-80: light-dark(var(--kd-color-jade-80), var(--kd-color-jade-30));--kd-color-data-viz-sequential-02-90: light-dark(var(--kd-color-jade-90), var(--kd-color-jade-20));--kd-color-data-viz-sequential-02-100: light-dark(var(--kd-color-jade-100), var(--kd-color-jade-10));--kd-color-data-viz-sequential-03-10: light-dark(var(--kd-color-amber-10), var(--kd-color-amber-100));--kd-color-data-viz-sequential-03-20: light-dark(var(--kd-color-amber-20), var(--kd-color-amber-90));--kd-color-data-viz-sequential-03-30: light-dark(var(--kd-color-amber-30), var(--kd-color-amber-80));--kd-color-data-viz-sequential-03-40: light-dark(var(--kd-color-amber-40), var(--kd-color-amber-70));--kd-color-data-viz-sequential-03-50: light-dark(var(--kd-color-amber-50), var(--kd-color-amber-60));--kd-color-data-viz-sequential-03-60: light-dark(var(--kd-color-amber-60), var(--kd-color-amber-50));--kd-color-data-viz-sequential-03-70: light-dark(var(--kd-color-amber-70), var(--kd-color-amber-40));--kd-color-data-viz-sequential-03-80: light-dark(var(--kd-color-amber-80), var(--kd-color-amber-30));--kd-color-data-viz-sequential-03-90: light-dark(var(--kd-color-amber-90), var(--kd-color-amber-20));--kd-color-data-viz-sequential-03-100: light-dark(var(--kd-color-amber-100), var(--kd-color-amber-10));--kd-color-data-viz-sequential-04-10: light-dark(var(--kd-color-blush-10), var(--kd-color-blush-100));--kd-color-data-viz-sequential-04-20: light-dark(var(--kd-color-blush-20), var(--kd-color-blush-90));--kd-color-data-viz-sequential-04-30: light-dark(var(--kd-color-blush-30), var(--kd-color-blush-80));--kd-color-data-viz-sequential-04-40: light-dark(var(--kd-color-blush-40), var(--kd-color-blush-70));--kd-color-data-viz-sequential-04-50: light-dark(var(--kd-color-blush-50), var(--kd-color-blush-60));--kd-color-data-viz-sequential-04-60: light-dark(var(--kd-color-blush-60), var(--kd-color-blush-50));--kd-color-data-viz-sequential-04-70: light-dark(var(--kd-color-blush-70), var(--kd-color-blush-40));--kd-color-data-viz-sequential-04-80: light-dark(var(--kd-color-blush-80), var(--kd-color-blush-30));--kd-color-data-viz-sequential-04-90: light-dark(var(--kd-color-blush-90), var(--kd-color-blush-20));--kd-color-data-viz-sequential-04-100: light-dark(var(--kd-color-blush-100), var(--kd-color-blush-10));--kd-color-data-viz-sequential-05-10: light-dark(var(--kd-color-lilac-10), var(--kd-color-lilac-100));--kd-color-data-viz-sequential-05-20: light-dark(var(--kd-color-lilac-20), var(--kd-color-lilac-90));--kd-color-data-viz-sequential-05-30: light-dark(var(--kd-color-lilac-30), var(--kd-color-lilac-80));--kd-color-data-viz-sequential-05-40: light-dark(var(--kd-color-lilac-40), var(--kd-color-lilac-70));--kd-color-data-viz-sequential-05-50: light-dark(var(--kd-color-lilac-50), var(--kd-color-lilac-60));--kd-color-data-viz-sequential-05-60: light-dark(var(--kd-color-lilac-60), var(--kd-color-lilac-50));--kd-color-data-viz-sequential-05-70: light-dark(var(--kd-color-lilac-70), var(--kd-color-lilac-40));--kd-color-data-viz-sequential-05-80: light-dark(var(--kd-color-lilac-80), var(--kd-color-lilac-30));--kd-color-data-viz-sequential-05-90: light-dark(var(--kd-color-lilac-90), var(--kd-color-lilac-20));--kd-color-data-viz-sequential-05-100: light-dark(var(--kd-color-lilac-100), var(--kd-color-lilac-10));--kd-color-data-viz-rag-3-warning: light-dark(var(--kd-color-rag-warning-100), var(--kd-color-rag-warning-100));--kd-color-data-viz-rag-3-error: light-dark(var(--kd-color-rag-error-100), var(--kd-color-rag-error-100));--kd-color-data-viz-rag-3-success: light-dark(var(--kd-color-rag-success-100), var(--kd-color-rag-success-100));--kd-color-data-viz-rag-8-success-light: light-dark(var(--kd-color-rag-success-20), var(--kd-color-rag-success-20));--kd-color-data-viz-rag-8-success: light-dark(var(--kd-color-rag-success-100), var(--kd-color-rag-success-100));--kd-color-data-viz-rag-8-error-light: light-dark(var(--kd-color-rag-error-20), var(--kd-color-rag-error-20));--kd-color-data-viz-rag-8-warning-light: light-dark(var(--kd-color-rag-warning-20), var(--kd-color-rag-warning-20));--kd-color-data-viz-rag-8-error: light-dark(var(--kd-color-rag-error-100), var(--kd-color-rag-error-100));--kd-color-data-viz-rag-8-warning: light-dark(var(--kd-color-rag-warning-100), var(--kd-color-rag-warning-100));--kd-color-data-viz-rag-8-informational-light: light-dark(var(--kd-color-rag-information-20), var(--kd-color-rag-information-20));--kd-color-data-viz-rag-8-informational: light-dark(var(--kd-color-rag-information-100), var(--kd-color-rag-information-100));--kd-color-data-viz-level-secondary: light-dark(var(--kd-color-warm-gray-30), var(--kd-color-warm-gray-60));--kd-color-data-viz-level-primary: light-dark(var(--kd-color-warm-gray-40), var(--kd-color-warm-gray-30));--kd-color-data-viz-neutral-border-primary: light-dark(var(--kd-color-opacity-dark-85), var(--kd-color-opacity-light-86));--kd-color-data-viz-neutral-border-secondary: light-dark(var(--kd-color-opacity-dark-20), var(--kd-color-opacity-light-30));--kd-color-data-viz-neutral-background-color: light-dark(var(--kd-color-cool-gray-3), var(--kd-color-cool-gray-80));--kd-color-utility-interactive-graphic-alt: light-dark(var(--kd-color-cool-gray-30), var(--kd-color-cool-gray-60));--kd-color-utility-interactive-graphic: light-dark(var(--kd-color-cool-gray-20), var(--kd-color-cool-gray-80));--kd-color-utility-elevation-default-1: light-dark(var(--kd-color-opacity-dark-10), var(--kd-color-opacity-dark-10));--kd-color-utility-elevation-default-2: light-dark(var(--kd-color-opacity-dark-3), var(--kd-color-opacity-dark-3));--kd-color-utility-elevation-default-l1: light-dark(var(--kd-color-opacity-dark-20), var(--kd-color-opacity-dark-20));--kd-color-utility-elevation-default-l2: light-dark(var(--kd-color-opacity-dark-30), var(--kd-color-opacity-dark-30));--kd-color-utility-elevation-default-l2---overflow: light-dark(var(--kd-color-opacity-dark-50), var(--kd-color-opacity-dark-50));--kd-color-utility-elevation-default-l3: light-dark(var(--kd-color-opacity-dark-25), var(--kd-color-opacity-dark-25));--kd-color-utility-elevation-default-l4: light-dark(var(--kd-color-opacity-dark-15), var(--kd-color-opacity-dark-15));--kd-color-utility-elevation-ai-l1: light-dark(var(--kd-color-opacity-ai-warm-red-20), var(--kd-color-opacity-ai-warm-red-20));--kd-color-utility-elevation-ai-l2: light-dark(var(--kd-color-opacity-ai-warm-red-30), var(--kd-color-opacity-ai-warm-red-30));--kd-color-utility-elevation-ai-l2---overflow: light-dark(var(--kd-color-opacity-ai-warm-red-50), var(--kd-color-opacity-ai-warm-red-50));--kd-color-utility-elevation-ai-l3: light-dark(var(--kd-color-opacity-ai-warm-red-25), var(--kd-color-opacity-ai-warm-red-25));--kd-color-utility-elevation-ai-l4: light-dark(var(--kd-color-opacity-ai-warm-red-15), var(--kd-color-opacity-ai-warm-red-15));--kd-color-utility-variant-border: light-dark(var(--kd-color-border-accent-primary), var(--kd-color-border-accent-primary));--kd-color-states-disabled-label: light-dark(var(--kd-color-warm-gray-50), var(--kd-color-warm-gray-50));--kd-color-states-static-solid-label: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-cool-gray-5));--kd-color-states-disabled: light-dark(var(--kd-color-dark-stone-20), var(--kd-color-dark-stone-80));--kd-color-states-static: light-dark(var(--kd-color-cool-gray-95), var(--kd-color-cool-gray-5));--kd-color-main-palette-accent: light-dark(var(--kd-color-warm-red-50-brand), var(--kd-color-warm-red-50-brand));--kd-color-main-palette-secondary: light-dark(var(--kd-color-spruce-60), var(--kd-color-spruce-20));--kd-color-main-palette-tertiary: light-dark(var(--kd-color-spring-green-20), var(--kd-color-spring-green-80));--kd-color-main-palette-primary: light-dark(var(--kd-color-interactive-70), var(--kd-color-interactive-70));--kd-color-container-footer: light-dark(var(--kd-color-interactive-10), var(--kd-color-interactive-105));--kd-color-container-interactive-flat: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-107));--kd-color-container-utility: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-105));--kd-color-date-and-time-picker-text-placeholder: light-dark(var(--kd-color-dark-stone-60), var(--kd-color-dark-stone-20));--kd-color-date-and-time-picker-text-default: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-10));--kd-color-date-and-time-picker-text-secondary: light-dark(var(--kd-color-dark-stone-40), var(--kd-color-dark-stone-40));--kd-color-date-and-time-picker-text-title: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-10));--kd-color-date-and-time-picker-text-inverse: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-black));--kd-color-date-and-time-picker-text-dark: light-dark(var(--kd-color-neutral-black), var(--kd-color-neutral-black));--kd-color-date-and-time-picker-text-light: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-white));--kd-color-date-and-time-picker-icon-default: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-cool-gray-10));--kd-color-date-and-time-picker-background-container: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-105));--kd-color-date-and-time-picker-background-hover: light-dark(var(--kd-color-interactive-10), var(--kd-color-interactive-60));--kd-color-date-and-time-picker-background-default: light-dark(var(--kd-color-interactive-80-primary), var(--kd-color-cool-gray-10));--kd-color-date-and-time-picker-background-pressed: light-dark(var(--kd-color-interactive-20), var(--kd-color-interactive-60));--kd-color-date-and-time-picker-background-container-2: light-dark(var(--kd-color-interactive-10), var(--kd-color-interactive-107));--kd-color-date-and-time-picker-border-focus: light-dark(var(--kd-color-interactive-60), var(--kd-color-interactive-20));--kd-color-code-view-builtin: light-dark(var(--kd-color-jade-80), var(--kd-color-jade-20));--kd-color-code-view-boolean: light-dark(var(--kd-color-warm-red-90), var(--kd-color-warm-red-10));--kd-color-code-view-background: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-cool-gray-90));--kd-color-code-view-languagestring: light-dark(var(--kd-color-amber-90), var(--kd-color-amber-10));--kd-color-code-view-variable: light-dark(var(--kd-color-amber-90), var(--kd-color-amber-10));--kd-color-code-view-unit: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-10));--kd-color-code-view-tag: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-10));--kd-color-code-view-symbol: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-10));--kd-color-code-view-string: light-dark(var(--kd-color-jade-80), var(--kd-color-jade-20));--kd-color-code-view-punctuation: light-dark(var(--kd-color-cool-gray-60), var(--kd-color-cool-gray-20));--kd-color-code-view-attribute: light-dark(var(--kd-color-sea-80), var(--kd-color-sea-10));--kd-color-code-view-pseudo-class: light-dark(var(--kd-color-sea-80), var(--kd-color-sea-10));--kd-color-code-view-selector: light-dark(var(--kd-color-jade-80), var(--kd-color-jade-20));--kd-color-code-view-number: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-10));--kd-color-code-view-inserted: light-dark(var(--kd-color-jade-80), var(--kd-color-jade-20));--kd-color-code-view-important: light-dark(var(--kd-color-amber-70), var(--kd-color-amber-20));--kd-color-code-view-property: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-10));--kd-color-code-view-prolog: light-dark(var(--kd-color-cool-gray-60), var(--kd-color-cool-gray-20));--kd-color-code-view-hexcode: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-10));--kd-color-code-view-operator: light-dark(var(--kd-color-amber-90), var(--kd-color-amber-10));--kd-color-code-view-id: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-10));--kd-color-code-view-doctype: light-dark(var(--kd-color-cool-gray-60), var(--kd-color-cool-gray-30));--kd-color-code-view-parameter: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-neutral-white));--kd-color-code-view-char: light-dark(var(--kd-color-jade-80), var(--kd-color-jade-20));--kd-color-code-view-deleted: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-10));--kd-color-code-view-class: light-dark(var(--kd-color-jade-80), var(--kd-color-jade-20));--kd-color-code-view-attr-value: light-dark(var(--kd-color-sea-80), var(--kd-color-sea-10));--kd-color-code-view-entity: light-dark(var(--kd-color-amber-90), var(--kd-color-amber-10));--kd-color-code-view-cdata: light-dark(var(--kd-color-cool-gray-60), var(--kd-color-cool-gray-30));--kd-color-code-view-default: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-neutral-white));--kd-color-code-view-function: light-dark(var(--kd-color-blush-70), var(--kd-color-blush-20));--kd-color-code-view-constant: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-10));--kd-color-code-view-pseudo-element: light-dark(var(--kd-color-sea-80), var(--kd-color-sea-10));--kd-color-code-view-class-name: light-dark(var(--kd-color-blush-70), var(--kd-color-blush-20));--kd-color-code-view-comment: light-dark(var(--kd-color-cool-gray-60), var(--kd-color-cool-gray-20));--kd-color-code-view-attr-name: light-dark(var(--kd-color-jade-80), var(--kd-color-jade-20));--kd-color-code-view-url: light-dark(var(--kd-color-amber-90), var(--kd-color-amber-10));--kd-color-code-view-keyword: light-dark(var(--kd-color-sea-80), var(--kd-color-sea-10));--kd-color-code-view-regex: light-dark(var(--kd-color-amber-70), var(--kd-color-amber-20));--kd-color-code-view-atrule: light-dark(var(--kd-color-sea-80), var(--kd-color-sea-10));--kd-color-code-view-console: light-dark(var(--kd-color-blush-70), var(--kd-color-blush-20));--kd-color-code-view-method: light-dark(var(--kd-color-blush-70), var(--kd-color-blush-20));--kd-color-code-view-language-javascript: light-dark(var(--kd-color-amber-90), var(--kd-color-amber-10));--kd-color-tag-background-default: light-dark(var(--kd-color-earth-10), var(--kd-color-warm-gray-90));--kd-color-tag-background-spruce: light-dark(var(--kd-color-spruce-15), var(--kd-color-warm-gray-90));--kd-color-tag-background-sea: light-dark(var(--kd-color-sea-15), var(--kd-color-warm-gray-90));--kd-color-tag-background-lilac: light-dark(var(--kd-color-lilac-05), var(--kd-color-warm-gray-90));--kd-color-tag-background-ai: light-dark(var(--kd-color-spruce-15), var(--kd-color-spruce-80));--kd-color-tag-background-disabled: light-dark(var(--kd-color-warm-gray-10), var(--kd-color-warm-gray-90));--kd-color-tag-background-red: light-dark(var(--kd-color-warm-red-10), var(--kd-color-warm-gray-90));--kd-color-tag-text-default: light-dark(var(--kd-color-text-level-primary), var(--kd-color-earth-20));--kd-color-tag-text-disabled: light-dark(var(--kd-color-text-level-disabled), var(--kd-color-text-level-disabled));--kd-color-tag-text-sea: light-dark(var(--kd-color-sea-90), var(--kd-color-sea-20));--kd-color-tag-text-ai: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-20));--kd-color-tag-text-lilac: light-dark(var(--kd-color-lilac-90), var(--kd-color-lilac-20));--kd-color-tag-text-spruce: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-20));--kd-color-tag-text-red: light-dark(var(--kd-color-warm-red-70), var(--kd-color-warm-red-20));--kd-color-tag-border-default: light-dark(var(--kd-color-earth-20), var(--kd-color-warm-gray-80));--kd-color-tag-border-ai: light-dark(var(--kd-color-spruce-30), var(--kd-color-spruce-50));--kd-color-tag-border-spruce: light-dark(var(--kd-color-spruce-20), var(--kd-color-warm-gray-80));--kd-color-tag-border-sea: light-dark(var(--kd-color-sea-20), var(--kd-color-warm-gray-80));--kd-color-tag-border-lilac: light-dark(var(--kd-color-lilac-20), var(--kd-color-warm-gray-80));--kd-color-tag-border-disabled: light-dark(var(--kd-color-warm-gray-20), var(--kd-color-warm-gray-90));--kd-color-tag-border-red: light-dark(var(--kd-color-warm-red-20), var(--kd-color-warm-red-20));--kd-color-tag-icon-default: light-dark(var(--kd-color-icon-primary), var(--kd-color-earth-20));--kd-color-tag-icon-spruce: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-20));--kd-color-tag-icon-sea: light-dark(var(--kd-color-sea-90), var(--kd-color-sea-20));--kd-color-tag-icon-lilac: light-dark(var(--kd-color-lilac-90), var(--kd-color-lilac-20));--kd-color-tag-icon-ai: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-20));--kd-color-tag-icon-disabled: light-dark(var(--kd-color-icon-disabled), var(--kd-color-icon-disabled));--kd-color-tag-icon-red: light-dark(var(--kd-color-warm-red-70), var(--kd-color-warm-red-20));--kd-color-tag-hover-default: light-dark(var(--kd-color-earth-20), var(--kd-color-warm-gray-70));--kd-color-tag-hover-spruce: light-dark(var(--kd-color-spruce-20), var(--kd-color-warm-gray-70));--kd-color-tag-hover-sea: light-dark(var(--kd-color-sea-20), var(--kd-color-warm-gray-70));--kd-color-tag-hover-ai: light-dark(var(--kd-color-spruce-20), var(--kd-color-spruce-90));--kd-color-tag-hover-liliac: light-dark(var(--kd-color-lilac-10), var(--kd-color-warm-gray-70));--kd-color-tag-hover-red: light-dark(var(--kd-color-warm-red-20), var(--kd-color-warm-gray-70));--kd-color-badge-heavy-background-critical: light-dark(var(--kd-color-rag-critical-100), var(--kd-color-rag-critical-100));--kd-color-badge-heavy-background-error: light-dark(var(--kd-color-rag-error-100), var(--kd-color-rag-error-100));--kd-color-badge-heavy-background-warning: light-dark(var(--kd-color-rag-warning-100), var(--kd-color-rag-warning-100));--kd-color-badge-heavy-background-success: light-dark(var(--kd-color-rag-success-110), var(--kd-color-rag-success-110));--kd-color-badge-heavy-background-information: light-dark(var(--kd-color-rag-information-110), var(--kd-color-rag-information-110));--kd-color-badge-heavy-background-others: light-dark(var(--kd-color-earth-20), var(--kd-color-earth-20));--kd-color-badge-heavy-text-critical: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-white));--kd-color-badge-heavy-text-error: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-white));--kd-color-badge-heavy-text-warning: light-dark(var(--kd-color-text-level-dark), var(--kd-color-text-level-dark));--kd-color-badge-heavy-text-success: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-white));--kd-color-badge-heavy-text-information: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-white));--kd-color-badge-heavy-text-others: light-dark(var(--kd-color-text-level-dark), var(--kd-color-text-level-dark));--kd-color-badge-heavy-icon-critical: light-dark(var(--kd-color-icon-light), var(--kd-color-icon-light));--kd-color-badge-heavy-icon-information: light-dark(var(--kd-color-icon-light), var(--kd-color-icon-light));--kd-color-badge-heavy-icon-success: light-dark(var(--kd-color-icon-light), var(--kd-color-icon-light));--kd-color-badge-heavy-icon-warning: light-dark(var(--kd-color-icon-dark), var(--kd-color-icon-dark));--kd-color-badge-heavy-icon-others: light-dark(var(--kd-color-icon-dark), var(--kd-color-icon-dark));--kd-color-badge-heavy-icon-error: light-dark(var(--kd-color-icon-light), var(--kd-color-icon-light));--kd-color-badge-medium-text-critical: light-dark(var(--kd-color-warm-red-90), var(--kd-color-warm-red-10));--kd-color-badge-medium-text-error: light-dark(var(--kd-color-warm-red-70), var(--kd-color-warm-red-10));--kd-color-badge-medium-text-warning: light-dark(var(--kd-color-amber-80), var(--kd-color-amber-10));--kd-color-badge-medium-text-success: light-dark(var(--kd-color-spring-green-70), var(--kd-color-rag-success-15));--kd-color-badge-medium-text-information: light-dark(var(--kd-color-rag-information-110), var(--kd-color-rag-information-10));--kd-color-badge-medium-text-others: light-dark(var(--kd-color-text-level-primary), var(--kd-color-text-level-primary));--kd-color-badge-medium-background-critical: light-dark(var(--kd-color-rag-critical-10), var(--kd-color-rag-critical-110));--kd-color-badge-medium-background-error: light-dark(var(--kd-color-rag-error-10), var(--kd-color-rag-error-110));--kd-color-badge-medium-background-warning: light-dark(var(--kd-color-rag-warning-10), var(--kd-color-rag-warning-110));--kd-color-badge-medium-background-success: light-dark(var(--kd-color-rag-success-10), var(--kd-color-rag-success-110));--kd-color-badge-medium-background-information: light-dark(var(--kd-color-rag-information-10), var(--kd-color-rag-information-110));--kd-color-badge-medium-background-others: light-dark(var(--kd-color-earth-10), var(--kd-color-earth-80));--kd-color-badge-medium-icon-others: light-dark(var(--kd-color-icon-primary), var(--kd-color-icon-primary));--kd-color-badge-medium-icon-critical: light-dark(var(--kd-color-warm-red-90), var(--kd-color-warm-red-10));--kd-color-badge-medium-icon-success: light-dark(var(--kd-color-spring-green-70), var(--kd-color-rag-success-15));--kd-color-badge-medium-icon-error: light-dark(var(--kd-color-warm-red-70), var(--kd-color-warm-red-10));--kd-color-badge-medium-icon-information: light-dark(var(--kd-color-rag-information-110), var(--kd-color-rag-information-10));--kd-color-badge-medium-icon-warning: light-dark(var(--kd-color-amber-80), var(--kd-color-amber-10));--kd-color-badge-medium-border-critical: light-dark(var(--kd-color-warm-red-90), var(--kd-color-blush-80));--kd-color-badge-medium-border-error: light-dark(var(--kd-color-warm-red-70), var(--kd-color-warm-red-40));--kd-color-badge-medium-border-warning: light-dark(var(--kd-color-amber-50), var(--kd-color-amber-20));--kd-color-badge-medium-border-success: light-dark(var(--kd-color-spring-green-40), var(--kd-color-spring-green-40));--kd-color-badge-medium-border-information: light-dark(var(--kd-color-rag-information-100), var(--kd-color-rag-information-10));--kd-color-badge-medium-border-others: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-10));--kd-color-badge-light-text-critical: light-dark(var(--kd-color-warm-red-90), var(--kd-color-misc-red-40));--kd-color-badge-light-text-error: light-dark(var(--kd-color-warm-red-70), var(--kd-color-warm-red-20));--kd-color-badge-light-text-warning: light-dark(var(--kd-color-amber-80), var(--kd-color-amber-20));--kd-color-badge-light-text-success: light-dark(var(--kd-color-spring-green-60), var(--kd-color-spring-green-10));--kd-color-badge-light-text-information: light-dark(var(--kd-color-rag-information-110), var(--kd-color-rag-information-20));--kd-color-badge-light-text-others: light-dark(var(--kd-color-text-level-primary), var(--kd-color-text-level-primary));--kd-color-badge-light-background-critical: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-warm-gray-90));--kd-color-badge-light-background-error: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-warm-gray-90));--kd-color-badge-light-background-warning: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-warm-gray-90));--kd-color-badge-light-background-success: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-warm-gray-90));--kd-color-badge-light-background-information: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-warm-gray-90));--kd-color-badge-light-background-others: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-warm-gray-90));--kd-color-badge-light-icon-critical: light-dark(var(--kd-color-warm-red-90), var(--kd-color-misc-red-40));--kd-color-badge-light-icon-error: light-dark(var(--kd-color-warm-red-70), var(--kd-color-warm-red-20));--kd-color-badge-light-icon-warning: light-dark(var(--kd-color-amber-50), var(--kd-color-amber-20));--kd-color-badge-light-icon-success: light-dark(var(--kd-color-spring-green-40), var(--kd-color-spring-green-10));--kd-color-badge-light-icon-information: light-dark(var(--kd-color-rag-information-100), var(--kd-color-rag-information-20));--kd-color-badge-light-icon-others: light-dark(var(--kd-color-text-level-primary), var(--kd-color-text-level-primary));--kd-color-tags-background-blue: light-dark(var(--kd-color-rag-information-20), var(--kd-color-rag-information-20));--kd-color-tags-background-warning: light-dark(var(--kd-color-rag-warning-20), var(--kd-color-rag-warning-20));--kd-color-tags-background-success: light-dark(var(--kd-color-rag-success-20), var(--kd-color-rag-success-20));--kd-color-tags-background-error: light-dark(var(--kd-color-rag-error-20), var(--kd-color-rag-error-20));--kd-color-tags-background-disabled: light-dark(var(--kd-color-warm-gray-10), var(--kd-color-warm-gray-80));--kd-color-tags-background-cat-6: light-dark(var(--kd-color-ai-interactive-10), var(--kd-color-ai-interactive-15));--kd-color-tags-background-spruce: light-dark(var(--kd-color-spruce-10), var(--kd-color-spruce-20));--kd-color-tags-background-interactive: light-dark(var(--kd-color-earth-10), var(--kd-color-interactive-15));--kd-color-tags-background-cat-4: light-dark(var(--kd-color-blush-10), var(--kd-color-blush-30));--kd-color-tags-background-cat-3: light-dark(var(--kd-color-amber-10), var(--kd-color-amber-30));--kd-color-tags-background-error-dark: light-dark(var(--kd-color-rag-error-100), var(--kd-color-rag-error-100));--kd-color-tags-background-warning-dark: light-dark(var(--kd-color-rag-warning-100), var(--kd-color-rag-warning-100));--kd-color-tags-background-cat-2: light-dark(var(--kd-color-jade-10), var(--kd-color-jade-30));--kd-color-tags-background-success-dark: light-dark(var(--kd-color-rag-success-100), var(--kd-color-rag-success-100));--kd-color-tags-background-cat-5: light-dark(var(--kd-color-lilac-10), var(--kd-color-lilac-30));--kd-color-tags-background-critical-light: light-dark(var(--kd-color-rag-critical-20), var(--kd-color-rag-critical-20));--kd-color-tags-background-information-dark: light-dark(var(--kd-color-rag-information-100), var(--kd-color-rag-information-100));--kd-color-tags-background-cat-1: light-dark(var(--kd-color-sea-10), var(--kd-color-sea-10));--kd-color-tags-background-gray: light-dark(var(--kd-color-cool-gray-10), var(--kd-color-cool-gray-10));--kd-color-tags-background-critical-dark: light-dark(var(--kd-color-rag-critical-100), var(--kd-color-rag-critical-100));--kd-color-tags-hover-cat-6: light-dark(var(--kd-color-ai-interactive-15), var(--kd-color-ai-interactive-25));--kd-color-tags-hover-cat-4: light-dark(var(--kd-color-blush-20), var(--kd-color-blush-40));--kd-color-tags-hover-cat-3: light-dark(var(--kd-color-amber-20), var(--kd-color-amber-40));--kd-color-tags-hover-cat-2: light-dark(var(--kd-color-jade-20), var(--kd-color-jade-40));--kd-color-tags-hover-cat-1: light-dark(var(--kd-color-sea-20), var(--kd-color-sea-20));--kd-color-tags-hover-cat-5: light-dark(var(--kd-color-lilac-20), var(--kd-color-lilac-40));--kd-color-tags-hover-blue-dark: light-dark(var(--kd-color-rag-information-20), var(--kd-color-rag-information-20));--kd-color-tags-hover-warning: light-dark(var(--kd-color-rag-warning-20), var(--kd-color-rag-warning-20));--kd-color-tags-hover-warning-light: light-dark(var(--kd-color-rag-warning-100), var(--kd-color-rag-warning-100));--kd-color-tags-hover-critical-dark: light-dark(var(--kd-color-rag-critical-20), var(--kd-color-rag-critical-20));--kd-color-tags-hover-success: light-dark(var(--kd-color-rag-success-20), var(--kd-color-rag-success-20));--kd-color-tags-hover-critical-light: light-dark(var(--kd-color-rag-critical-100), var(--kd-color-rag-critical-100));--kd-color-tags-hover-interactive: light-dark(var(--kd-color-interactive-30), var(--kd-color-interactive-30));--kd-color-tags-hover-blue: light-dark(var(--kd-color-rag-information-100), var(--kd-color-rag-information-100));--kd-color-tags-hover-error-light: light-dark(var(--kd-color-rag-error-100), var(--kd-color-rag-error-100));--kd-color-tags-hover-success-light: light-dark(var(--kd-color-rag-success-100), var(--kd-color-rag-success-100));--kd-color-tags-hover-gray: light-dark(var(--kd-color-cool-gray-20), var(--kd-color-cool-gray-30));--kd-color-tags-hover-spruce: light-dark(var(--kd-color-spruce-20), var(--kd-color-spruce-30));--kd-color-tags-hover-error: light-dark(var(--kd-color-rag-error-20), var(--kd-color-rag-error-20));--kd-color-ai-interactive-10: #d4d4e8;--kd-color-ai-interactive-15: #bbbbdb;--kd-color-ai-interactive-20: #a2a2ce;--kd-color-ai-interactive-25: #8988c0;--kd-color-ai-interactive-30: #706fb3;--kd-color-ai-interactive-35: #5756a6;--kd-color-ai-interactive-40: #484786;--kd-color-ai-interactive-45: #403f74;--kd-color-ai-interactive-50: #373662;--kd-color-ai-interactive-60: #2f2e50;--kd-color-ai-interactive-70: #26263f;--kd-color-ai-interactive-75: #1a1924;--kd-color-ai-interactive-80: #15151b;--kd-color-ai-interactive-90: #121219;--kd-color-ai-interactive-100: #0e0e17;--kd-color-ai-interactive-shadow-light-15: #8988c026;--kd-color-ai-interactive-shadow-light-20: #8988c033;--kd-color-ai-interactive-shadow-light-30: #8988c04d;--kd-color-ai-interactive-shadow-light-50: #8988c080;--kd-color-ai-interactive-shadow-dark-15: #37366226;--kd-color-ai-interactive-shadow-dark-20: #37366233;--kd-color-ai-interactive-shadow-dark-30: #3736624d;--kd-color-ai-interactive-shadow-dark-50: #37366280;--kd-color-ai-interactive-shadow-dark-15-2: #373662;--kd-color-ai-interactive-opaque-45-75pct: #403f74bf;--kd-color-ai-interactive-opaque-40-40pct: #48478666;--kd-color-ai-interactive-opaque-30-80pct: #706fb3cc;--kd-color-ai-interactive-opaque-45-5pct: #403f741a;--kd-color-ai-interactive-opaque-45-50pct: #403f7480;--kd-color-ai-interactive-05: #e1e1ef;--kd-color-ai-interactive-01: #f5f5fa}:root{--kd-spacing-0:0px;--kd-spacing-2:2px;--kd-spacing-4:4px;--kd-spacing-8:8px;--kd-spacing-12:12px;--kd-spacing-16:16px;--kd-spacing-24:24px;--kd-spacing-32:32px;--kd-spacing-40:40px;--kd-spacing-48:48px;--kd-spacing-64:64px;--kd-spacing-72:72px;--kd-spacing-80:80px;--kd-spacing-96:96px;--kd-spacing-120:120px;--kd-spacing-128:128px;--kd-spacing-144:144px;--kd-spacing-160:160px;--kd-spacing-192:192px;--kd-page-gutter: 16px;--kd-page-gutter-negative: -16px}@media screen and (min-width: 42rem){:root{--kd-page-gutter: 32px;--kd-page-gutter-negative: -32px}}:root{--kd-z-overlay: 100000;--kd-z-header: 10000;--kd-z-local-nav: 9000}:root{--kd-grid-gap: 16px;--kd-grid-gap-compact: 16px;--kd-grid-max-width: 100%}@media(min-width: 42rem){:root{--kd-grid-gap: 32px}}@media(min-width: 99rem){:root{--kd-grid-max-width: calc(1584px - 64px)}}:root{--kd-elevation-level-1: 0px 1px 2px var(--kd-color-utility-elevation-default-l1);--kd-elevation-level-2: 0px 2px 8px var(--kd-color-utility-elevation-default-l2);--kd-elevation-level-2-overflow: 0px 0px 6px var(--kd-color-utility-elevation-default-l2---overflow);--kd-elevation-level-3: 0px 2px 12px var(--kd-color-utility-elevation-default-l3);--kd-elevation-level-4: 0px 12px 16px var(--kd-color-utility-elevation-default-l4);--kd-elevation-level-1-ai: 0px 1px 2px var(--kd-color-utility-elevation-ai-l1);--kd-elevation-level-2-ai: 0px 2px 8px var(--kd-color-utility-elevation-ai-l2);--kd-elevation-level-2-overflow-ai: 0px 0px 6px var(--kd-color-utility-elevation-ai-l2---overflow);--kd-elevation-level-3-ai: 0px 2px 12px var(--kd-color-utility-elevation-ai-l3);--kd-elevation-level-4-ai: 0px 12px 16px var(--kd-color-utility-elevation-ai-l4)}:root{--kd-shadow-menu: 0px 4px 4px rgba(0, 0, 0, 0.25);--kd-background-blur-medium: blur(4px);--kd-header-height: 56px;--kd-local-nav-width: 56px;--kd-local-nav-width-expanded: 320px},::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}img,picture{max-width:100%;display:block}@font-face{font-family:"TWK Everett";src:url(../assets/fonts/TWKEverett-Ultralight-web.woff2) format("woff2"),url(../assets/fonts/TWKEverett-Ultralight-web.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"TWK Everett";src:url(../assets/fonts/TWKEverett-Light-web.woff2) format("woff2"),url(../assets/fonts/TWKEverett-Light-web.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"TWK Everett";src:url(../assets/fonts/TWKEverett-Regular-web.woff2) format("woff2"),url(../assets/fonts/TWKEverett-Regular-web.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"TWK Everett";src:url(../assets/fonts/TWKEverett-Medium-web.woff2) format("woff2"),url(../assets/fonts/TWKEverett-Medium-web.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"TWK Everett";src:url(../assets/fonts/TWKEverett-Bold-web.woff2) format("woff2"),url(../assets/fonts/TWKEverett-Bold-web.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:300;src:url(../assets/fonts/roboto-latin-300-normal.woff2) format("woff2"),url(../assets/fonts/roboto-latin-300-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:400;src:url(../assets/fonts/roboto-latin-400-normal.woff2) format("woff2"),url(../assets/fonts/roboto-latin-400-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Roboto";font-style:italic;font-display:swap;font-weight:400;src:url(../assets/fonts/roboto-latin-400-italic.woff2) format("woff2"),url(../assets/fonts/roboto-latin-400-italic.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:500;src:url(../assets/fonts/roboto-latin-500-normal.woff2) format("woff2"),url(../assets/fonts/roboto-latin-500-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Roboto";font-style:italic;font-display:swap;font-weight:500;src:url(../assets/fonts/roboto-latin-500-italic.woff2) format("woff2"),url(../assets/fonts/roboto-latin-500-italic.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Roboto Mono";src:url("../assets/fonts/RobotoMono-Regular.ttf") format("truetype");font-weight:400;font-style:normal;unicode-range:U+0000-00FF,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}html{height:100%}body{min-height:100vh;background:var(--kd-color-background-page-default);color:var(--kd-color-text-level-primary);font-family:var(--kd-font-family-secondary);font-size:var(--kd-font-size-body-2-sm);line-height:var(--kd-line-height-body-2-sm);font-weight:var(--kd-font-weight-regular);letter-spacing:var(--kd-letter-spacing-4)}@media(min-width: 42rem){body{font-size:var(--kd-font-size-body-2-md);line-height:var(--kd-line-height-body-2-md)}}@media(min-width: 74rem){body{font-size:var(--kd-font-size-body-2-lg);line-height:var(--kd-line-height-body-2-lg)}}@media(min-width: 82rem){body{font-size:var(--kd-font-size-body-2-xlg);line-height:var(--kd-line-height-body-2-xlg)}}@media(min-width: 99rem){body{font-size:var(--kd-font-size-body-2-max);line-height:var(--kd-line-height-body-2-max)}}
1	+ :root{--kd-current-breakpoint: sm}@media(min-width: 42rem){:root{--kd-current-breakpoint: md}}@media(min-width: 74rem){:root{--kd-current-breakpoint: lg}}@media(min-width: 82rem){:root{--kd-current-breakpoint: xl}}@media(min-width: 99rem){:root{--kd-current-breakpoint: max}}:root{--kd-font-family-primary: "TWK Everett", "Helvetica", "Arial", sans-serif;--kd-font-family-secondary: "Roboto", "Helvetica", "Arial", sans-serif;--kd-font-family-code-view: "Roboto Mono", monospace;--kd-font-weight-ultralight: 200;--kd-font-weight-light: 300;--kd-font-weight-regular: 400;--kd-font-weight-medium: 500;--kd-font-weight-bold: 700;--kd-letter-spacing-1: -0.16px;--kd-letter-spacing-2: -0.08px;--kd-letter-spacing-3: 0px;--kd-letter-spacing-4: 0.16px;--kd-letter-spacing-5: 0.32px;--kd-font-size-hero-1-max: 18rem;--kd-font-size-hero-1-xlg: 18rem;--kd-font-size-hero-1-lg: 13.5rem;--kd-font-size-hero-1-md: 9rem;--kd-font-size-hero-1-sm: 6rem;--kd-line-height-hero-1-max: 21rem;--kd-line-height-hero-1-xlg: 21rem;--kd-line-height-hero-1-lg: 16rem;--kd-line-height-hero-1-md: 10.5rem;--kd-line-height-hero-1-sm: 7rem;--kd-font-size-hero-2-max: 13.5rem;--kd-font-size-hero-2-xlg: 12rem;--kd-font-size-hero-2-lg: 9rem;--kd-font-size-hero-2-md: 6rem;--kd-font-size-hero-2-sm: 5rem;--kd-line-height-hero-2-max: 16rem;--kd-line-height-hero-2-xlg: 14rem;--kd-line-height-hero-2-lg: 10.5rem;--kd-line-height-hero-2-md: 7rem;--kd-line-height-hero-2-sm: 5.5rem;--kd-font-size-hero-3-max: 9.75rem;--kd-font-size-hero-3-xlg: 9rem;--kd-font-size-hero-3-lg: 6rem;--kd-font-size-hero-3-md: 5rem;--kd-font-size-hero-3-sm: 4rem;--kd-line-height-hero-3-max: 14rem;--kd-line-height-hero-3-xlg: 10.5rem;--kd-line-height-hero-3-lg: 7rem;--kd-line-height-hero-3-md: 5.5rem;--kd-line-height-hero-3-sm: 4.625rem;--kd-font-size-hero-4-max: 9rem;--kd-font-size-hero-4-xlg: 7.5rem;--kd-font-size-hero-4-lg: 5rem;--kd-font-size-hero-4-md: 4.5rem;--kd-font-size-hero-4-sm: 4rem;--kd-line-height-hero-4-max: 10.5rem;--kd-line-height-hero-4-xlg: 8.75rem;--kd-line-height-hero-4-lg: 5.5rem;--kd-line-height-hero-4-md: 5.25rem;--kd-line-height-hero-4-sm: 4.625rem;--kd-font-size-display-1-max: 9rem;--kd-font-size-display-1-xlg: 6rem;--kd-font-size-display-1-lg: 5rem;--kd-font-size-display-1-md: 4.5rem;--kd-font-size-display-1-sm: 4rem;--kd-line-height-display-1-max: 10.5rem;--kd-line-height-display-1-xlg: 7rem;--kd-line-height-display-1-lg: 5.5rem;--kd-line-height-display-1-md: 5.25rem;--kd-line-height-display-1-sm: 4.625rem;--kd-font-size-display-2-max: 6rem;--kd-font-size-display-2-xlg: 5rem;--kd-font-size-display-2-lg: 4.5rem;--kd-font-size-display-2-md: 4rem;--kd-font-size-display-2-sm: 3.5rem;--kd-line-height-display-2-max: 7rem;--kd-line-height-display-2-xlg: 5.5rem;--kd-line-height-display-2-lg: 5.25rem;--kd-line-height-display-2-md: 4.625rem;--kd-line-height-display-2-sm: 4rem;--kd-font-size-display-3-max: 5rem;--kd-font-size-display-3-xlg: 4.5rem;--kd-font-size-display-3-lg: 4rem;--kd-font-size-display-3-md: 3.5rem;--kd-font-size-display-3-sm: 3rem;--kd-line-height-display-3-max: 5.5rem;--kd-line-height-display-3-xlg: 5.25rem;--kd-line-height-display-3-lg: 4.625rem;--kd-line-height-display-3-md: 4rem;--kd-line-height-display-3-sm: 3.5rem;--kd-font-size-headline-1-max: 4.5rem;--kd-font-size-headline-1-xlg: 4rem;--kd-font-size-headline-1-lg: 3.5rem;--kd-font-size-headline-1-md: 2.5rem;--kd-font-size-headline-1-sm: 2.5rem;--kd-line-height-headline-1-max: 5.25rem;--kd-line-height-headline-1-xlg: 4.625rem;--kd-line-height-headline-1-lg: 4rem;--kd-line-height-headline-1-md: 3rem;--kd-line-height-headline-1-sm: 3rem;--kd-font-size-headline-2-max: 4rem;--kd-font-size-headline-2-xlg: 3.5rem;--kd-font-size-headline-2-lg: 3rem;--kd-font-size-headline-2-md: 2.25rem;--kd-font-size-headline-2-sm: 2.25rem;--kd-line-height-headline-2-max: 4.625rem;--kd-line-height-headline-2-xlg: 4rem;--kd-line-height-headline-2-lg: 3.5rem;--kd-line-height-headline-2-md: 2.75rem;--kd-line-height-headline-2-sm: 2.75rem;--kd-font-size-headline-3-max: 3rem;--kd-font-size-headline-3-xlg: 3rem;--kd-font-size-headline-3-lg: 2.5rem;--kd-font-size-headline-3-md: 2rem;--kd-font-size-headline-3-sm: 2rem;--kd-line-height-headline-3-max: 3.5rem;--kd-line-height-headline-3-xlg: 3.5rem;--kd-line-height-headline-3-lg: 3rem;--kd-line-height-headline-3-md: 2.5rem;--kd-line-height-headline-3-sm: 2.5rem;--kd-font-size-headline-4-max: 3rem;--kd-font-size-headline-4-xlg: 2.5rem;--kd-font-size-headline-4-lg: 2.25rem;--kd-font-size-headline-4-md: 1.75rem;--kd-font-size-headline-4-sm: 1.75rem;--kd-line-height-headline-4-max: 3.5rem;--kd-line-height-headline-4-xlg: 3rem;--kd-line-height-headline-4-lg: 2.75rem;--kd-line-height-headline-4-md: 2.25rem;--kd-line-height-headline-4-sm: 2.25rem;--kd-font-size-headline-5-max: 2.5rem;--kd-font-size-headline-5-xlg: 2.25rem;--kd-font-size-headline-5-lg: 2rem;--kd-font-size-headline-5-md: 1.75rem;--kd-font-size-headline-5-sm: 1.75rem;--kd-line-height-headline-5-max: 3rem;--kd-line-height-headline-5-xlg: 2.75rem;--kd-line-height-headline-5-lg: 2.5rem;--kd-line-height-headline-5-md: 2.25rem;--kd-line-height-headline-5-sm: 2.25rem;--kd-font-size-headline-6-max: 2.5rem;--kd-font-size-headline-6-xlg: 2rem;--kd-font-size-headline-6-lg: 1.75rem;--kd-font-size-headline-6-md: 1.5rem;--kd-font-size-headline-6-sm: 1.5rem;--kd-line-height-headline-6-max: 3rem;--kd-line-height-headline-6-xlg: 2.5rem;--kd-line-height-headline-6-lg: 2.25rem;--kd-line-height-headline-6-md: 2rem;--kd-line-height-headline-6-sm: 2rem;--kd-font-size-headline-7-max: 2rem;--kd-font-size-headline-7-xlg: 1.75rem;--kd-font-size-headline-7-lg: 1.75rem;--kd-font-size-headline-7-md: 1.5rem;--kd-font-size-headline-7-sm: 1.5rem;--kd-line-height-headline-7-max: 2.5rem;--kd-line-height-headline-7-xlg: 2.25rem;--kd-line-height-headline-7-lg: 2.25rem;--kd-line-height-headline-7-md: 2rem;--kd-line-height-headline-7-sm: 2rem;--kd-font-size-headline-8-max: 1.75rem;--kd-font-size-headline-8-xlg: 1.5rem;--kd-font-size-headline-8-lg: 1.5rem;--kd-font-size-headline-8-md: 1.25rem;--kd-font-size-headline-8-sm: 1.25rem;--kd-line-height-headline-8-max: 2.25rem;--kd-line-height-headline-8-xlg: 2rem;--kd-line-height-headline-8-lg: 2rem;--kd-line-height-headline-8-md: 1.75rem;--kd-line-height-headline-8-sm: 1.75rem;--kd-font-size-body-1-max: 1.25rem;--kd-font-size-body-1-xlg: 1.25rem;--kd-font-size-body-1-lg: 1.25rem;--kd-font-size-body-1-md: 1.25rem;--kd-font-size-body-1-sm: 1.25rem;--kd-line-height-body-1-max: 1.75rem;--kd-line-height-body-1-xlg: 1.75rem;--kd-line-height-body-1-lg: 1.75rem;--kd-line-height-body-1-md: 1.75rem;--kd-line-height-body-1-sm: 1.75rem;--kd-font-size-body-2-max: 1rem;--kd-font-size-body-2-xlg: 1rem;--kd-font-size-body-2-lg: 1rem;--kd-font-size-body-2-md: 1rem;--kd-font-size-body-2-sm: 1rem;--kd-line-height-body-2-max: 1.5rem;--kd-line-height-body-2-xlg: 1.5rem;--kd-line-height-body-2-lg: 1.5rem;--kd-line-height-body-2-md: 1.5rem;--kd-line-height-body-2-sm: 1.5rem;--kd-font-size-utility-1-max: 1rem;--kd-font-size-utility-1-xlg: 1rem;--kd-font-size-utility-1-lg: 1rem;--kd-font-size-utility-1-md: 1rem;--kd-font-size-utility-1-sm: 1rem;--kd-line-height-utility-1-max: 1.5rem;--kd-line-height-utility-1-xlg: 1.5rem;--kd-line-height-utility-1-lg: 1.5rem;--kd-line-height-utility-1-md: 1.5rem;--kd-line-height-utility-1-sm: 1.5rem;--kd-font-size-utility-2-max: 0.875rem;--kd-font-size-utility-2-xlg: 0.875rem;--kd-font-size-utility-2-lg: 0.875rem;--kd-font-size-utility-2-md: 0.875rem;--kd-font-size-utility-2-sm: 0.875rem;--kd-line-height-utility-2-max: 1.125rem;--kd-line-height-utility-2-xlg: 1.125rem;--kd-line-height-utility-2-lg: 1.125rem;--kd-line-height-utility-2-md: 1.125rem;--kd-line-height-utility-2-sm: 1.125rem;--kd-font-size-utility-3-max: 0.75rem;--kd-font-size-utility-3-xlg: 0.75rem;--kd-font-size-utility-3-lg: 0.75rem;--kd-font-size-utility-3-md: 0.75rem;--kd-font-size-utility-3-sm: 0.75rem;--kd-line-height-utility-3-max: 1rem;--kd-line-height-utility-3-xlg: 1rem;--kd-line-height-utility-3-lg: 1rem;--kd-line-height-utility-3-md: 1rem;--kd-line-height-utility-3-sm: 1rem;--kd-font-size-utility-4-max: 0.75rem;--kd-font-size-utility-4-xlg: 0.75rem;--kd-font-size-utility-4-lg: 0.75rem;--kd-font-size-utility-4-md: 0.75rem;--kd-font-size-utility-4-sm: 0.75rem;--kd-line-height-utility-4-max: 1rem;--kd-line-height-utility-4-xlg: 1rem;--kd-line-height-utility-4-lg: 1rem;--kd-line-height-utility-4-md: 1rem;--kd-line-height-utility-4-sm: 1rem;--kd-font-size-utility-5-max: 0.875rem;--kd-font-size-utility-5-xlg: 0.875rem;--kd-font-size-utility-5-lg: 0.875rem;--kd-font-size-utility-5-md: 0.875rem;--kd-font-size-utility-5-sm: 0.875rem;--kd-line-height-utility-5-max: 1.125rem;--kd-line-height-utility-5-xlg: 1.125rem;--kd-line-height-utility-5-lg: 1.125rem;--kd-line-height-utility-5-md: 1.125rem;--kd-line-height-utility-5-sm: 1.125rem}:root{--kd-color-neutral-black: #000000;--kd-color-neutral-webgray: #fafafc;--kd-color-neutral-white: #ffffff;--kd-color-neutral-lavender-opacity: #0e0e17e6;--kd-color-neutral-div-02-neutral: #ebf8fe;--kd-color-neutral-div-01-neutral: #deffef;--kd-color-spruce-10: #ddf0f3;--kd-color-spruce-15: #def7fa;--kd-color-spruce-20: #8ecfd9;--kd-color-spruce-30: #3fadbd;--kd-color-spruce-40: #3797a4;--kd-color-spruce-50: #2f808c;--kd-color-spruce-60: #29707a;--kd-color-spruce-70: #215763;--kd-color-spruce-80: #193d4b;--kd-color-spruce-90: #132632;--kd-color-spruce-100: #090a1c;--kd-color-skye-10: #e4f4f1;--kd-color-skye-20: #aadcd3;--kd-color-skye-30: #5fbeac;--kd-color-skye-40: #44a895;--kd-color-skye-50: #38887b;--kd-color-skye-60: #2c6e61;--kd-color-skye-70: #23564d;--kd-color-skye-80: #193f38;--kd-color-skye-90: #102824;--kd-color-skye-100: #091714;--kd-color-deep-forest-10: #a3f4cf;--kd-color-deep-forest-20: #19db83;--kd-color-deep-forest-30: #15be72;--kd-color-deep-forest-40: #13a865;--kd-color-deep-forest-50: #0f8853;--kd-color-deep-forest-60: #0d7546;--kd-color-deep-forest-70: #0a5734;--kd-color-deep-forest-80: #074127;--kd-color-deep-forest-90: #042315;--kd-color-deep-forest-100: #02150d;--kd-color-spring-green-10: #c4f3d6;--kd-color-spring-green-20: #4cdd84;--kd-color-spring-green-30: #24c060;--kd-color-spring-green-40: #1fa452;--kd-color-spring-green-50: #1b904b;--kd-color-spring-green-60: #187e3f;--kd-color-spring-green-70: #10592c;--kd-color-spring-green-80: #0d4422;--kd-color-spring-green-90: #072914;--kd-color-spring-green-100: #03140a;--kd-color-warm-red-10: #fededa;--kd-color-warm-red-20: #fec1b9;--kd-color-warm-red-30: #ff9688;--kd-color-warm-red-40: #ff6b57;--kd-color-warm-red-45: #ff5d47;--kd-color-warm-red-60: #ff2306;--kd-color-warm-red-70: #cc1800;--kd-color-warm-red-80: #9b1200;--kd-color-warm-red-90: #6a0c00;--kd-color-warm-red-100: #410700;--kd-color-warm-red-50-brand: #ff462d;--kd-color-earth-10: #f5f4f3;--kd-color-earth-20: #dcd8d4;--kd-color-earth-30: #bfb7b0;--kd-color-earth-40: #9e9287;--kd-color-earth-50: #8b7d71;--kd-color-earth-60: #70655b;--kd-color-earth-70: #565049;--kd-color-earth-80: #3f3833;--kd-color-earth-90: #2d2824;--kd-color-earth-100: #161412;--kd-color-cloud-10: #f2f1ee;--kd-color-cloud-20: #dddad3;--kd-color-cloud-30: #bdb8a9;--kd-color-cloud-40: #a49d89;--kd-color-cloud-50: #8a826a;--kd-color-cloud-60: #6e6854;--kd-color-cloud-70: #534e3f;--kd-color-cloud-80: #3c382d;--kd-color-cloud-90: #29271f;--kd-color-cloud-100: #171511;--kd-color-dark-stone-10: #f9f9f9;--kd-color-dark-stone-20: #dcdad8;--kd-color-dark-stone-30: #bcbab8;--kd-color-dark-stone-40: #a8a5a6;--kd-color-dark-stone-50: #898888;--kd-color-dark-stone-60: #6d6d6d;--kd-color-dark-stone-70: #515151;--kd-color-dark-stone-80: #3d3c3c;--kd-color-dark-stone-90: #272727;--kd-color-dark-stone-100: #161616;--kd-color-warm-gray-10: #f1f0f0;--kd-color-warm-gray-20: #d9d7d7;--kd-color-warm-gray-30: #c1bebe;--kd-color-warm-gray-40: #a5a0a0;--kd-color-warm-gray-50: #8d8888;--kd-color-warm-gray-60: #746f6f;--kd-color-warm-gray-70: #565353;--kd-color-warm-gray-80: #423f3f;--kd-color-warm-gray-90: #2d2b2b;--kd-color-warm-gray-100: #141313;--kd-color-cool-gray-3: #fcfcfc;--kd-color-cool-gray-5: #fafbfb;--kd-color-cool-gray-7: #f8f9f9;--kd-color-cool-gray-8: #f5f6f6;--kd-color-cool-gray-10: #edf1f2;--kd-color-cool-gray-15: #e1e5e7;--kd-color-cool-gray-20: #d5d9db;--kd-color-cool-gray-30: #b6bdc0;--kd-color-cool-gray-40: #97a1a6;--kd-color-cool-gray-50: #79858b;--kd-color-cool-gray-60: #667076;--kd-color-cool-gray-70: #4b5357;--kd-color-cool-gray-80: #383e41;--kd-color-cool-gray-85: #2d3234;--kd-color-cool-gray-90: #222527;--kd-color-cool-gray-93: #1e2123;--kd-color-cool-gray-95: #1a1d1e;--kd-color-cool-gray-97: #16191a;--kd-color-cool-gray-100: #121415;--kd-color-accent-01: #ffd52c;--kd-color-accent-02: #ff8419;--kd-color-opacity-light-0: #ffffff00;--kd-color-opacity-light-3: #ffffff08;--kd-color-opacity-light-5: #ffffff0d;--kd-color-opacity-light-10: #ffffff1a;--kd-color-opacity-light-15: #ffffff26;--kd-color-opacity-light-20: #ffffff33;--kd-color-opacity-light-25: #ffffff40;--kd-color-opacity-light-30: #ffffff4d;--kd-color-opacity-light-40: #ffffff66;--kd-color-opacity-light-50: #ffffff80;--kd-color-opacity-light-86: #ffffffdb;--kd-color-opacity-light-95: #fffffff2;--kd-color-opacity-dark-0: #15191d00;--kd-color-opacity-dark-2: #15191d05;--kd-color-opacity-dark-3: #15191d08;--kd-color-opacity-dark-5: #15191d0d;--kd-color-opacity-dark-10: #15191d1a;--kd-color-opacity-dark-15: #15191d26;--kd-color-opacity-dark-20: #15191d33;--kd-color-opacity-dark-25: #15191d40;--kd-color-opacity-dark-30: #15191d4d;--kd-color-opacity-dark-40: #15191d66;--kd-color-opacity-dark-50: #15191d80;--kd-color-opacity-dark-85: #15191dcc;--kd-color-opacity-ai-warm-red-0: #ff6b5700;--kd-color-opacity-ai-warm-red-10: #ff6b571a;--kd-color-opacity-ai-warm-red-15: #ff6b5726;--kd-color-opacity-ai-warm-red-20: #ff6b5733;--kd-color-opacity-ai-warm-red-25: #ff6b5740;--kd-color-opacity-ai-warm-red-30: #ff6b574d;--kd-color-opacity-ai-warm-red-35: #ff6b5759;--kd-color-opacity-ai-warm-red-40: #ff6b5766;--kd-color-opacity-ai-warm-red-45: #ff6b5773;--kd-color-opacity-ai-warm-red-50: #ff6b5780;--kd-color-opacity-ai-warm-red-55: #ff6b578c;--kd-color-opacity-ai-warm-red-60: #ff6b5799;--kd-color-opacity-ai-warm-red-70: #ff6b57b3;--kd-color-opacity-ai-warm-red-80: #ff6b57cc;--kd-color-opacity-ai-warm-red-90: #ff6b57e6;--kd-color-opacity-ai-warm-red-100: #ff6b57;--kd-color-opacity-ai-spruce-0: #8ecfd900;--kd-color-opacity-ai-spruce-10: #8ecfd91a;--kd-color-opacity-ai-spruce-15: #8ecfd926;--kd-color-opacity-ai-spruce-20: #8ecfd933;--kd-color-opacity-ai-spruce-25: #8ecfd940;--kd-color-opacity-ai-spruce-30: #8ecfd94d;--kd-color-opacity-ai-spruce-35: #8ecfd959;--kd-color-opacity-ai-spruce-40: #8ecfd966;--kd-color-opacity-ai-spruce-45: #8ecfd973;--kd-color-opacity-ai-spruce-50: #8ecfd980;--kd-color-opacity-ai-spruce-55: #8ecfd98c;--kd-color-opacity-ai-spruce-60: #8ecfd999;--kd-color-opacity-ai-spruce-70: #8ecfd9b3;--kd-color-opacity-ai-spruce-80: #8ecfd9cc;--kd-color-opacity-ai-spruce-90: #8ecfd9e6;--kd-color-opacity-ai-spruce-100: #8ecfd9;--kd-color-interactive-1: #fcfcfd;--kd-color-interactive-3: #f8f9fa;--kd-color-interactive-5: #f6f7f9;--kd-color-interactive-7: #e7eaed;--kd-color-interactive-10: #d8dce1;--kd-color-interactive-15: #c8ccd2;--kd-color-interactive-20: #b8bdc3;--kd-color-interactive-30: #a9adb4;--kd-color-interactive-40: #999ea5;--kd-color-interactive-50: #898e96;--kd-color-interactive-60: #797f87;--kd-color-interactive-70: #6b7078;--kd-color-interactive-90: #4f555b;--kd-color-interactive-95: #41484d;--kd-color-interactive-100: #333a3f;--kd-color-interactive-105: #2c3236;--kd-color-interactive-107: #242a2e;--kd-color-interactive-110: #1d2125;--kd-color-interactive-113: #191d21;--kd-color-interactive-115: #15191d;--kd-color-interactive-120: #0e1114;--kd-color-interactive-80-primary: #5d6369;--kd-color-interactive-115-opaque: #15191df7;--kd-color-interactive-113-opaque: #191d21f7;--kd-color-misc-red-10: #ffc5c5;--kd-color-misc-red-20: #ffb0af;--kd-color-misc-red-25: #e48a9e;--kd-color-misc-red-30: #ff9997;--kd-color-misc-red-40: #fe807a;--kd-color-misc-red-50: #f86860;--kd-color-misc-red-60: #f04f45;--kd-color-misc-red-70: #d84134;--kd-color-misc-red-80: #bf3223;--kd-color-misc-red-90: #a52211;--kd-color-misc-red-100: #891000;--kd-color-misc-red-light: #f7e6e6;--kd-color-misc-red-dark: #cc1800;--kd-color-misc-red-05: #dcb8c0;--kd-color-misc-green-10: #c4f3d6;--kd-color-misc-green-20: #4cdd84;--kd-color-misc-green-25: #00c64a;--kd-color-misc-green-30: #24c060;--kd-color-misc-green-40: #1fa452;--kd-color-misc-green-50: #1b904b;--kd-color-misc-green-60: #187e3f;--kd-color-misc-green-70: #10592c;--kd-color-misc-green-80: #0d4422;--kd-color-misc-green-90: #072914;--kd-color-misc-green-100: #03140a;--kd-color-misc-green-dark: #00af41;--kd-color-misc-green-light: #e5f7eb;--kd-color-misc-blue-5: #cce1fe;--kd-color-misc-blue-10: #ace1f8;--kd-color-misc-blue-20: #95d3f0;--kd-color-misc-blue-30: #7ec4e9;--kd-color-misc-blue-40: #64b5e1;--kd-color-misc-blue-50: #48a5da;--kd-color-misc-blue-60: #3a94c6;--kd-color-misc-blue-70: #3082af;--kd-color-misc-blue-80: #236f96;--kd-color-misc-blue-90: #155b7f;--kd-color-misc-blue-100: #004765;--kd-color-misc-blue-110: #569aff;--kd-color-misc-blue-115: #005fea;--kd-color-misc-blue-light: #e9f2ff;--kd-color-misc-blue-dark: #2a6dd0;--kd-color-misc-yellow-5: #ffe88e;--kd-color-misc-yellow-10: #ffd46a;--kd-color-misc-yellow-15: #ffcd03;--kd-color-misc-yellow-20: #ffbc48;--kd-color-misc-yellow-25: #d4aa00;--kd-color-misc-yellow-30: #ffa329;--kd-color-misc-yellow-40: #ff850a;--kd-color-misc-yellow-50: #f26e01;--kd-color-misc-yellow-60: #d86301;--kd-color-misc-yellow-70: #bc5802;--kd-color-misc-yellow-80: #9e4d02;--kd-color-misc-yellow-90: #813f01;--kd-color-misc-yellow-100: #643000;--kd-color-misc-yellow-dark: #e8ba02;--kd-color-misc-yellow-light: #fef9e5;--kd-color-amber-10: #ffd46a;--kd-color-amber-20: #ffbc48;--kd-color-amber-30: #ffa329;--kd-color-amber-40: #ff850a;--kd-color-amber-50: #f26e01;--kd-color-amber-60: #d86301;--kd-color-amber-70: #bc5802;--kd-color-amber-80: #9e4d02;--kd-color-amber-90: #813f01;--kd-color-amber-100: #643000;--kd-color-blush-10: #f2c4e2;--kd-color-blush-20: #f3acd6;--kd-color-blush-30: #f493c5;--kd-color-blush-40: #f378b1;--kd-color-blush-50: #ee5d97;--kd-color-blush-60: #dc4b89;--kd-color-blush-70: #c4407e;--kd-color-blush-80: #ab3272;--kd-color-blush-90: #922365;--kd-color-blush-100: #781256;--kd-color-blush-05: #fbeaf5;--kd-color-sea-10: #ace1f8;--kd-color-sea-15: #def5ff;--kd-color-sea-20: #95d3f0;--kd-color-sea-30: #7ec4e9;--kd-color-sea-40: #64b5e1;--kd-color-sea-50: #48a5da;--kd-color-sea-60: #3a94c6;--kd-color-sea-70: #3082af;--kd-color-sea-80: #236f96;--kd-color-sea-90: #155b7f;--kd-color-sea-100: #004765;--kd-color-lilac-10: #e2c6ff;--kd-color-lilac-20: #d5b5f6;--kd-color-lilac-30: #c9a5ed;--kd-color-lilac-40: #bd93e5;--kd-color-lilac-50: #b181db;--kd-color-lilac-60: #a36fd0;--kd-color-lilac-70: #945cc2;--kd-color-lilac-80: #8548b4;--kd-color-lilac-90: #7431a4;--kd-color-lilac-100: #641195;--kd-color-lilac-05: #f7eeff;--kd-color-jade-10: #9beeca;--kd-color-jade-20: #81e1b5;--kd-color-jade-30: #66d39f;--kd-color-jade-40: #49c588;--kd-color-jade-50: #25b574;--kd-color-jade-60: #00a275;--kd-color-jade-70: #008d72;--kd-color-jade-80: #00776b;--kd-color-jade-90: #00615f;--kd-color-jade-100: #004a4f;--kd-color-rag-critical-10: #ffecea;--kd-color-rag-critical-20: #ff8272;--kd-color-rag-critical-100: #891000;--kd-color-rag-critical-110: #39010a;--kd-color-rag-error-10: var(--kd-color-warm-red-10);--kd-color-rag-error-20: #ff9688;--kd-color-rag-error-100: #cc1800;--kd-color-rag-error-110: var(--kd-color-misc-red-100);--kd-color-rag-success-10: #e8fff1;--kd-color-rag-success-15: #dff9e9;--kd-color-rag-success-20: #81e1b5;--kd-color-rag-success-100: #00af41;--kd-color-rag-success-110: var(--kd-color-spring-green-60);--kd-color-rag-warning-10: #fff2d3;--kd-color-rag-warning-20: #ffe88e;--kd-color-rag-warning-100: #e8ba02;--kd-color-rag-warning-110: #4d3d00;--kd-color-rag-information-10: #e9f2ff;--kd-color-rag-information-20: #569aff;--kd-color-rag-information-100: #1473ff;--kd-color-rag-information-110: #0255d0;--kd-color-wireframe-dark: #000000;--kd-color-wireframe-light: #ffffff;--kd-color-wireframe-gray: var(--kd-color-dark-stone-40)}:root{--kd-color-background-container-default: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-115));--kd-color-background-container-subtle: light-dark(var(--kd-color-opacity-dark-2), var(--kd-color-opacity-light-5));--kd-color-background-container-bold: light-dark(var(--kd-color-dark-stone-50), var(--kd-color-cool-gray-40));--kd-color-background-container-soft: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-113));--kd-color-background-container-footer: light-dark(var(--kd-color-interactive-15), var(--kd-color-interactive-115));--kd-color-background-container-secondary: light-dark(var(--kd-color-interactive-3), var(--kd-color-interactive-107));--kd-color-background-container-ai-default: light-dark(var(--kd-color-interactive-1), var(--kd-color-interactive-120));--kd-color-background-container-ai-subtle: light-dark(var(--kd-color-opacity-dark-5), var(--kd-color-opacity-light-5));--kd-color-background-container-ai-level-2: light-dark(var(--kd-color-earth-10), var(--kd-color-interactive-110));--kd-color-background-container-surface-tint: light-dark(var(--kd-color-opacity-light-86), var(--kd-color-opacity-dark-85));--kd-color-background-container-tertiary: light-dark(var(--kd-color-opacity-dark-3), var(--kd-color-opacity-light-5));--kd-color-background-container-overlay-background: light-dark(var(--kd-color-neutral-white), var(--kd-color-interactive-107));--kd-color-background-container-overlay-footer: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-105));--kd-color-background-ui-default-dark: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-cool-gray-10));--kd-color-background-ui-default-brand: light-dark(var(--kd-color-warm-red-50-brand), var(--kd-color-warm-red-50-brand));--kd-color-background-ui-default-default: light-dark(var(--kd-color-dark-stone-50), var(--kd-color-cool-gray-10));--kd-color-background-ui-default-hover: light-dark(var(--kd-color-interactive-60), var(--kd-color-interactive-20));--kd-color-background-ui-default-pressed: light-dark(var(--kd-color-interactive-70), var(--kd-color-interactive-20));--kd-color-background-ui-default-focus: light-dark(var(--kd-color-interactive-60), var(--kd-color-interactive-20));--kd-color-background-ui-default-disabled: light-dark(var(--kd-color-opacity-dark-5), var(--kd-color-opacity-light-5));--kd-color-background-ui-default-secondary: light-dark(var(--kd-color-interactive-60), var(--kd-color-interactive-40));--kd-color-background-ui-hollow-default: light-dark(var(--kd-color-neutral-white), var(--kd-color-cool-gray-90));--kd-color-background-ui-hollow-hover: light-dark(var(--kd-color-interactive-10), var(--kd-color-interactive-70));--kd-color-background-ui-hollow-pressed: light-dark(var(--kd-color-interactive-20), var(--kd-color-interactive-30));--kd-color-background-button-primary-state-default: light-dark(var(--kd-color-spruce-50), var(--kd-color-spruce-60));--kd-color-background-button-primary-state-hover: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-40));--kd-color-background-button-primary-state-pressed: light-dark(var(--kd-color-spruce-80), var(--kd-color-spruce-70));--kd-color-background-button-primary-state-selected: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-90));--kd-color-background-button-primary-state-focused: light-dark(var(--kd-color-spruce-60), var(--kd-color-spruce-90));--kd-color-background-button-primary-destructive-default: light-dark(var(--kd-color-misc-red-80), var(--kd-color-misc-red-80));--kd-color-background-button-primary-destructive-hover: light-dark(var(--kd-color-misc-red-90), var(--kd-color-misc-red-70));--kd-color-background-button-primary-destructive-pressed: light-dark(var(--kd-color-misc-red-100), var(--kd-color-misc-red-90));--kd-color-background-button-primary-destructive-selected: light-dark(var(--kd-color-misc-red-100), var(--kd-color-misc-red-100));--kd-color-background-button-primary-destructive-focused: light-dark(var(--kd-color-misc-red-90), var(--kd-color-misc-red-100));--kd-color-background-button-primary-ai-default: light-dark(var(--kd-color-opacity-dark-0), var(--kd-color-opacity-light-0));--kd-color-background-button-primary-ai-hover: light-dark(var(--kd-color-opacity-dark-2), var(--kd-color-opacity-light-5));--kd-color-background-button-primary-ai-pressed: light-dark(var(--kd-color-interactive-1), var(--kd-color-interactive-120));--kd-color-background-button-primary-ai-selected: light-dark(var(--kd-color-opacity-dark-3), var(--kd-color-opacity-light-10));--kd-color-background-button-primary-ai-focused: light-dark(var(--kd-color-opacity-dark-2), var(--kd-color-opacity-light-5));--kd-color-background-button-web-default: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-60));--kd-color-background-button-web-hover: light-dark(var(--kd-color-dark-stone-60), var(--kd-color-dark-stone-80));--kd-color-background-button-web-pressed: light-dark(var(--kd-color-dark-stone-100), var(--kd-color-dark-stone-90));--kd-color-background-button-web-selected: light-dark(var(--kd-color-dark-stone-70), var(--kd-color-dark-stone-50));--kd-color-background-button-web-focused: light-dark(var(--kd-color-dark-stone-70), var(--kd-color-dark-stone-50));--kd-color-background-button-secondary-state-default: light-dark(var(--kd-color-spruce-10), var(--kd-color-spruce-90));--kd-color-background-button-secondary-state-hover: light-dark(var(--kd-color-spruce-20), var(--kd-color-spruce-80));--kd-color-background-button-secondary-state-pressed: light-dark(var(--kd-color-spruce-40), var(--kd-color-spruce-100));--kd-color-background-button-secondary-state-selected: light-dark(var(--kd-color-spruce-30), var(--kd-color-spruce-80));--kd-color-background-button-secondary-state-focused: light-dark(var(--kd-color-spruce-50), var(--kd-color-spruce-80));--kd-color-background-button-secondary-destructive-pressed: light-dark(var(--kd-color-misc-red-30), var(--kd-color-misc-red-90));--kd-color-background-button-secondary-destructive-hover: light-dark(var(--kd-color-misc-red-20), var(--kd-color-misc-red-80));--kd-color-background-button-secondary-destructive-default: light-dark(var(--kd-color-misc-red-10), var(--kd-color-misc-red-100));--kd-color-background-button-secondary-destructive-selected: light-dark(var(--kd-color-misc-red-50), var(--kd-color-misc-red-70));--kd-color-background-button-secondary-destructive-focused: light-dark(var(--kd-color-misc-red-50), var(--kd-color-misc-red-70));--kd-color-background-button-secondary-ai-default: light-dark(var(--kd-color-spruce-10), var(--kd-color-spruce-90));--kd-color-background-button-secondary-ai-hover: light-dark(var(--kd-color-spruce-20), var(--kd-color-spruce-80));--kd-color-background-button-secondary-ai-pressed: light-dark(var(--kd-color-spruce-40), var(--kd-color-spruce-100));--kd-color-background-button-secondary-ai-selected: light-dark(var(--kd-color-spruce-30), var(--kd-color-spruce-80));--kd-color-background-button-secondary-ai-focused: light-dark(var(--kd-color-spruce-50), var(--kd-color-spruce-80));--kd-color-background-button-tertiary-state-hover: light-dark(var(--kd-color-dark-stone-40), var(--kd-color-interactive-100));--kd-color-background-button-tertiary-state-pressed: light-dark(var(--kd-color-dark-stone-90), var(--kd-color-interactive-110));--kd-color-background-button-tertiary-state-default: light-dark(var(--kd-color-dark-stone-20), var(--kd-color-interactive-105));--kd-color-background-button-tertiary-state-selected: light-dark(var(--kd-color-dark-stone-100), var(--kd-color-interactive-115));--kd-color-background-button-tertiary-state-focused: light-dark(var(--kd-color-dark-stone-70), var(--kd-color-interactive-115));--kd-color-background-button-ghost-state-hover: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-95));--kd-color-background-button-ghost-state-pressed: light-dark(var(--kd-color-interactive-80-primary), var(--kd-color-interactive-110));--kd-color-background-button-ghost-state-selected: light-dark(var(--kd-color-interactive-95), var(--kd-color-interactive-105));--kd-color-background-button-ghost-ai-default: light-dark(var(--kd-color-opacity-dark-0), var(--kd-color-opacity-light-0));--kd-color-background-button-ghost-ai-hover: light-dark(var(--kd-color-opacity-dark-2), var(--kd-color-opacity-light-5));--kd-color-background-button-ghost-ai-pressed: light-dark(var(--kd-color-interactive-1), var(--kd-color-interactive-120));--kd-color-background-button-ghost-ai-selected: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-120));--kd-color-background-button-ghost-ai-focused: light-dark(var(--kd-color-opacity-dark-2), var(--kd-color-opacity-light-5));--kd-color-background-accent-subtle: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-105));--kd-color-background-accent-secondary: light-dark(var(--kd-color-interactive-60), var(--kd-color-interactive-107));--kd-color-background-accent-tertiary: light-dark(var(--kd-color-dark-stone-20), var(--kd-color-cool-gray-70));--kd-color-background-accent-light: light-dark(var(--kd-color-interactive-10), var(--kd-color-interactive-110));--kd-color-background-opacity-1: light-dark(var(--kd-color-opacity-dark-3), var(--kd-color-opacity-light-3));--kd-color-background-opacity-2: light-dark(var(--kd-color-opacity-dark-2), var(--kd-color-opacity-light-3));--kd-color-background-opacity-3: light-dark(var(--kd-color-opacity-dark-3), var(--kd-color-opacity-light-3));--kd-color-background-opacity-4: light-dark(var(--kd-color-opacity-dark-40), var(--kd-color-opacity-light-40));--kd-color-background-opacity-8: light-dark(var(--kd-color-opacity-dark-50), var(--kd-color-opacity-dark-85));--kd-color-background-opacity-disabled: light-dark(var(--kd-color-opacity-dark-3), var(--kd-color-cool-gray-3));--kd-color-background-opacity-4---dark: light-dark(var(--kd-color-opacity-dark-40), var(--kd-color-opacity-dark-40));--kd-color-background-opacity-8---dark: light-dark(var(--kd-color-opacity-dark-85), var(--kd-color-opacity-dark-85));--kd-color-background-opacity-inverse-1: light-dark(var(--kd-color-cool-gray-5), var(--kd-color-interactive-115-opaque));--kd-color-background-opacity-inverse-backdrop: light-dark(var(--kd-color-opacity-dark-25), var(--kd-color-opacity-light-10));--kd-color-background-forms-secondary: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-105));--kd-color-background-forms-default: light-dark(var(--kd-color-cool-gray-5), var(--kd-color-opacity-dark-30));--kd-color-background-forms-ai-default: light-dark(var(--kd-color-neutral-white), var(--kd-color-opacity-dark-30));--kd-color-background-forms-disabled: light-dark(var(--kd-color-warm-gray-10), var(--kd-color-cool-gray-80));--kd-color-background-table-row-active: light-dark(var(--kd-color-interactive-10), var(--kd-color-interactive-100));--kd-color-background-table-alt-row: light-dark(var(--kd-color-cool-gray-7), var(--kd-color-cool-gray-93));--kd-color-background-table-footer: light-dark(var(--kd-color-cool-gray-10), var(--kd-color-interactive-105));--kd-color-background-table-row: light-dark(var(--kd-color-cool-gray-3), var(--kd-color-cool-gray-90));--kd-color-background-table-row-active-nested: light-dark(var(--kd-color-cool-gray-3), var(--kd-color-interactive-90));--kd-color-background-table-header: light-dark(var(--kd-color-cool-gray-10), var(--kd-color-interactive-105));--kd-color-background-page-overlay: light-dark(var(--kd-color-opacity-light-50), var(--kd-color-opacity-dark-85));--kd-color-background-page-default: light-dark(var(--kd-color-cool-gray-3), var(--kd-color-interactive-110));--kd-color-background-page-dashboard-dashboard-default: light-dark(var(--kd-color-neutral-white), var(--kd-color-interactive-115));--kd-color-background-logo-bridge-txt: light-dark(var(--kd-color-spruce-60), var(--kd-color-dark-stone-10));--kd-color-background-logo-ai-indicator-head: light-dark(var(--kd-color-warm-red-40), var(--kd-color-warm-red-20));--kd-color-background-logo-ai-indicator-halo: light-dark(var(--kd-color-warm-red-20), var(--kd-color-warm-red-40));--kd-color-background-logo-ai-indicator-background: light-dark(var(--kd-color-warm-red-10), var(--kd-color-warm-red-90));--kd-color-background-navigation-local-nav: light-dark(var(--kd-color-cool-gray-5), var(--kd-color-opacity-light-3));--kd-color-background-navigation-footer: light-dark(var(--kd-color-cool-gray-10), var(--kd-color-opacity-light-3));--kd-color-background-navigation-default: light-dark(var(--kd-color-cool-gray-10), var(--kd-color-opacity-light-3));--kd-color-background-gradients-interactive-gradient-end: light-dark(var(--kd-color-cool-gray-10), var(--kd-color-interactive-100));--kd-color-background-gradients-interactive-gradient-start: light-dark(var(--kd-color-cool-gray-5), var(--kd-color-interactive-107));--kd-color-background-gradients-ai-linear-top-gradient-1: light-dark(var(--kd-color-warm-red-10), var(--kd-color-warm-red-70));--kd-color-background-gradients-ai-linear-bottom-gradient-1: light-dark(var(--kd-color-neutral-white), var(--kd-color-interactive-120));--kd-color-background-gradients-ai-loader-start-gradient: light-dark(var(--kd-color-opacity-ai-warm-red-40), var(--kd-color-opacity-ai-warm-red-40));--kd-color-background-gradients-ai-loader-end-gradient: light-dark(var(--kd-color-opacity-ai-spruce-40), var(--kd-color-opacity-ai-spruce-40));--kd-color-background-gradients-ai-loader-mid-gradient: light-dark(var(--kd-color-opacity-dark-10), var(--kd-color-opacity-dark-10));--kd-color-background-gradients-interactive-gradient-end-2: light-dark(var(--kd-color-cool-gray-10), var(--kd-color-interactive-113-opaque));--kd-color-background-card-background: light-dark(var(--kd-color-cool-gray-3), var(--kd-color-opacity-light-3));--kd-color-background-card-default: light-dark(var(--kd-color-cool-gray-5), var(--kd-color-opacity-light-5));--kd-color-background-card-hover: light-dark(var(--kd-color-cool-gray-7), var(--kd-color-opacity-light-10));--kd-color-background-highlight-fill: light-dark(var(--kd-color-skye-10), var(--kd-color-skye-80));--kd-color-background-highlight-border: light-dark(var(--kd-color-skye-20), var(--kd-color-skye-50));--kd-color-background-loader-skeleton-default: light-dark(var(--kd-color-dark-stone-30), var(--kd-color-dark-stone-70));--kd-color-background-loader-skeleton-secondary: light-dark(var(--kd-color-dark-stone-20), var(--kd-color-dark-stone-60));--kd-color-background-loader-skeleton-tertiary: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-dark-stone-60));--kd-color-background-loader-bar-primary: light-dark(var(--kd-color-dark-stone-50), var(--kd-color-cool-gray-10));--kd-color-background-loader-bar-secondary: light-dark(var(--kd-color-dark-stone-20), var(--kd-color-cool-gray-70));--kd-color-background-loader-progress-complete: light-dark(var(--kd-color-spruce-30), var(--kd-color-spruce-30));--kd-color-background-loader-progress-active: light-dark(var(--kd-color-interactive-70), var(--kd-color-interactive-80-primary));--kd-color-background-loader-progress-background: light-dark(var(--kd-color-interactive-10), var(--kd-color-interactive-105));--kd-color-background-link-level-default-light: light-dark(var(--kd-color-interactive-70), var(--kd-color-interactive-70));--kd-color-background-link-level-hover-light: light-dark(var(--kd-color-interactive-60), var(--kd-color-interactive-60));--kd-color-background-link-level-pressed-light: light-dark(var(--kd-color-interactive-95), var(--kd-color-interactive-95));--kd-color-background-link-level-disabled-light: light-dark(var(--kd-color-opacity-dark-30), var(--kd-color-opacity-dark-30));--kd-color-background-link-ai-default: light-dark(var(--kd-color-spruce-60), var(--kd-color-spruce-20));--kd-color-background-link-ai-hover: light-dark(var(--kd-color-spruce-60), var(--kd-color-spruce-50));--kd-color-background-link-ai-pressed: light-dark(var(--kd-color-spruce-80), var(--kd-color-spruce-70));--kd-color-background-link-ai-focused: light-dark(var(--kd-color-spruce-60), var(--kd-color-spruce-20));--kd-color-background-link-ai-disabled: light-dark(var(--kd-color-opacity-dark-30), var(--kd-color-opacity-light-30));--kd-color-background-link-ai-secondary: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-10));--kd-color-background-menu-state-default: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-115));--kd-color-background-menu-state-focused: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-115));--kd-color-background-menu-state-hover: light-dark(var(--kd-color-spruce-50), var(--kd-color-spruce-70));--kd-color-background-menu-state-pressed: light-dark(var(--kd-color-spruce-90), var(--kd-color-spruce-90));--kd-color-background-menu-state-open: light-dark(var(--kd-color-interactive-10), var(--kd-color-interactive-105));--kd-color-background-menu-state-disabled: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-115));--kd-color-background-menu-state-category: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-115));--kd-color-background-menu-state-active: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-50));--kd-color-background-menu-state-ai-active: light-dark(var(--kd-color-warm-gray-10), var(--kd-color-interactive-105));--kd-color-background-menu-state-ai-category: light-dark(var(--kd-color-earth-10), var(--kd-color-interactive-115));--kd-color-background-menu-state-ai-default: light-dark(var(--kd-color-earth-10), var(--kd-color-interactive-115));--kd-color-background-menu-state-ai-disabled: light-dark(var(--kd-color-opacity-dark-5), var(--kd-color-opacity-light-5));--kd-color-background-menu-state-ai-focused: light-dark(var(--kd-color-warm-gray-10), var(--kd-color-interactive-110));--kd-color-background-menu-state-ai-hover: light-dark(var(--kd-color-warm-gray-20), var(--kd-color-cool-gray-80));--kd-color-background-menu-state-ai-open: light-dark(var(--kd-color-warm-gray-20), var(--kd-color-interactive-105));--kd-color-background-menu-state-ai-pressed: light-dark(var(--kd-color-dark-stone-30), var(--kd-color-interactive-90));--kd-color-text-level-primary: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-10));--kd-color-text-level-secondary: light-dark(var(--kd-color-dark-stone-60), var(--kd-color-dark-stone-20));--kd-color-text-level-tertiary: light-dark(var(--kd-color-interactive-90), var(--kd-color-spruce-30));--kd-color-text-level-tertiary-bold: light-dark(var(--kd-color-spruce-80), var(--kd-color-spruce-10));--kd-color-text-level-dark: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-80));--kd-color-text-level-light: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-white));--kd-color-text-level-disabled: light-dark(var(--kd-color-dark-stone-40), var(--kd-color-dark-stone-40));--kd-color-text-variant-brand: light-dark(var(--kd-color-warm-red-50-brand), var(--kd-color-warm-red-50-brand));--kd-color-text-variant-inversed: light-dark(var(--kd-color-neutral-white), var(--kd-color-dark-stone-90));--kd-color-text-variant-eyebrow: light-dark(var(--kd-color-spruce-50), var(--kd-color-spruce-30));--kd-color-text-variant-destructive: light-dark(var(--kd-color-misc-red-dark), var(--kd-color-misc-red-light));--kd-color-text-variant-placeholder: light-dark(var(--kd-color-dark-stone-50), var(--kd-color-dark-stone-50));--kd-color-text-link-level-default: light-dark(var(--kd-color-spruce-60), var(--kd-color-spruce-20));--kd-color-text-link-level-hover: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-50));--kd-color-text-link-level-pressed: light-dark(var(--kd-color-spruce-80), var(--kd-color-spruce-70));--kd-color-text-link-level-disabled: light-dark(var(--kd-color-opacity-dark-30), var(--kd-color-opacity-light-40));--kd-color-text-label-light-label: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-dark-stone-20));--kd-color-text-label-dark-label: light-dark(var(--kd-color-cool-gray-85), var(--kd-color-dark-stone-20));--kd-color-text-title-tertiary: light-dark(var(--kd-color-interactive-95), var(--kd-color-interactive-30));--kd-color-text-title-secondary: light-dark(var(--kd-color-interactive-105), var(--kd-color-interactive-15));--kd-color-text-title-primary: light-dark(var(--kd-color-interactive-115), var(--kd-color-interactive-5));--kd-color-text-title-ai-primary: light-dark(var(--kd-color-interactive-115), var(--kd-color-interactive-5));--kd-color-text-title-ai-secondary: light-dark(var(--kd-color-interactive-105), var(--kd-color-interactive-15));--kd-color-text-title-ai-tertiary: light-dark(var(--kd-color-spruce-60), var(--kd-color-spruce-20));--kd-color-text-forms-input-field-text: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-20));--kd-color-text-forms-label-secondary: light-dark(var(--kd-color-dark-stone-60), var(--kd-color-dark-stone-30));--kd-color-text-forms-label-primary: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-20));--kd-color-text-forms-disabled: light-dark(var(--kd-color-warm-gray-10), var(--kd-color-cool-gray-90));--kd-color-text-density-medium: light-dark(var(--kd-color-cool-gray-85), var(--kd-color-dark-stone-20));--kd-color-text-density-dark: light-dark(var(--kd-color-cool-gray-90), var(--kd-color-cool-gray-10));--kd-color-text-density-light: light-dark(var(--kd-color-cool-gray-8), var(--kd-color-opacity-light-86));--kd-color-text-density-darker: light-dark(var(--kd-color-interactive-120), var(--kd-color-neutral-white));--kd-color-text-button-light-primary: light-dark(var(--kd-color-interactive-110), var(--kd-color-interactive-10));--kd-color-text-button-light-destructive: light-dark(var(--kd-color-misc-red-dark), var(--kd-color-neutral-white));--kd-color-text-button-light-secondary: light-dark(var(--kd-color-spruce-50), var(--kd-color-spruce-30));--kd-color-text-button-light-tertiary: light-dark(var(--kd-color-spruce-50), var(--kd-color-spruce-30));--kd-color-text-button-light-disabled: light-dark(var(--kd-color-interactive-90), var(--kd-color-cool-gray-5));--kd-color-text-button-dark-primary: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-white));--kd-color-text-button-dark-destructive: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-white));--kd-color-text-button-dark-secondary: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-white));--kd-color-text-button-dark-tertiary: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-white));--kd-color-text-button-dark-disabled: light-dark(var(--kd-color-misc-red-light), var(--kd-color-misc-red-light));--kd-color-text-button-ai-default: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-20));--kd-color-text-status-red: light-dark(var(--kd-color-misc-red-dark), var(--kd-color-misc-red-50));--kd-color-text-status-amber: light-dark(var(--kd-color-misc-yellow-60), var(--kd-color-misc-yellow-dark));--kd-color-text-status-green: light-dark(var(--kd-color-misc-green-60), var(--kd-color-misc-green-30));--kd-color-text-status-blue: light-dark(var(--kd-color-misc-blue-115), var(--kd-color-misc-blue-110));--kd-color-icon-primary: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-cool-gray-10));--kd-color-icon-secondary: light-dark(var(--kd-color-dark-stone-60), var(--kd-color-cool-gray-30));--kd-color-icon-tertiary: light-dark(var(--kd-color-spruce-60), var(--kd-color-spruce-20));--kd-color-icon-inverse: light-dark(var(--kd-color-neutral-white), var(--kd-color-cool-gray-90));--kd-color-icon-brand: light-dark(var(--kd-color-warm-red-50-brand), var(--kd-color-warm-red-50-brand));--kd-color-icon-disabled: light-dark(var(--kd-color-dark-stone-40), var(--kd-color-dark-stone-40));--kd-color-icon-destructive: light-dark(var(--kd-color-warm-red-70), var(--kd-color-warm-red-40));--kd-color-icon-switcher-icon: light-dark(var(--kd-color-interactive-80-primary), var(--kd-color-interactive-60));--kd-color-icon-accent: light-dark(var(--kd-color-skye-30), var(--kd-color-skye-50));--kd-color-icon-duotone-primary: light-dark(var(--kd-color-cool-gray-80), var(--kd-color-cool-gray-10));--kd-color-icon-duotone-secondary: light-dark(var(--kd-color-warm-red-50-brand), var(--kd-color-warm-red-50-brand));--kd-color-icon-duotone-inverse-primary: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-dark-stone-10));--kd-color-icon-duotone-inverse-secondary: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-dark-stone-10));--kd-color-icon-dark: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-80));--kd-color-icon-light: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-dark-stone-10));--kd-color-icon-interactive-primary: light-dark(var(--kd-color-spruce-40), var(--kd-color-spruce-40));--kd-color-icon-interactive-secondary: light-dark(var(--kd-color-spruce-20), var(--kd-color-spruce-20));--kd-color-icon-ai-spruce: light-dark(var(--kd-color-spruce-60), var(--kd-color-spruce-20));--kd-color-icon-ai-red: light-dark(var(--kd-color-warm-red-40), var(--kd-color-warm-red-40));--kd-color-border-variants-light: light-dark(var(--kd-color-dark-stone-20), var(--kd-color-opacity-light-10));--kd-color-border-variants-focus: light-dark(var(--kd-color-spruce-40), var(--kd-color-spruce-40));--kd-color-border-variants-destructive: light-dark(var(--kd-color-warm-red-70), var(--kd-color-warm-red-30));--kd-color-border-variants-brand: light-dark(var(--kd-color-warm-red-50-brand), var(--kd-color-warm-red-50-brand));--kd-color-border-variants-inverse: light-dark(var(--kd-color-neutral-white), var(--kd-color-cool-gray-90));--kd-color-border-variants-transparent: light-dark(var(--kd-color-opacity-dark-0), var(--kd-color-opacity-dark-0));--kd-color-border-variants-ai: light-dark(var(--kd-color-warm-red-40), var(--kd-color-opacity-ai-warm-red-60));--kd-color-border-level-primary: light-dark(var(--kd-color-opacity-dark-30), var(--kd-color-opacity-light-30));--kd-color-border-level-secondary: light-dark(var(--kd-color-opacity-dark-20), var(--kd-color-opacity-light-20));--kd-color-border-level-tertiary: light-dark(var(--kd-color-opacity-dark-10), var(--kd-color-opacity-light-10));--kd-color-border-level-ai-primary: light-dark(var(--kd-color-ai-interactive-35), var(--kd-color-ai-interactive-30));--kd-color-border-level-ai-secondary: light-dark(var(--kd-color-ai-interactive-25), var(--kd-color-ai-interactive-50));--kd-color-border-level-ai-tertiary: light-dark(var(--kd-color-ai-interactive-10), var(--kd-color-ai-interactive-70));--kd-color-border-ui-pressed: light-dark(var(--kd-color-interactive-80-primary), var(--kd-color-interactive-10));--kd-color-border-ui-default: light-dark(var(--kd-color-opacity-dark-20), var(--kd-color-opacity-light-30));--kd-color-border-ui-hover: light-dark(var(--kd-color-interactive-60), var(--kd-color-interactive-20));--kd-color-border-ui-disabled: light-dark(var(--kd-color-opacity-dark-20), var(--kd-color-opacity-light-20));--kd-color-border-ui-error: light-dark(var(--kd-color-rag-error-100), var(--kd-color-rag-error-20));--kd-color-border-ui-component-border: light-dark(var(--kd-color-blush-60), var(--kd-color-interactive-50));--kd-color-border-accent-primary: light-dark(var(--kd-color-spring-green-20), var(--kd-color-spring-green-80));--kd-color-border-accent-secondary: light-dark(var(--kd-color-interactive-15), var(--kd-color-interactive-100));--kd-color-border-card-hover: light-dark(var(--kd-color-spruce-20), var(--kd-color-spruce-20));--kd-color-border-card-default: light-dark(var(--kd-color-opacity-dark-10), var(--kd-color-opacity-light-20));--kd-color-border-card-clickable: light-dark(var(--kd-color-spruce-40), var(--kd-color-spruce-40));--kd-color-border-forms-default: light-dark(var(--kd-color-dark-stone-30), var(--kd-color-cool-gray-70));--kd-color-border-button-primary-destructive-default: light-dark(var(--kd-color-warm-red-70), var(--kd-color-warm-red-80));--kd-color-border-button-primary-destructive-hover: light-dark(var(--kd-color-warm-red-60), var(--kd-color-warm-red-70));--kd-color-border-button-primary-destructive-pressed: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-90));--kd-color-border-button-primary-destructive-focused: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-20));--kd-color-border-button-primary-destructive-selected: light-dark(var(--kd-color-warm-red-90), var(--kd-color-warm-red-100));--kd-color-border-button-primary-state-pressed: light-dark(var(--kd-color-spruce-80), var(--kd-color-spruce-70));--kd-color-border-button-primary-state-hover: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-40));--kd-color-border-button-primary-state-focused: light-dark(var(--kd-color-spruce-40), var(--kd-color-spruce-50));--kd-color-border-button-primary-state-default: light-dark(var(--kd-color-spruce-50), var(--kd-color-spruce-60));--kd-color-border-button-primary-state-selected: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-90));--kd-color-border-button-secondary-state-pressed: light-dark(var(--kd-color-spruce-50), var(--kd-color-spruce-100));--kd-color-border-button-secondary-state-hover: light-dark(var(--kd-color-spruce-20), var(--kd-color-spruce-80));--kd-color-border-button-secondary-state-focused: light-dark(var(--kd-color-spruce-40), var(--kd-color-spruce-80));--kd-color-border-button-secondary-state-default: light-dark(var(--kd-color-spruce-10), var(--kd-color-spruce-90));--kd-color-border-button-secondary-state-selected: light-dark(var(--kd-color-spruce-30), var(--kd-color-spruce-80));--kd-color-border-button-secondary-destructive-default: light-dark(var(--kd-color-misc-red-10), var(--kd-color-misc-red-20));--kd-color-border-button-secondary-destructive-hover: light-dark(var(--kd-color-misc-red-20), var(--kd-color-misc-red-80));--kd-color-border-button-secondary-destructive-pressed: light-dark(var(--kd-color-misc-red-30), var(--kd-color-misc-red-90));--kd-color-border-button-secondary-destructive-focused: light-dark(var(--kd-color-misc-red-80), var(--kd-color-misc-red-30));--kd-color-border-button-secondary-destructive-selected: light-dark(var(--kd-color-misc-red-50), var(--kd-color-misc-red-70));--kd-color-border-button-tertiary-state-hover: light-dark(var(--kd-color-interactive-105), var(--kd-color-interactive-100));--kd-color-border-button-tertiary-state-focused: light-dark(var(--kd-color-interactive-110), var(--kd-color-interactive-115));--kd-color-border-button-tertiary-state-pressed: light-dark(var(--kd-color-interactive-115), var(--kd-color-interactive-110));--kd-color-border-button-tertiary-state-default: light-dark(var(--kd-color-interactive-95), var(--kd-color-interactive-105));--kd-color-border-button-tertiary-state-selected: light-dark(var(--kd-color-interactive-110), var(--kd-color-interactive-115));--kd-color-border-button-ai-state-default: light-dark(var(--kd-color-opacity-ai-warm-red-0), var(--kd-color-opacity-ai-warm-red-0));--kd-color-border-button-ai-state-focused: light-dark(var(--kd-color-warm-red-40), var(--kd-color-warm-red-40));--kd-color-border-button-ai-state-hover: light-dark(var(--kd-color-opacity-ai-warm-red-0), var(--kd-color-opacity-ai-warm-red-0));--kd-color-border-button-ai-state-pressed: light-dark(var(--kd-color-opacity-ai-warm-red-0), var(--kd-color-opacity-ai-warm-red-0));--kd-color-border-button-ai-state-selected: light-dark(var(--kd-color-opacity-ai-warm-red-0), var(--kd-color-opacity-ai-warm-red-0));--kd-color-border-button-ai-secondary-default: light-dark(var(--kd-color-spruce-20), var(--kd-color-spruce-60));--kd-color-border-button-ai-secondary-focused: light-dark(var(--kd-color-spruce-40), var(--kd-color-spruce-80));--kd-color-border-button-ai-secondary-hover: light-dark(var(--kd-color-spruce-30), var(--kd-color-spruce-50));--kd-color-border-button-ai-secondary-pressed: light-dark(var(--kd-color-spruce-50), var(--kd-color-spruce-80));--kd-color-border-button-ai-secondary-selected: light-dark(var(--kd-color-spruce-30), var(--kd-color-spruce-80));--kd-color-border-button-web-default: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-30));--kd-color-border-button-web-focused: light-dark(var(--kd-color-dark-stone-70), var(--kd-color-dark-stone-50));--kd-color-border-button-web-hover: light-dark(var(--kd-color-dark-stone-60), var(--kd-color-dark-stone-80));--kd-color-border-button-web-pressed: light-dark(var(--kd-color-dark-stone-100), var(--kd-color-dark-stone-90));--kd-color-border-button-web-selected: light-dark(var(--kd-color-dark-stone-70), var(--kd-color-dark-stone-50));--kd-color-border-dropshadow-ai: light-dark(var(--kd-color-warm-red-10), var(--kd-color-warm-red-100));--kd-color-border-container-hover: light-dark(var(--kd-color-spruce-40), var(--kd-color-spruce-40));--kd-color-border-container-selected: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-70));--kd-color-border-container-default: light-dark(var(--kd-color-opacity-dark-10), var(--kd-color-opacity-light-20));--kd-color-border-ai-default-gradient-start: light-dark(var(--kd-color-warm-red-40), var(--kd-color-warm-red-40));--kd-color-border-ai-default-gradient-end: light-dark(var(--kd-color-spruce-20), var(--kd-color-spruce-20));--kd-color-status-informational-light: light-dark(var(--kd-color-rag-information-20), var(--kd-color-rag-information-20));--kd-color-status-informational-dark: light-dark(var(--kd-color-rag-information-100), var(--kd-color-rag-information-100));--kd-color-status-informational-accent: light-dark(var(--kd-color-rag-information-10), var(--kd-color-spruce-70));--kd-color-status-informational-foreground: light-dark(var(--kd-color-rag-information-100), var(--kd-color-neutral-white));--kd-color-status-warning-light: light-dark(var(--kd-color-rag-warning-20), var(--kd-color-rag-warning-20));--kd-color-status-warning-dark: light-dark(var(--kd-color-rag-warning-100), var(--kd-color-rag-warning-100));--kd-color-status-warning-accent: light-dark(var(--kd-color-rag-warning-10), var(--kd-color-misc-yellow-30));--kd-color-status-warning-foreground: light-dark(var(--kd-color-rag-warning-100), var(--kd-color-neutral-white));--kd-color-status-warning-foreground---dark: light-dark(var(--kd-color-rag-warning-100), var(--kd-color-neutral-black));--kd-color-status-error-light: light-dark(var(--kd-color-rag-error-100), var(--kd-color-rag-error-20));--kd-color-status-error-dark: light-dark(var(--kd-color-rag-error-100), var(--kd-color-rag-error-20));--kd-color-status-error-accent: light-dark(var(--kd-color-misc-red-light), var(--kd-color-misc-red-80));--kd-color-status-error-critical-dark: light-dark(var(--kd-color-rag-critical-100), var(--kd-color-rag-critical-100));--kd-color-status-error-critical-light: light-dark(var(--kd-color-rag-critical-20), var(--kd-color-rag-critical-20));--kd-color-status-error-foreground: light-dark(var(--kd-color-rag-error-100), var(--kd-color-neutral-white));--kd-color-status-success-light: light-dark(var(--kd-color-rag-success-20), var(--kd-color-rag-success-20));--kd-color-status-success-dark: light-dark(var(--kd-color-rag-success-100), var(--kd-color-rag-success-100));--kd-color-status-success-accent: light-dark(var(--kd-color-rag-success-10), var(--kd-color-misc-green-60));--kd-color-status-success-foreground: light-dark(var(--kd-color-rag-success-100), var(--kd-color-neutral-white));--kd-color-status-neutral-light: light-dark(var(--kd-color-cool-gray-8), var(--kd-color-cool-gray-85));--kd-color-status-neutral-dark: light-dark(var(--kd-color-cool-gray-70), var(--kd-color-cool-gray-70));--kd-color-status-neutral-foreground: light-dark(var(--kd-color-cool-gray-95), var(--kd-color-neutral-white));--kd-color-data-viz-categorical-01-10: light-dark(var(--kd-color-lilac-20), var(--kd-color-lilac-30));--kd-color-data-viz-categorical-01-09: light-dark(var(--kd-color-blush-40), var(--kd-color-blush-10));--kd-color-data-viz-categorical-01-08: light-dark(var(--kd-color-amber-20), var(--kd-color-amber-30));--kd-color-data-viz-categorical-01-07: light-dark(var(--kd-color-jade-40), var(--kd-color-jade-10));--kd-color-data-viz-categorical-01-01: light-dark(var(--kd-color-sea-40), var(--kd-color-sea-40));--kd-color-data-viz-categorical-01-05: light-dark(var(--kd-color-lilac-40), var(--kd-color-lilac-10));--kd-color-data-viz-categorical-01-06: light-dark(var(--kd-color-sea-20), var(--kd-color-sea-20));--kd-color-data-viz-categorical-01-04: light-dark(var(--kd-color-blush-20), var(--kd-color-blush-30));--kd-color-data-viz-categorical-01-03: light-dark(var(--kd-color-amber-40), var(--kd-color-amber-10));--kd-color-data-viz-categorical-01-02: light-dark(var(--kd-color-jade-20), var(--kd-color-jade-30));--kd-color-data-viz-divergent-01-positive-10: light-dark(var(--kd-color-sea-10), var(--kd-color-sea-100));--kd-color-data-viz-divergent-01-positive-20: light-dark(var(--kd-color-sea-20), var(--kd-color-sea-90));--kd-color-data-viz-divergent-01-positive-30: light-dark(var(--kd-color-sea-30), var(--kd-color-sea-80));--kd-color-data-viz-divergent-01-positive-40: light-dark(var(--kd-color-sea-40), var(--kd-color-sea-70));--kd-color-data-viz-divergent-01-positive-50: light-dark(var(--kd-color-sea-50), var(--kd-color-sea-60));--kd-color-data-viz-divergent-01-positive-60: light-dark(var(--kd-color-sea-60), var(--kd-color-sea-50));--kd-color-data-viz-divergent-01-positive-70: light-dark(var(--kd-color-sea-70), var(--kd-color-sea-40));--kd-color-data-viz-divergent-01-positive-80: light-dark(var(--kd-color-sea-80), var(--kd-color-sea-30));--kd-color-data-viz-divergent-01-positive-90: light-dark(var(--kd-color-sea-90), var(--kd-color-sea-20));--kd-color-data-viz-divergent-01-positive-100: light-dark(var(--kd-color-sea-100), var(--kd-color-sea-10));--kd-color-data-viz-divergent-01-negative-10: light-dark(var(--kd-color-amber-10), var(--kd-color-amber-100));--kd-color-data-viz-divergent-01-negative-20: light-dark(var(--kd-color-amber-20), var(--kd-color-amber-90));--kd-color-data-viz-divergent-01-negative-30: light-dark(var(--kd-color-amber-30), var(--kd-color-amber-80));--kd-color-data-viz-divergent-01-negative-40: light-dark(var(--kd-color-amber-40), var(--kd-color-amber-70));--kd-color-data-viz-divergent-01-negative-50: light-dark(var(--kd-color-amber-50), var(--kd-color-amber-60));--kd-color-data-viz-divergent-01-negative-60: light-dark(var(--kd-color-amber-60), var(--kd-color-amber-50));--kd-color-data-viz-divergent-01-negative-70: light-dark(var(--kd-color-amber-70), var(--kd-color-amber-40));--kd-color-data-viz-divergent-01-negative-80: light-dark(var(--kd-color-amber-80), var(--kd-color-amber-30));--kd-color-data-viz-divergent-01-negative-90: light-dark(var(--kd-color-amber-90), var(--kd-color-amber-20));--kd-color-data-viz-divergent-01-negative-100: light-dark(var(--kd-color-amber-100), var(--kd-color-amber-10));--kd-color-data-viz-divergent-01-neutral: light-dark(var(--kd-color-neutral-div-01-neutral), var(--kd-color-dark-stone-80));--kd-color-data-viz-divergent-02-positive-10: light-dark(var(--kd-color-jade-10), var(--kd-color-jade-100));--kd-color-data-viz-divergent-02-positive-20: light-dark(var(--kd-color-jade-20), var(--kd-color-jade-90));--kd-color-data-viz-divergent-02-positive-30: light-dark(var(--kd-color-jade-30), var(--kd-color-jade-80));--kd-color-data-viz-divergent-02-positive-40: light-dark(var(--kd-color-jade-40), var(--kd-color-jade-70));--kd-color-data-viz-divergent-02-positive-50: light-dark(var(--kd-color-jade-50), var(--kd-color-jade-60));--kd-color-data-viz-divergent-02-positive-60: light-dark(var(--kd-color-jade-60), var(--kd-color-jade-50));--kd-color-data-viz-divergent-02-positive-70: light-dark(var(--kd-color-jade-70), var(--kd-color-jade-40));--kd-color-data-viz-divergent-02-positive-80: light-dark(var(--kd-color-jade-80), var(--kd-color-jade-30));--kd-color-data-viz-divergent-02-positive-90: light-dark(var(--kd-color-jade-90), var(--kd-color-jade-20));--kd-color-data-viz-divergent-02-positive-100: light-dark(var(--kd-color-jade-100), var(--kd-color-jade-10));--kd-color-data-viz-divergent-02-neutral: light-dark(var(--kd-color-neutral-div-02-neutral), var(--kd-color-dark-stone-80));--kd-color-data-viz-divergent-02-negative-10: light-dark(var(--kd-color-blush-10), var(--kd-color-blush-100));--kd-color-data-viz-divergent-02-negative-20: light-dark(var(--kd-color-blush-20), var(--kd-color-blush-90));--kd-color-data-viz-divergent-02-negative-30: light-dark(var(--kd-color-blush-30), var(--kd-color-blush-80));--kd-color-data-viz-divergent-02-negative-40: light-dark(var(--kd-color-blush-40), var(--kd-color-blush-70));--kd-color-data-viz-divergent-02-negative-50: light-dark(var(--kd-color-blush-50), var(--kd-color-blush-60));--kd-color-data-viz-divergent-02-negative-60: light-dark(var(--kd-color-blush-60), var(--kd-color-blush-50));--kd-color-data-viz-divergent-02-negative-70: light-dark(var(--kd-color-blush-70), var(--kd-color-blush-40));--kd-color-data-viz-divergent-02-negative-80: light-dark(var(--kd-color-blush-80), var(--kd-color-blush-30));--kd-color-data-viz-divergent-02-negative-90: light-dark(var(--kd-color-blush-90), var(--kd-color-blush-20));--kd-color-data-viz-divergent-02-negative-100: light-dark(var(--kd-color-blush-100), var(--kd-color-blush-10));--kd-color-data-viz-sequential-01-10: light-dark(var(--kd-color-sea-10), var(--kd-color-sea-100));--kd-color-data-viz-sequential-01-20: light-dark(var(--kd-color-sea-20), var(--kd-color-sea-90));--kd-color-data-viz-sequential-01-30: light-dark(var(--kd-color-sea-30), var(--kd-color-sea-80));--kd-color-data-viz-sequential-01-40: light-dark(var(--kd-color-sea-40), var(--kd-color-sea-70));--kd-color-data-viz-sequential-01-50: light-dark(var(--kd-color-sea-50), var(--kd-color-sea-60));--kd-color-data-viz-sequential-01-60: light-dark(var(--kd-color-sea-60), var(--kd-color-sea-50));--kd-color-data-viz-sequential-01-70: light-dark(var(--kd-color-sea-70), var(--kd-color-sea-40));--kd-color-data-viz-sequential-01-80: light-dark(var(--kd-color-sea-80), var(--kd-color-sea-30));--kd-color-data-viz-sequential-01-90: light-dark(var(--kd-color-sea-90), var(--kd-color-sea-20));--kd-color-data-viz-sequential-01-100: light-dark(var(--kd-color-sea-100), var(--kd-color-sea-10));--kd-color-data-viz-sequential-02-10: light-dark(var(--kd-color-jade-10), var(--kd-color-jade-100));--kd-color-data-viz-sequential-02-20: light-dark(var(--kd-color-jade-20), var(--kd-color-jade-90));--kd-color-data-viz-sequential-02-30: light-dark(var(--kd-color-jade-30), var(--kd-color-jade-80));--kd-color-data-viz-sequential-02-40: light-dark(var(--kd-color-jade-40), var(--kd-color-jade-70));--kd-color-data-viz-sequential-02-50: light-dark(var(--kd-color-jade-50), var(--kd-color-jade-60));--kd-color-data-viz-sequential-02-60: light-dark(var(--kd-color-jade-60), var(--kd-color-jade-50));--kd-color-data-viz-sequential-02-70: light-dark(var(--kd-color-jade-70), var(--kd-color-jade-40));--kd-color-data-viz-sequential-02-80: light-dark(var(--kd-color-jade-80), var(--kd-color-jade-30));--kd-color-data-viz-sequential-02-90: light-dark(var(--kd-color-jade-90), var(--kd-color-jade-20));--kd-color-data-viz-sequential-02-100: light-dark(var(--kd-color-jade-100), var(--kd-color-jade-10));--kd-color-data-viz-sequential-03-10: light-dark(var(--kd-color-amber-10), var(--kd-color-amber-100));--kd-color-data-viz-sequential-03-20: light-dark(var(--kd-color-amber-20), var(--kd-color-amber-90));--kd-color-data-viz-sequential-03-30: light-dark(var(--kd-color-amber-30), var(--kd-color-amber-80));--kd-color-data-viz-sequential-03-40: light-dark(var(--kd-color-amber-40), var(--kd-color-amber-70));--kd-color-data-viz-sequential-03-50: light-dark(var(--kd-color-amber-50), var(--kd-color-amber-60));--kd-color-data-viz-sequential-03-60: light-dark(var(--kd-color-amber-60), var(--kd-color-amber-50));--kd-color-data-viz-sequential-03-70: light-dark(var(--kd-color-amber-70), var(--kd-color-amber-40));--kd-color-data-viz-sequential-03-80: light-dark(var(--kd-color-amber-80), var(--kd-color-amber-30));--kd-color-data-viz-sequential-03-90: light-dark(var(--kd-color-amber-90), var(--kd-color-amber-20));--kd-color-data-viz-sequential-03-100: light-dark(var(--kd-color-amber-100), var(--kd-color-amber-10));--kd-color-data-viz-sequential-04-10: light-dark(var(--kd-color-blush-10), var(--kd-color-blush-100));--kd-color-data-viz-sequential-04-20: light-dark(var(--kd-color-blush-20), var(--kd-color-blush-90));--kd-color-data-viz-sequential-04-30: light-dark(var(--kd-color-blush-30), var(--kd-color-blush-80));--kd-color-data-viz-sequential-04-40: light-dark(var(--kd-color-blush-40), var(--kd-color-blush-70));--kd-color-data-viz-sequential-04-50: light-dark(var(--kd-color-blush-50), var(--kd-color-blush-60));--kd-color-data-viz-sequential-04-60: light-dark(var(--kd-color-blush-60), var(--kd-color-blush-50));--kd-color-data-viz-sequential-04-70: light-dark(var(--kd-color-blush-70), var(--kd-color-blush-40));--kd-color-data-viz-sequential-04-80: light-dark(var(--kd-color-blush-80), var(--kd-color-blush-30));--kd-color-data-viz-sequential-04-90: light-dark(var(--kd-color-blush-90), var(--kd-color-blush-20));--kd-color-data-viz-sequential-04-100: light-dark(var(--kd-color-blush-100), var(--kd-color-blush-10));--kd-color-data-viz-sequential-05-10: light-dark(var(--kd-color-lilac-10), var(--kd-color-lilac-100));--kd-color-data-viz-sequential-05-20: light-dark(var(--kd-color-lilac-20), var(--kd-color-lilac-90));--kd-color-data-viz-sequential-05-30: light-dark(var(--kd-color-lilac-30), var(--kd-color-lilac-80));--kd-color-data-viz-sequential-05-40: light-dark(var(--kd-color-lilac-40), var(--kd-color-lilac-70));--kd-color-data-viz-sequential-05-50: light-dark(var(--kd-color-lilac-50), var(--kd-color-lilac-60));--kd-color-data-viz-sequential-05-60: light-dark(var(--kd-color-lilac-60), var(--kd-color-lilac-50));--kd-color-data-viz-sequential-05-70: light-dark(var(--kd-color-lilac-70), var(--kd-color-lilac-40));--kd-color-data-viz-sequential-05-80: light-dark(var(--kd-color-lilac-80), var(--kd-color-lilac-30));--kd-color-data-viz-sequential-05-90: light-dark(var(--kd-color-lilac-90), var(--kd-color-lilac-20));--kd-color-data-viz-sequential-05-100: light-dark(var(--kd-color-lilac-100), var(--kd-color-lilac-10));--kd-color-data-viz-rag-3-warning: light-dark(var(--kd-color-rag-warning-100), var(--kd-color-rag-warning-100));--kd-color-data-viz-rag-3-error: light-dark(var(--kd-color-rag-error-100), var(--kd-color-rag-error-100));--kd-color-data-viz-rag-3-success: light-dark(var(--kd-color-rag-success-100), var(--kd-color-rag-success-100));--kd-color-data-viz-rag-8-success-light: light-dark(var(--kd-color-rag-success-20), var(--kd-color-rag-success-20));--kd-color-data-viz-rag-8-success: light-dark(var(--kd-color-rag-success-100), var(--kd-color-rag-success-100));--kd-color-data-viz-rag-8-error-light: light-dark(var(--kd-color-rag-error-20), var(--kd-color-rag-error-20));--kd-color-data-viz-rag-8-warning-light: light-dark(var(--kd-color-rag-warning-20), var(--kd-color-rag-warning-20));--kd-color-data-viz-rag-8-error: light-dark(var(--kd-color-rag-error-100), var(--kd-color-rag-error-100));--kd-color-data-viz-rag-8-warning: light-dark(var(--kd-color-rag-warning-100), var(--kd-color-rag-warning-100));--kd-color-data-viz-rag-8-informational-light: light-dark(var(--kd-color-rag-information-20), var(--kd-color-rag-information-20));--kd-color-data-viz-rag-8-informational: light-dark(var(--kd-color-rag-information-100), var(--kd-color-rag-information-100));--kd-color-data-viz-level-secondary: light-dark(var(--kd-color-warm-gray-30), var(--kd-color-warm-gray-60));--kd-color-data-viz-level-primary: light-dark(var(--kd-color-warm-gray-40), var(--kd-color-warm-gray-30));--kd-color-data-viz-neutral-border-primary: light-dark(var(--kd-color-opacity-dark-85), var(--kd-color-opacity-light-86));--kd-color-data-viz-neutral-border-secondary: light-dark(var(--kd-color-opacity-dark-20), var(--kd-color-opacity-light-30));--kd-color-data-viz-neutral-background-color: light-dark(var(--kd-color-cool-gray-3), var(--kd-color-cool-gray-80));--kd-color-utility-interactive-graphic-alt: light-dark(var(--kd-color-cool-gray-30), var(--kd-color-cool-gray-60));--kd-color-utility-interactive-graphic: light-dark(var(--kd-color-cool-gray-20), var(--kd-color-cool-gray-80));--kd-color-utility-elevation-default-1: light-dark(var(--kd-color-opacity-dark-10), var(--kd-color-opacity-dark-10));--kd-color-utility-elevation-default-2: light-dark(var(--kd-color-opacity-dark-3), var(--kd-color-opacity-dark-3));--kd-color-utility-elevation-default-l1: light-dark(var(--kd-color-opacity-dark-20), var(--kd-color-opacity-dark-20));--kd-color-utility-elevation-default-l2: light-dark(var(--kd-color-opacity-dark-30), var(--kd-color-opacity-dark-30));--kd-color-utility-elevation-default-l2---overflow: light-dark(var(--kd-color-opacity-dark-50), var(--kd-color-opacity-dark-50));--kd-color-utility-elevation-default-l3: light-dark(var(--kd-color-opacity-dark-25), var(--kd-color-opacity-dark-25));--kd-color-utility-elevation-default-l4: light-dark(var(--kd-color-opacity-dark-15), var(--kd-color-opacity-dark-15));--kd-color-utility-elevation-ai-l1: light-dark(var(--kd-color-opacity-ai-warm-red-20), var(--kd-color-opacity-ai-warm-red-20));--kd-color-utility-elevation-ai-l2: light-dark(var(--kd-color-opacity-ai-warm-red-30), var(--kd-color-opacity-ai-warm-red-30));--kd-color-utility-elevation-ai-l2---overflow: light-dark(var(--kd-color-opacity-ai-warm-red-50), var(--kd-color-opacity-ai-warm-red-50));--kd-color-utility-elevation-ai-l3: light-dark(var(--kd-color-opacity-ai-warm-red-25), var(--kd-color-opacity-ai-warm-red-25));--kd-color-utility-elevation-ai-l4: light-dark(var(--kd-color-opacity-ai-warm-red-15), var(--kd-color-opacity-ai-warm-red-15));--kd-color-utility-variant-border: light-dark(var(--kd-color-border-accent-primary), var(--kd-color-border-accent-primary));--kd-color-states-disabled-label: light-dark(var(--kd-color-warm-gray-50), var(--kd-color-warm-gray-50));--kd-color-states-static-solid-label: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-cool-gray-5));--kd-color-states-disabled: light-dark(var(--kd-color-dark-stone-20), var(--kd-color-dark-stone-80));--kd-color-states-static: light-dark(var(--kd-color-cool-gray-95), var(--kd-color-cool-gray-5));--kd-color-main-palette-accent: light-dark(var(--kd-color-warm-red-50-brand), var(--kd-color-warm-red-50-brand));--kd-color-main-palette-secondary: light-dark(var(--kd-color-spruce-60), var(--kd-color-spruce-20));--kd-color-main-palette-tertiary: light-dark(var(--kd-color-spring-green-20), var(--kd-color-spring-green-80));--kd-color-main-palette-primary: light-dark(var(--kd-color-interactive-70), var(--kd-color-interactive-70));--kd-color-container-footer: light-dark(var(--kd-color-interactive-10), var(--kd-color-interactive-105));--kd-color-container-interactive-flat: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-107));--kd-color-container-utility: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-105));--kd-color-date-and-time-picker-text-placeholder: light-dark(var(--kd-color-dark-stone-60), var(--kd-color-dark-stone-20));--kd-color-date-and-time-picker-text-default: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-10));--kd-color-date-and-time-picker-text-secondary: light-dark(var(--kd-color-dark-stone-40), var(--kd-color-dark-stone-40));--kd-color-date-and-time-picker-text-title: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-10));--kd-color-date-and-time-picker-text-inverse: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-black));--kd-color-date-and-time-picker-text-dark: light-dark(var(--kd-color-neutral-black), var(--kd-color-neutral-black));--kd-color-date-and-time-picker-text-light: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-white));--kd-color-date-and-time-picker-icon-default: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-cool-gray-10));--kd-color-date-and-time-picker-background-container: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-105));--kd-color-date-and-time-picker-background-hover: light-dark(var(--kd-color-interactive-10), var(--kd-color-interactive-60));--kd-color-date-and-time-picker-background-default: light-dark(var(--kd-color-interactive-80-primary), var(--kd-color-cool-gray-10));--kd-color-date-and-time-picker-background-pressed: light-dark(var(--kd-color-interactive-20), var(--kd-color-interactive-60));--kd-color-date-and-time-picker-background-container-2: light-dark(var(--kd-color-interactive-10), var(--kd-color-interactive-107));--kd-color-date-and-time-picker-border-focus: light-dark(var(--kd-color-interactive-60), var(--kd-color-interactive-20));--kd-color-code-view-builtin: light-dark(var(--kd-color-jade-80), var(--kd-color-jade-20));--kd-color-code-view-boolean: light-dark(var(--kd-color-warm-red-90), var(--kd-color-warm-red-10));--kd-color-code-view-background: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-cool-gray-90));--kd-color-code-view-languagestring: light-dark(var(--kd-color-amber-90), var(--kd-color-amber-10));--kd-color-code-view-variable: light-dark(var(--kd-color-amber-90), var(--kd-color-amber-10));--kd-color-code-view-unit: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-10));--kd-color-code-view-tag: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-10));--kd-color-code-view-symbol: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-10));--kd-color-code-view-string: light-dark(var(--kd-color-jade-80), var(--kd-color-jade-20));--kd-color-code-view-punctuation: light-dark(var(--kd-color-cool-gray-60), var(--kd-color-cool-gray-20));--kd-color-code-view-attribute: light-dark(var(--kd-color-sea-80), var(--kd-color-sea-10));--kd-color-code-view-pseudo-class: light-dark(var(--kd-color-sea-80), var(--kd-color-sea-10));--kd-color-code-view-selector: light-dark(var(--kd-color-jade-80), var(--kd-color-jade-20));--kd-color-code-view-number: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-10));--kd-color-code-view-inserted: light-dark(var(--kd-color-jade-80), var(--kd-color-jade-20));--kd-color-code-view-important: light-dark(var(--kd-color-amber-70), var(--kd-color-amber-20));--kd-color-code-view-property: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-10));--kd-color-code-view-prolog: light-dark(var(--kd-color-cool-gray-60), var(--kd-color-cool-gray-20));--kd-color-code-view-hexcode: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-10));--kd-color-code-view-operator: light-dark(var(--kd-color-amber-90), var(--kd-color-amber-10));--kd-color-code-view-id: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-10));--kd-color-code-view-doctype: light-dark(var(--kd-color-cool-gray-60), var(--kd-color-cool-gray-30));--kd-color-code-view-parameter: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-neutral-white));--kd-color-code-view-char: light-dark(var(--kd-color-jade-80), var(--kd-color-jade-20));--kd-color-code-view-deleted: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-10));--kd-color-code-view-class: light-dark(var(--kd-color-jade-80), var(--kd-color-jade-20));--kd-color-code-view-attr-value: light-dark(var(--kd-color-sea-80), var(--kd-color-sea-10));--kd-color-code-view-entity: light-dark(var(--kd-color-amber-90), var(--kd-color-amber-10));--kd-color-code-view-cdata: light-dark(var(--kd-color-cool-gray-60), var(--kd-color-cool-gray-30));--kd-color-code-view-default: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-neutral-white));--kd-color-code-view-function: light-dark(var(--kd-color-blush-70), var(--kd-color-blush-20));--kd-color-code-view-constant: light-dark(var(--kd-color-warm-red-80), var(--kd-color-warm-red-10));--kd-color-code-view-pseudo-element: light-dark(var(--kd-color-sea-80), var(--kd-color-sea-10));--kd-color-code-view-class-name: light-dark(var(--kd-color-blush-70), var(--kd-color-blush-20));--kd-color-code-view-comment: light-dark(var(--kd-color-cool-gray-60), var(--kd-color-cool-gray-20));--kd-color-code-view-attr-name: light-dark(var(--kd-color-jade-80), var(--kd-color-jade-20));--kd-color-code-view-url: light-dark(var(--kd-color-amber-90), var(--kd-color-amber-10));--kd-color-code-view-keyword: light-dark(var(--kd-color-sea-80), var(--kd-color-sea-10));--kd-color-code-view-regex: light-dark(var(--kd-color-amber-70), var(--kd-color-amber-20));--kd-color-code-view-atrule: light-dark(var(--kd-color-sea-80), var(--kd-color-sea-10));--kd-color-code-view-console: light-dark(var(--kd-color-blush-70), var(--kd-color-blush-20));--kd-color-code-view-method: light-dark(var(--kd-color-blush-70), var(--kd-color-blush-20));--kd-color-code-view-language-javascript: light-dark(var(--kd-color-amber-90), var(--kd-color-amber-10));--kd-color-tag-background-default: light-dark(var(--kd-color-earth-10), var(--kd-color-warm-gray-90));--kd-color-tag-background-spruce: light-dark(var(--kd-color-spruce-15), var(--kd-color-warm-gray-90));--kd-color-tag-background-sea: light-dark(var(--kd-color-sea-15), var(--kd-color-warm-gray-90));--kd-color-tag-background-lilac: light-dark(var(--kd-color-lilac-05), var(--kd-color-warm-gray-90));--kd-color-tag-background-ai: light-dark(var(--kd-color-spruce-15), var(--kd-color-spruce-80));--kd-color-tag-background-disabled: light-dark(var(--kd-color-warm-gray-10), var(--kd-color-warm-gray-90));--kd-color-tag-background-red: light-dark(var(--kd-color-warm-red-10), var(--kd-color-warm-gray-90));--kd-color-tag-text-default: light-dark(var(--kd-color-text-level-primary), var(--kd-color-earth-20));--kd-color-tag-text-disabled: light-dark(var(--kd-color-text-level-disabled), var(--kd-color-text-level-disabled));--kd-color-tag-text-sea: light-dark(var(--kd-color-sea-90), var(--kd-color-sea-20));--kd-color-tag-text-ai: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-20));--kd-color-tag-text-lilac: light-dark(var(--kd-color-lilac-90), var(--kd-color-lilac-20));--kd-color-tag-text-spruce: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-20));--kd-color-tag-text-red: light-dark(var(--kd-color-warm-red-70), var(--kd-color-warm-red-20));--kd-color-tag-border-default: light-dark(var(--kd-color-earth-20), var(--kd-color-warm-gray-80));--kd-color-tag-border-ai: light-dark(var(--kd-color-spruce-30), var(--kd-color-spruce-50));--kd-color-tag-border-spruce: light-dark(var(--kd-color-spruce-20), var(--kd-color-warm-gray-80));--kd-color-tag-border-sea: light-dark(var(--kd-color-sea-20), var(--kd-color-warm-gray-80));--kd-color-tag-border-lilac: light-dark(var(--kd-color-lilac-20), var(--kd-color-warm-gray-80));--kd-color-tag-border-disabled: light-dark(var(--kd-color-warm-gray-20), var(--kd-color-warm-gray-90));--kd-color-tag-border-red: light-dark(var(--kd-color-warm-red-20), var(--kd-color-warm-red-20));--kd-color-tag-icon-default: light-dark(var(--kd-color-icon-primary), var(--kd-color-earth-20));--kd-color-tag-icon-spruce: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-20));--kd-color-tag-icon-sea: light-dark(var(--kd-color-sea-90), var(--kd-color-sea-20));--kd-color-tag-icon-lilac: light-dark(var(--kd-color-lilac-90), var(--kd-color-lilac-20));--kd-color-tag-icon-ai: light-dark(var(--kd-color-spruce-70), var(--kd-color-spruce-20));--kd-color-tag-icon-disabled: light-dark(var(--kd-color-icon-disabled), var(--kd-color-icon-disabled));--kd-color-tag-icon-red: light-dark(var(--kd-color-warm-red-70), var(--kd-color-warm-red-20));--kd-color-tag-hover-default: light-dark(var(--kd-color-earth-20), var(--kd-color-warm-gray-70));--kd-color-tag-hover-spruce: light-dark(var(--kd-color-spruce-20), var(--kd-color-warm-gray-70));--kd-color-tag-hover-sea: light-dark(var(--kd-color-sea-20), var(--kd-color-warm-gray-70));--kd-color-tag-hover-ai: light-dark(var(--kd-color-spruce-20), var(--kd-color-spruce-90));--kd-color-tag-hover-liliac: light-dark(var(--kd-color-lilac-10), var(--kd-color-warm-gray-70));--kd-color-tag-hover-red: light-dark(var(--kd-color-warm-red-20), var(--kd-color-warm-gray-70));--kd-color-badge-heavy-background-critical: light-dark(var(--kd-color-rag-critical-100), var(--kd-color-rag-critical-100));--kd-color-badge-heavy-background-error: light-dark(var(--kd-color-rag-error-100), var(--kd-color-rag-error-100));--kd-color-badge-heavy-background-warning: light-dark(var(--kd-color-rag-warning-100), var(--kd-color-rag-warning-100));--kd-color-badge-heavy-background-success: light-dark(var(--kd-color-rag-success-110), var(--kd-color-rag-success-110));--kd-color-badge-heavy-background-information: light-dark(var(--kd-color-rag-information-110), var(--kd-color-rag-information-110));--kd-color-badge-heavy-background-others: light-dark(var(--kd-color-earth-20), var(--kd-color-earth-20));--kd-color-badge-heavy-text-critical: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-white));--kd-color-badge-heavy-text-error: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-white));--kd-color-badge-heavy-text-warning: light-dark(var(--kd-color-text-level-dark), var(--kd-color-text-level-dark));--kd-color-badge-heavy-text-success: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-white));--kd-color-badge-heavy-text-information: light-dark(var(--kd-color-neutral-white), var(--kd-color-neutral-white));--kd-color-badge-heavy-text-others: light-dark(var(--kd-color-text-level-dark), var(--kd-color-text-level-dark));--kd-color-badge-heavy-icon-critical: light-dark(var(--kd-color-icon-light), var(--kd-color-icon-light));--kd-color-badge-heavy-icon-information: light-dark(var(--kd-color-icon-light), var(--kd-color-icon-light));--kd-color-badge-heavy-icon-success: light-dark(var(--kd-color-icon-light), var(--kd-color-icon-light));--kd-color-badge-heavy-icon-warning: light-dark(var(--kd-color-icon-dark), var(--kd-color-icon-dark));--kd-color-badge-heavy-icon-others: light-dark(var(--kd-color-icon-dark), var(--kd-color-icon-dark));--kd-color-badge-heavy-icon-error: light-dark(var(--kd-color-icon-light), var(--kd-color-icon-light));--kd-color-badge-medium-text-critical: light-dark(var(--kd-color-warm-red-90), var(--kd-color-warm-red-10));--kd-color-badge-medium-text-error: light-dark(var(--kd-color-warm-red-70), var(--kd-color-warm-red-10));--kd-color-badge-medium-text-warning: light-dark(var(--kd-color-amber-80), var(--kd-color-amber-10));--kd-color-badge-medium-text-success: light-dark(var(--kd-color-spring-green-70), var(--kd-color-rag-success-15));--kd-color-badge-medium-text-information: light-dark(var(--kd-color-rag-information-110), var(--kd-color-rag-information-10));--kd-color-badge-medium-text-others: light-dark(var(--kd-color-text-level-primary), var(--kd-color-text-level-primary));--kd-color-badge-medium-background-critical: light-dark(var(--kd-color-rag-critical-10), var(--kd-color-rag-critical-110));--kd-color-badge-medium-background-error: light-dark(var(--kd-color-rag-error-10), var(--kd-color-rag-error-110));--kd-color-badge-medium-background-warning: light-dark(var(--kd-color-rag-warning-10), var(--kd-color-rag-warning-110));--kd-color-badge-medium-background-success: light-dark(var(--kd-color-rag-success-10), var(--kd-color-rag-success-110));--kd-color-badge-medium-background-information: light-dark(var(--kd-color-rag-information-10), var(--kd-color-rag-information-110));--kd-color-badge-medium-background-others: light-dark(var(--kd-color-earth-10), var(--kd-color-earth-80));--kd-color-badge-medium-icon-others: light-dark(var(--kd-color-icon-primary), var(--kd-color-icon-primary));--kd-color-badge-medium-icon-critical: light-dark(var(--kd-color-warm-red-90), var(--kd-color-warm-red-10));--kd-color-badge-medium-icon-success: light-dark(var(--kd-color-spring-green-70), var(--kd-color-rag-success-15));--kd-color-badge-medium-icon-error: light-dark(var(--kd-color-warm-red-70), var(--kd-color-warm-red-10));--kd-color-badge-medium-icon-information: light-dark(var(--kd-color-rag-information-110), var(--kd-color-rag-information-10));--kd-color-badge-medium-icon-warning: light-dark(var(--kd-color-amber-80), var(--kd-color-amber-10));--kd-color-badge-medium-border-critical: light-dark(var(--kd-color-warm-red-90), var(--kd-color-blush-80));--kd-color-badge-medium-border-error: light-dark(var(--kd-color-warm-red-70), var(--kd-color-warm-red-40));--kd-color-badge-medium-border-warning: light-dark(var(--kd-color-amber-50), var(--kd-color-amber-20));--kd-color-badge-medium-border-success: light-dark(var(--kd-color-spring-green-40), var(--kd-color-spring-green-40));--kd-color-badge-medium-border-information: light-dark(var(--kd-color-rag-information-100), var(--kd-color-rag-information-10));--kd-color-badge-medium-border-others: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-dark-stone-10));--kd-color-badge-light-text-critical: light-dark(var(--kd-color-warm-red-90), var(--kd-color-misc-red-40));--kd-color-badge-light-text-error: light-dark(var(--kd-color-warm-red-70), var(--kd-color-warm-red-20));--kd-color-badge-light-text-warning: light-dark(var(--kd-color-amber-80), var(--kd-color-amber-20));--kd-color-badge-light-text-success: light-dark(var(--kd-color-spring-green-60), var(--kd-color-spring-green-10));--kd-color-badge-light-text-information: light-dark(var(--kd-color-rag-information-110), var(--kd-color-rag-information-20));--kd-color-badge-light-text-others: light-dark(var(--kd-color-text-level-primary), var(--kd-color-text-level-primary));--kd-color-badge-light-background-critical: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-warm-gray-90));--kd-color-badge-light-background-error: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-warm-gray-90));--kd-color-badge-light-background-warning: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-warm-gray-90));--kd-color-badge-light-background-success: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-warm-gray-90));--kd-color-badge-light-background-information: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-warm-gray-90));--kd-color-badge-light-background-others: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-warm-gray-90));--kd-color-badge-light-icon-critical: light-dark(var(--kd-color-warm-red-90), var(--kd-color-misc-red-40));--kd-color-badge-light-icon-error: light-dark(var(--kd-color-warm-red-70), var(--kd-color-warm-red-20));--kd-color-badge-light-icon-warning: light-dark(var(--kd-color-amber-50), var(--kd-color-amber-20));--kd-color-badge-light-icon-success: light-dark(var(--kd-color-spring-green-40), var(--kd-color-spring-green-10));--kd-color-badge-light-icon-information: light-dark(var(--kd-color-rag-information-100), var(--kd-color-rag-information-20));--kd-color-badge-light-icon-others: light-dark(var(--kd-color-text-level-primary), var(--kd-color-text-level-primary));--kd-color-tags-background-blue: light-dark(var(--kd-color-rag-information-20), var(--kd-color-rag-information-20));--kd-color-tags-background-warning: light-dark(var(--kd-color-rag-warning-20), var(--kd-color-rag-warning-20));--kd-color-tags-background-success: light-dark(var(--kd-color-rag-success-20), var(--kd-color-rag-success-20));--kd-color-tags-background-error: light-dark(var(--kd-color-rag-error-20), var(--kd-color-rag-error-20));--kd-color-tags-background-disabled: light-dark(var(--kd-color-warm-gray-10), var(--kd-color-warm-gray-80));--kd-color-tags-background-cat-6: light-dark(var(--kd-color-ai-interactive-10), var(--kd-color-ai-interactive-15));--kd-color-tags-background-spruce: light-dark(var(--kd-color-spruce-10), var(--kd-color-spruce-20));--kd-color-tags-background-interactive: light-dark(var(--kd-color-earth-10), var(--kd-color-interactive-15));--kd-color-tags-background-cat-4: light-dark(var(--kd-color-blush-10), var(--kd-color-blush-30));--kd-color-tags-background-cat-3: light-dark(var(--kd-color-amber-10), var(--kd-color-amber-30));--kd-color-tags-background-error-dark: light-dark(var(--kd-color-rag-error-100), var(--kd-color-rag-error-100));--kd-color-tags-background-warning-dark: light-dark(var(--kd-color-rag-warning-100), var(--kd-color-rag-warning-100));--kd-color-tags-background-cat-2: light-dark(var(--kd-color-jade-10), var(--kd-color-jade-30));--kd-color-tags-background-success-dark: light-dark(var(--kd-color-rag-success-100), var(--kd-color-rag-success-100));--kd-color-tags-background-cat-5: light-dark(var(--kd-color-lilac-10), var(--kd-color-lilac-30));--kd-color-tags-background-critical-light: light-dark(var(--kd-color-rag-critical-20), var(--kd-color-rag-critical-20));--kd-color-tags-background-information-dark: light-dark(var(--kd-color-rag-information-100), var(--kd-color-rag-information-100));--kd-color-tags-background-cat-1: light-dark(var(--kd-color-sea-10), var(--kd-color-sea-10));--kd-color-tags-background-gray: light-dark(var(--kd-color-cool-gray-10), var(--kd-color-cool-gray-10));--kd-color-tags-background-critical-dark: light-dark(var(--kd-color-rag-critical-100), var(--kd-color-rag-critical-100));--kd-color-tags-hover-cat-6: light-dark(var(--kd-color-ai-interactive-15), var(--kd-color-ai-interactive-25));--kd-color-tags-hover-cat-4: light-dark(var(--kd-color-blush-20), var(--kd-color-blush-40));--kd-color-tags-hover-cat-3: light-dark(var(--kd-color-amber-20), var(--kd-color-amber-40));--kd-color-tags-hover-cat-2: light-dark(var(--kd-color-jade-20), var(--kd-color-jade-40));--kd-color-tags-hover-cat-1: light-dark(var(--kd-color-sea-20), var(--kd-color-sea-20));--kd-color-tags-hover-cat-5: light-dark(var(--kd-color-lilac-20), var(--kd-color-lilac-40));--kd-color-tags-hover-blue-dark: light-dark(var(--kd-color-rag-information-20), var(--kd-color-rag-information-20));--kd-color-tags-hover-warning: light-dark(var(--kd-color-rag-warning-20), var(--kd-color-rag-warning-20));--kd-color-tags-hover-warning-light: light-dark(var(--kd-color-rag-warning-100), var(--kd-color-rag-warning-100));--kd-color-tags-hover-critical-dark: light-dark(var(--kd-color-rag-critical-20), var(--kd-color-rag-critical-20));--kd-color-tags-hover-success: light-dark(var(--kd-color-rag-success-20), var(--kd-color-rag-success-20));--kd-color-tags-hover-critical-light: light-dark(var(--kd-color-rag-critical-100), var(--kd-color-rag-critical-100));--kd-color-tags-hover-interactive: light-dark(var(--kd-color-interactive-30), var(--kd-color-interactive-30));--kd-color-tags-hover-blue: light-dark(var(--kd-color-rag-information-100), var(--kd-color-rag-information-100));--kd-color-tags-hover-error-light: light-dark(var(--kd-color-rag-error-100), var(--kd-color-rag-error-100));--kd-color-tags-hover-success-light: light-dark(var(--kd-color-rag-success-100), var(--kd-color-rag-success-100));--kd-color-tags-hover-gray: light-dark(var(--kd-color-cool-gray-20), var(--kd-color-cool-gray-30));--kd-color-tags-hover-spruce: light-dark(var(--kd-color-spruce-20), var(--kd-color-spruce-30));--kd-color-tags-hover-error: light-dark(var(--kd-color-rag-error-20), var(--kd-color-rag-error-20));--kd-color-ai-interactive-10: #d4d4e8;--kd-color-ai-interactive-15: #bbbbdb;--kd-color-ai-interactive-20: #a2a2ce;--kd-color-ai-interactive-25: #8988c0;--kd-color-ai-interactive-30: #706fb3;--kd-color-ai-interactive-35: #5756a6;--kd-color-ai-interactive-40: #484786;--kd-color-ai-interactive-45: #403f74;--kd-color-ai-interactive-50: #373662;--kd-color-ai-interactive-60: #2f2e50;--kd-color-ai-interactive-70: #26263f;--kd-color-ai-interactive-75: #1a1924;--kd-color-ai-interactive-80: #15151b;--kd-color-ai-interactive-90: #121219;--kd-color-ai-interactive-100: #0e0e17;--kd-color-ai-interactive-shadow-light-15: #8988c026;--kd-color-ai-interactive-shadow-light-20: #8988c033;--kd-color-ai-interactive-shadow-light-30: #8988c04d;--kd-color-ai-interactive-shadow-light-50: #8988c080;--kd-color-ai-interactive-shadow-dark-15: #37366226;--kd-color-ai-interactive-shadow-dark-20: #37366233;--kd-color-ai-interactive-shadow-dark-30: #3736624d;--kd-color-ai-interactive-shadow-dark-50: #37366280;--kd-color-ai-interactive-shadow-dark-15-2: #373662;--kd-color-ai-interactive-opaque-45-75pct: #403f74bf;--kd-color-ai-interactive-opaque-40-40pct: #48478666;--kd-color-ai-interactive-opaque-30-80pct: #706fb3cc;--kd-color-ai-interactive-opaque-45-5pct: #403f741a;--kd-color-ai-interactive-opaque-45-50pct: #403f7480;--kd-color-ai-interactive-05: #e1e1ef;--kd-color-ai-interactive-01: #f5f5fa}:root{--kd-spacing-0:0px;--kd-spacing-2:2px;--kd-spacing-4:4px;--kd-spacing-8:8px;--kd-spacing-12:12px;--kd-spacing-16:16px;--kd-spacing-24:24px;--kd-spacing-32:32px;--kd-spacing-40:40px;--kd-spacing-48:48px;--kd-spacing-64:64px;--kd-spacing-72:72px;--kd-spacing-80:80px;--kd-spacing-96:96px;--kd-spacing-120:120px;--kd-spacing-128:128px;--kd-spacing-144:144px;--kd-spacing-160:160px;--kd-spacing-192:192px;--kd-page-gutter: 16px;--kd-page-gutter-negative: -16px}@media screen and (min-width: 42rem){:root{--kd-page-gutter: 32px;--kd-page-gutter-negative: -32px}}:root{--kd-z-overlay: 100000;--kd-z-header: 10000;--kd-z-local-nav: 9000}:root{--kd-grid-gap: 16px;--kd-grid-gap-compact: 16px;--kd-grid-max-width: 100%}@media(min-width: 42rem){:root{--kd-grid-gap: 32px}}@media(min-width: 99rem){:root{--kd-grid-max-width: calc(1584px - 64px)}}:root{--kd-elevation-level-1: 0px 1px 2px var(--kd-color-utility-elevation-default-l1);--kd-elevation-level-2: 0px 2px 8px var(--kd-color-utility-elevation-default-l2);--kd-elevation-level-2-overflow: 0px 0px 6px var(--kd-color-utility-elevation-default-l2---overflow);--kd-elevation-level-3: 0px 2px 12px var(--kd-color-utility-elevation-default-l3);--kd-elevation-level-4: 0px 12px 16px var(--kd-color-utility-elevation-default-l4);--kd-elevation-level-1-ai: 0px 1px 2px var(--kd-color-utility-elevation-ai-l1);--kd-elevation-level-2-ai: 0px 2px 8px var(--kd-color-utility-elevation-ai-l2);--kd-elevation-level-2-overflow-ai: 0px 0px 6px var(--kd-color-utility-elevation-ai-l2---overflow);--kd-elevation-level-3-ai: 0px 2px 12px var(--kd-color-utility-elevation-ai-l3);--kd-elevation-level-4-ai: 0px 12px 16px var(--kd-color-utility-elevation-ai-l4)}:root{--kd-background-blur-medium: blur(4px);--kd-header-height: 56px;--kd-header-reserved-space: var(--kd-header-height);--kd-local-nav-width: 56px;--kd-local-nav-width-expanded: 320px;--kd-local-nav-reserved-space: calc(var(--kd-local-nav-width) + 8px);--kd-local-nav-expanded-reserved-space: calc( var(--kd-local-nav-width-expanded) + 8px );--kd-local-nav-offset-top: calc(var(--kd-header-height) + 8px + 8px)}@media(min-width: 42rem){:root{--kd-header-reserved-space: calc(var(--kd-header-height) + 8px)}},::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}img,picture{max-width:100%;display:block}@font-face{font-family:"TWK Everett";src:url(../assets/fonts/TWKEverett-Ultralight-web.woff2) format("woff2"),url(../assets/fonts/TWKEverett-Ultralight-web.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"TWK Everett";src:url(../assets/fonts/TWKEverett-Light-web.woff2) format("woff2"),url(../assets/fonts/TWKEverett-Light-web.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"TWK Everett";src:url(../assets/fonts/TWKEverett-Regular-web.woff2) format("woff2"),url(../assets/fonts/TWKEverett-Regular-web.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"TWK Everett";src:url(../assets/fonts/TWKEverett-Medium-web.woff2) format("woff2"),url(../assets/fonts/TWKEverett-Medium-web.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"TWK Everett";src:url(../assets/fonts/TWKEverett-Bold-web.woff2) format("woff2"),url(../assets/fonts/TWKEverett-Bold-web.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:300;src:url(../assets/fonts/roboto-latin-300-normal.woff2) format("woff2"),url(../assets/fonts/roboto-latin-300-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:400;src:url(../assets/fonts/roboto-latin-400-normal.woff2) format("woff2"),url(../assets/fonts/roboto-latin-400-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Roboto";font-style:italic;font-display:swap;font-weight:400;src:url(../assets/fonts/roboto-latin-400-italic.woff2) format("woff2"),url(../assets/fonts/roboto-latin-400-italic.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:500;src:url(../assets/fonts/roboto-latin-500-normal.woff2) format("woff2"),url(../assets/fonts/roboto-latin-500-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Roboto";font-style:italic;font-display:swap;font-weight:500;src:url(../assets/fonts/roboto-latin-500-italic.woff2) format("woff2"),url(../assets/fonts/roboto-latin-500-italic.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Roboto Mono";src:url("../assets/fonts/RobotoMono-Regular.ttf") format("truetype");font-weight:400;font-style:normal;unicode-range:U+0000-00FF,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}html{height:100%}body{min-height:100vh;background:var(--kd-color-background-page-default);color:var(--kd-color-text-level-primary);font-family:var(--kd-font-family-secondary);font-size:var(--kd-font-size-body-2-sm);line-height:var(--kd-line-height-body-2-sm);font-weight:var(--kd-font-weight-regular);letter-spacing:var(--kd-letter-spacing-4)}@media(min-width: 42rem){body{font-size:var(--kd-font-size-body-2-md);line-height:var(--kd-line-height-body-2-md)}}@media(min-width: 74rem){body{font-size:var(--kd-font-size-body-2-lg);line-height:var(--kd-line-height-body-2-lg)}}@media(min-width: 82rem){body{font-size:var(--kd-font-size-body-2-xlg);line-height:var(--kd-line-height-body-2-xlg)}}@media(min-width: 99rem){body{font-size:var(--kd-font-size-body-2-max);line-height:var(--kd-line-height-body-2-max)}}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kyndryl-design-system/shidoka-foundation",
-  "version": "2.7.5",
+  "version": "2.8.1",
   "description": "Shidoka Foundation",
   "license": "MIT",
   "main": "index.js",
@@ -45,13 +45,13 @@
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-typescript": "^11.0.0",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-a11y": "^9.0.4",
-    "@storybook/addon-designs": "^10.0.1",
-    "@storybook/addon-docs": "^9.0.4",
-    "@storybook/addon-links": "^9.0.4",
-    "@storybook/addon-themes": "^9.0.4",
-    "@storybook/addon-vitest": "^9.0.4",
-    "@storybook/web-components-vite": "^9.0.4",
+    "@storybook/addon-a11y": "^10.0.6",
+    "@storybook/addon-designs": "^11.0.1",
+    "@storybook/addon-docs": "^10.0.6",
+    "@storybook/addon-links": "^10.0.6",
+    "@storybook/addon-themes": "^10.0.6",
+    "@storybook/addon-vitest": "^10.0.6",
+    "@storybook/web-components-vite": "^10.0.6",
     "@typescript-eslint/eslint-plugin": "^5.48.1",
     "@typescript-eslint/parser": "^5.48.1",
     "@vitest/browser": "^3.2.1",
@@ -60,7 +60,7 @@
     "chromatic": "^11.2.0",
     "copy-to-clipboard": "^3.3.3",
     "eslint": "^8.57.0",
-    "eslint-plugin-storybook": "^9.0.4",
+    "eslint-plugin-storybook": "^10.0.6",
     "husky": "^8.0.3",
     "lint-staged": "^15.5.0",
     "lit": "^3.3.0",
@@ -81,7 +81,7 @@
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.34.1",
     "sass-embedded": "^1.89.1",
-    "storybook": "^9.0.4",
+    "storybook": "^10.0.6",
     "typescript": "^4.9.4",
     "vite": "^6.3.5",
     "vitest": "^3.2.1"

package/scss/variables/colorSemantic.scss CHANGED Viewed

@@ -10,6 +10,8 @@
   --kd-color-background-container-ai-level-2: light-dark(var(--kd-color-earth-10), var(--kd-color-interactive-110));
   --kd-color-background-container-surface-tint: light-dark(var(--kd-color-opacity-light-86), var(--kd-color-opacity-dark-85));
   --kd-color-background-container-tertiary: light-dark(var(--kd-color-opacity-dark-3), var(--kd-color-opacity-light-5));
+  --kd-color-background-container-overlay-background: light-dark(var(--kd-color-neutral-white), var(--kd-color-interactive-107));
+  --kd-color-background-container-overlay-footer: light-dark(var(--kd-color-interactive-5), var(--kd-color-interactive-105));
   --kd-color-background-ui-default-dark: light-dark(var(--kd-color-dark-stone-80), var(--kd-color-cool-gray-10));
   --kd-color-background-ui-default-brand: light-dark(var(--kd-color-warm-red-50-brand), var(--kd-color-warm-red-50-brand));
   --kd-color-background-ui-default-default: light-dark(var(--kd-color-dark-stone-50), var(--kd-color-cool-gray-10));
@@ -116,7 +118,7 @@
   --kd-color-background-card-hover: light-dark(var(--kd-color-cool-gray-7), var(--kd-color-opacity-light-10));
   --kd-color-background-highlight-fill: light-dark(var(--kd-color-skye-10), var(--kd-color-skye-80));
   --kd-color-background-highlight-border: light-dark(var(--kd-color-skye-20), var(--kd-color-skye-50));
-  --kd-color-background-loader-skeleton-default: light-dark(var(--kd-color-dark-stone-20), var(--kd-color-dark-stone-70));
+  --kd-color-background-loader-skeleton-default: light-dark(var(--kd-color-dark-stone-30), var(--kd-color-dark-stone-70));
   --kd-color-background-loader-skeleton-secondary: light-dark(var(--kd-color-dark-stone-20), var(--kd-color-dark-stone-60));
   --kd-color-background-loader-skeleton-tertiary: light-dark(var(--kd-color-dark-stone-10), var(--kd-color-dark-stone-60));
   --kd-color-background-loader-bar-primary: light-dark(var(--kd-color-dark-stone-50), var(--kd-color-cool-gray-10));

package/scss/variables/misc.scss CHANGED Viewed

@@ -1,7 +1,16 @@
 :root {
-  --kd-shadow-menu: 0px 4px 4px rgba(0, 0, 0, 0.25);
   --kd-background-blur-medium: blur(4px);
   --kd-header-height: 56px;
+  --kd-header-reserved-space: var(--kd-header-height);
   --kd-local-nav-width: 56px;
   --kd-local-nav-width-expanded: 320px;
+  --kd-local-nav-reserved-space: calc(var(--kd-local-nav-width) + 8px);
+  --kd-local-nav-expanded-reserved-space: calc(
+    var(--kd-local-nav-width-expanded) + 8px
+  );
+  --kd-local-nav-offset-top: calc(var(--kd-header-height) + 8px + 8px);
+  @media (min-width: 42rem) {
+    --kd-header-reserved-space: calc(var(--kd-header-height) + 8px);
+  }
 }