:root {
--magnetic-theme-custom-1: #446392;
--magnetic-theme-custom-2: #283648;
--magnetic-theme-custom-3: #984952;
--magnetic-theme-custom-4: #63363E;
--magnetic-theme-custom-5: #46272A;
--magnetic-theme-custom-6: #8F3F48;
--magnetic-theme-custom-7: #914B50;
--magnetic-theme-custom-8: #5C4D28;
--magnetic-theme-custom-9: #35301C;
--magnetic-theme-custom-10: #644637;
--magnetic-theme-custom-11: #462E21;
--magnetic-theme-custom-12: #3E506A;
--magnetic-theme-custom-13: #3A5276;
--magnetic-theme-custom-14: #395534;
--magnetic-theme-custom-15: #23381E;
--magnetic-theme-custom-16: #477438;
--magnetic-theme-custom-17: #456A6D;
--magnetic-theme-custom-18: #6C476A;
--magnetic-theme-custom-19: #4D5477;
--magnetic-theme-custom-20: #2A3442;
--magnetic-theme-custom-21: #2F3D52;
--magnetic-theme-custom-22: #315D4A;
--magnetic-theme-custom-23: #704959;
--magnetic-theme-custom-24: #6F5964;
--magnetic-theme-custom-25: #5B5077;
--magnetic-theme-custom-26: #4E5B39;
--magnetic-theme-custom-27: #6F4B39;
--magnetic-theme-custom-28: #1F5E62;
--magnetic-theme-custom-29: #505569;
--magnetic-theme-custom-30: #1F565B;
--magnetic-theme-custom-31: #2F5546;
--magnetic-base-neutral-100: #FFFFFF;
--magnetic-base-neutral-98: #F7F7F7;
--magnetic-base-neutral-95: #F0F1F2;
--magnetic-base-neutral-90: #E1E4E8;
--magnetic-base-neutral-85: #D0D4D9;
--magnetic-base-neutral-80: #C1C6CC;
--magnetic-base-neutral-70: #A7ADB5;
--magnetic-base-neutral-65: #979FA8;
--magnetic-base-neutral-60: #889099;
--magnetic-base-neutral-55: #7E868F;
--magnetic-base-neutral-50: #6F7680;
--magnetic-base-neutral-45: #656C75;
--magnetic-base-neutral-40: #596069;
--magnetic-base-neutral-35: #464C54;
--magnetic-base-neutral-25: #373C42;
--magnetic-base-neutral-15: #23282E;
--magnetic-base-neutral-5: #0F1214;
--magnetic-base-neutral-0: #000000;
--magnetic-base-blue-95: #E3EEFF;
--magnetic-base-blue-90: #CCE1FF;
--magnetic-base-blue-85: #BAD6FF;
--magnetic-base-blue-70: #7CADF7;
--magnetic-base-blue-80: #A3C8FF;
--magnetic-base-blue-65: #649EF5;
--magnetic-base-blue-60: #5191F0;
--magnetic-base-blue-55: #3E84E5;
--magnetic-base-blue-50: #2774D9;
--magnetic-base-blue-45: #1D69CC;
--magnetic-base-blue-40: #0D5CBD;
--magnetic-base-blue-35: #0051AF;
--magnetic-base-purple-95: #F3EBFF;
--magnetic-base-purple-90: #E8D9FF;
--magnetic-base-purple-85: #E0CCFF;
--magnetic-base-purple-80: #D6BAFF;
--magnetic-base-purple-70: #C299FF;
--magnetic-base-purple-65: #B587FA;
--magnetic-base-purple-60: #A974F7;
--magnetic-base-purple-55: #9B5FF5;
--magnetic-base-purple-50: #8D4EED;
--magnetic-base-purple-45: #864AE0;
--magnetic-base-purple-40: #753BCC;
--magnetic-base-purple-35: #6732B8;
--magnetic-base-red-95: #FFE8E9;
--magnetic-base-red-90: #FFD4D5;
--magnetic-base-red-85: #FFC7C9;
--magnetic-base-red-80: #FFB2B5;
--magnetic-base-red-70: #FF878B;
--magnetic-base-red-65: #FF6E72;
--magnetic-base-red-60: #FA5762;
--magnetic-base-red-55: #EB4651;
--magnetic-base-red-50: #D93843;
--magnetic-base-red-45: #CC2D37;
--magnetic-base-red-40: #B2242D;
--magnetic-base-red-35: #A01D26;
--magnetic-base-yellow-95: #FAEFB9;
--magnetic-base-yellow-90: #F5E08E;
--magnetic-base-yellow-85: #F2D268;
--magnetic-base-yellow-80: #F0C243;
--magnetic-base-yellow-70: #E0A419;
--magnetic-base-yellow-65: #D6900D;
--magnetic-base-yellow-60: #CC8604;
--magnetic-base-yellow-55: #BD7202;
--magnetic-base-yellow-50: #B05F04;
--magnetic-base-yellow-45: #A65503;
--magnetic-base-yellow-40: #944B03;
--magnetic-base-yellow-35: #804103;
--magnetic-base-orange-95: #FFEADB;
--magnetic-base-orange-90: #FFD9BF;
--magnetic-base-orange-85: #FCC9A7;
--magnetic-base-orange-80: #FCB88D;
--magnetic-base-orange-70: #FC8D4C;
--magnetic-base-orange-65: #F7782F;
--magnetic-base-orange-60: #F26722;
--magnetic-base-orange-55: #D95A1A;
--magnetic-base-orange-50: #C44F14;
--magnetic-base-orange-45: #BD410B;
--magnetic-base-orange-40: #AD3907;
--magnetic-base-orange-35: #942E03;
--magnetic-base-light-blue-95: #D9F4FF;
--magnetic-base-light-blue-90: #B5E9FF;
--magnetic-base-light-blue-85: #9ADFFC;
--magnetic-base-light-blue-80: #6FD2FC;
--magnetic-base-light-blue-70: #33BBF5;
--magnetic-base-light-blue-65: #23A8EB;
--magnetic-base-light-blue-60: #139BEB;
--magnetic-base-light-blue-55: #0D8BD4;
--magnetic-base-light-blue-50: #087ABD;
--magnetic-base-light-blue-45: #0570AD;
--magnetic-base-light-blue-40: #03639C;
--magnetic-base-light-blue-35: #015788;
--magnetic-base-green-95: #E0F5D5;
--magnetic-base-green-90: #C5EBB2;
--magnetic-base-green-85: #B0E396;
--magnetic-base-green-80: #98D977;
--magnetic-base-green-70: #6BBF41;
--magnetic-base-green-65: #5EB035;
--magnetic-base-green-60: #52A62B;
--magnetic-base-green-55: #45991F;
--magnetic-base-green-50: #398519;
--magnetic-base-green-45: #2B7A0C;
--magnetic-base-green-40: #266B0B;
--magnetic-base-green-35: #1F5E06;
--magnetic-accent-lavender-95: #EBEDFF;
--magnetic-accent-lavender-90: #D9DDFF;
--magnetic-accent-lavender-85: #CCD1FF;
--magnetic-accent-lavender-80: #BAC1FF;
--magnetic-accent-lavender-70: #9CA6FF;
--magnetic-accent-lavender-65: #8A95FF;
--magnetic-accent-lavender-60: #7D8AFF;
--magnetic-accent-lavender-55: #6977F0;
--magnetic-accent-lavender-50: #5A68E5;
--magnetic-accent-lavender-45: #505ED9;
--magnetic-accent-lavender-40: #4653C7;
--magnetic-accent-lavender-35: #3B47B2;
--magnetic-accent-pink-95: #FFE8EF;
--magnetic-accent-pink-90: #FFD4E0;
--magnetic-accent-pink-85: #FFC4D5;
--magnetic-accent-pink-80: #FCB3C8;
--magnetic-accent-pink-70: #FF87A9;
--magnetic-accent-pink-65: #F57398;
--magnetic-accent-pink-60: #F2638C;
--magnetic-accent-pink-55: #E3447C;
--magnetic-accent-pink-50: #CF3A7A;
--magnetic-accent-pink-45: #C2306F;
--magnetic-accent-pink-40: #B02863;
--magnetic-accent-pink-35: #991D53;
--magnetic-accent-lime-95: #EAF2D3;
--magnetic-accent-lime-90: #D7E8A9;
--magnetic-accent-lime-85: #C7DE8A;
--magnetic-accent-lime-80: #B5D166;
--magnetic-accent-lime-70: #9DBA4C;
--magnetic-accent-lime-65: #89AB2C;
--magnetic-accent-lime-60: #7DA11B;
--magnetic-accent-lime-55: #6C8C14;
--magnetic-accent-lime-50: #61800E;
--magnetic-accent-lime-45: #577309;
--magnetic-accent-lime-40: #4C6605;
--magnetic-accent-lime-35: #425902;
--magnetic-accent-teal-95: #D5F5F5;
--magnetic-accent-teal-90: #A9EBEB;
--magnetic-accent-teal-85: #84E3E3;
--magnetic-accent-teal-80: #4AD9D9;
--magnetic-accent-teal-70: #17C2C2;
--magnetic-accent-teal-65: #0BB2B8;
--magnetic-accent-teal-60: #04A4B0;
--magnetic-accent-teal-55: #028E99;
--magnetic-accent-teal-50: #01818C;
--magnetic-accent-teal-45: #017580;
--magnetic-accent-teal-40: #005C66;
--magnetic-accent-teal-35: #006773;
--magnetic-accent-magenta-95: #FFE8F9;
--magnetic-accent-magenta-90: #FFD1F3;
--magnetic-accent-magenta-85: #FAC5ED;
--magnetic-accent-magenta-80: #F7B0E5;
--magnetic-accent-magenta-70: #F582D8;
--magnetic-accent-magenta-65: #F26DD1;
--magnetic-accent-magenta-60: #E85FC6;
--magnetic-accent-magenta-55: #D649B3;
--magnetic-accent-magenta-50: #C23EA1;
--magnetic-accent-magenta-45: #B53394;
--magnetic-accent-magenta-40: #A62686;
--magnetic-accent-magenta-35: #941B76;
--magnetic-accent-slate-95: #EBEDFF;
--magnetic-accent-slate-90: #D9DEFA;
--magnetic-accent-slate-85: #CED3F2;
--magnetic-accent-slate-80: #C1C6E8;
--magnetic-accent-slate-70: #A3AAD6;
--magnetic-accent-slate-65: #959CCC;
--magnetic-accent-slate-60: #868EC2;
--magnetic-accent-slate-55: #767EB2;
--magnetic-accent-slate-50: #6871A3;
--magnetic-accent-slate-45: #5D6596;
--magnetic-accent-slate-40: #545C8A;
--magnetic-accent-slate-35: #484F7A;
--magnetic-accent-emerald-95: #D4F5E1;
--magnetic-accent-emerald-90: #B6EDCC;
--magnetic-accent-emerald-85: #97E5B8;
--magnetic-accent-emerald-80: #75D9A0;
--magnetic-accent-emerald-70: #4CBF7F;
--magnetic-accent-emerald-65: #36B26E;
--magnetic-accent-emerald-60: #21A65F;
--magnetic-accent-emerald-55: #169855;
--magnetic-accent-emerald-50: #0F874C;
--magnetic-accent-emerald-45: #0B7B46;
--magnetic-accent-emerald-40: #087041;
--magnetic-accent-emerald-35: #075E39;
--magnetic-product-header-grayscale-light: linear-gradient(90deg, #373c42 0%, #0f1214 100%);
--magnetic-product-header-grayscale-dark: linear-gradient(90deg, #373c42 0%, #0f1214 100%);
--magnetic-button-color: var(--magnetic-base-blue-45);
--magnetic-dropdown-border-color: var(--magnetic-base-neutral-60);
--magnetic-header-description-color: var(--magnetic-base-neutral-40);
--magnetic-header-color: var(--magnetic-base-neutral-25);
--magnetic-header-title-color: var(--magnetic-base-neutral-50);
--primary-color: var(--magnetic-base-neutral-35);
--secondary-color: var(--magnetic-base-neutral-50);
--tertiary-color: var(--magnetic-base-neutral-60);
--accent-color-dark: var(--magnetic-base-blue-45);
--grey-background-color: var(--magnetic-base-neutral-90);
--heading-text-color: var(--magnetic-base-neutral-25);
--primary-text-color: var(--magnetic-base-neutral-35);
--secondary-text-color: var(--magnetic-base-neutral-50);
--tertiary-text-color: var(--magnetic-base-neutral-100);
--light-text-color: var(--magnetic-accent-slate-95);
--dashlet-secondary-text-color: var(--magnetic-base-neutral-60);
--primary-icon-color: var(--magnetic-base-neutral-60);
--secondary-icon-color: var(--magnetic-accent-slate-80);
--tertiary-icon-color: var(--magnetic-base-neutral-100);
--light-icon-color: var(--magnetic-accent-slate-95);
--primary-divider-color: var(--magnetic-base-neutral-50);
--secondary-divider-color: var(--magnetic-base-neutral-80);
--tertiary-divider-color: var(--magnetic-base-neutral-90);
--light-divider-color: var(--magnetic-base-neutral-40);
--primary-hover-color: var(--magnetic-base-neutral-90);
--secondary-hover-color: var(--magnetic-base-neutral-80);
--primary-active-color: var(--magnetic-theme-custom-29);
--secondary-active-color: var(--magnetic-base-blue-95);
--tertiary-active-color: var(--magnetic-base-neutral-35);
--primary-inactive-color: var(--magnetic-base-neutral-70);
--secondary-inactive-color: var(--magnetic-base-neutral-50);
--secondary-inactive-hover-color: var(--magnetic-theme-custom-21);
--primary-background-color: var(--magnetic-base-neutral-98);
--secondary-background-color: var(--magnetic-base-neutral-100);
--tertiary-background-color: var(--magnetic-base-neutral-95);
--dark-background-color: var(--magnetic-theme-custom-20);
--transparent-background-color: rgba(42,47,66, 0.7);
--dark-blue-background-color: var(--magnetic-theme-custom-20);
--light-background-color: var(--magnetic-base-neutral-98);
--off-background-color: var(--magnetic-base-neutral-45);
--light-yellow-background-color: var(--magnetic-base-yellow-95);
--dark-yellow-background-color: var(--magnetic-theme-custom-27);
--dark-gray-background-color: var(--magnetic-theme-custom-29);
--walkme-highlight-light-background: var(--magnetic-base-neutral-100);
--walkme-highlight-black-background: var(--magnetic-theme-custom-29);
--walkme-overlay-light-opacity: 0.2;
--walkme-overlay-black-opacity: 0.3;
--flow-header-icon-light-bg-color: rgba(41, 182, 246, 0.1);
--flow-header-icon-dark-bg-color: rgba(80, 85, 107, 0.5);
--magnetic-header-light-bg-color: linear-gradient(90deg, rgba(13, 39, 77, 0.8) 0%, #0D274D 79.96%);
--magnetic-header-dark-bg-color: linear-gradient(90deg, #373C42 0%, rgba(55, 60, 66, 0.7) 100%);
--accent-cisco-color: var(--magnetic-base-blue-35);
--accent-color: var(--magnetic-base-light-blue-50);
--hover-accent-color: var(--magnetic-base-blue-45);
--accent-background-color: var(--magnetic-base-blue-95);
--accent-background-light-color: var(--magnetic-base-blue-95);
--disabled-accent-color: var(--magnetic-base-blue-85);
--destructive-color: var(--magnetic-base-red-45);
--hover-destructive-color: var(--magnetic-base-red-40);
--destructive-background-color: var(--magnetic-base-red-90);
--disabled-destructive-color: var(--magnetic-base-red-80);
--success-color: var(--magnetic-accent-emerald-60);
--error-color: var(--magnetic-base-red-50);
--warning-color: var(--magnetic-base-yellow-70);
--neutral-color: var(--magnetic-base-neutral-70);
--hover-neutral-color: var(--magnetic-base-neutral-80);
--success-background-color: var(--magnetic-base-green-95);
--error-background-color: var(--magnetic-base-red-90);
--warning-background-color: var(--magnetic-base-yellow-95);
--neutral-background-color: var(--magnetic-base-neutral-90);
--dark-theme-badge-info-color: var(--magnetic-accent-slate-40);
--dark-theme-badge-error-color: var(--magnetic-theme-custom-4);
--dark-theme-badge-warning-color: var(--magnetic-theme-custom-8);
--dark-theme-positive-bg-color: var(--magnetic-accent-lime-35);
--pallette-neutral-1: var(--magnetic-base-neutral-100);
--pallette-neutral-2: var(--magnetic-base-neutral-98);
--pallette-neutral-3: var(--magnetic-base-neutral-90);
--pallette-neutral-4: var(--magnetic-base-neutral-80);
--pallette-neutral-5: var(--magnetic-base-neutral-70);
--pallette-neutral-6: var(--magnetic-base-neutral-60);
--pallette-neutral-7: var(--magnetic-base-neutral-50);
--pallette-neutral-8: var(--magnetic-base-neutral-40);
--pallette-neutral-9: var(--magnetic-base-neutral-35);
--pallette-neutral-10: var(--magnetic-base-neutral-25);
--pallette-neutral-11: var(--magnetic-base-neutral-15);
--pallette-neutral-12: var(--magnetic-base-neutral-5);
--pallette-neutral-13: var(--magnetic-base-neutral-0);
--pallette-neutral-14: var(--magnetic-base-neutral-55);
--pallette-neutral-15: var(--magnetic-base-neutral-15);
--pallette-green-1: var(--magnetic-base-green-95);
--pallette-green-2: var(--magnetic-base-green-90);
--pallette-green-3: var(--magnetic-base-green-90);
--pallette-green-4: var(--magnetic-base-green-80);
--pallette-green-5: var(--magnetic-base-green-70);
--pallette-green-6: var(--magnetic-base-green-60);
--pallette-green-7: var(--magnetic-base-green-55);
--pallette-green-8: var(--magnetic-base-green-50);
--pallette-green-9: var(--magnetic-base-green-45);
--pallette-green-10: var(--magnetic-base-green-40);
--pallette-red-1: var(--magnetic-accent-pink-95);
--pallette-red-2: var(--magnetic-base-red-90);
--pallette-red-3: var(--magnetic-base-red-85);
--pallette-red-4: var(--magnetic-base-red-80);
--pallette-red-5: var(--magnetic-base-red-70);
--pallette-red-5-new: var(--magnetic-base-red-70);
--pallette-red-6: var(--magnetic-base-red-55);
--pallette-red-7: var(--magnetic-base-red-50);
--pallette-red-8: var(--magnetic-base-red-45);
--pallette-red-9: var(--magnetic-base-red-40);
--pallette-red-10: var(--magnetic-base-red-35);
--pallette-yellow-1: var(--magnetic-base-yellow-95);
--pallette-yellow-2: var(--magnetic-base-yellow-95);
--pallette-yellow-3: var(--magnetic-base-yellow-90);
--pallette-yellow-4: var(--magnetic-base-yellow-85);
--pallette-yellow-5: var(--magnetic-base-yellow-70);
--pallette-yellow-6: var(--magnetic-base-yellow-60);
--pallette-yellow-7: var(--magnetic-base-yellow-60);
--pallette-yellow-8: var(--magnetic-base-yellow-55);
--pallette-yellow-9: var(--magnetic-base-yellow-50);
--pallette-yellow-10: var(--magnetic-base-yellow-40);
--pallette-blue-1: var(--magnetic-base-blue-95);
--pallette-blue-2: var(--magnetic-base-blue-95);
--pallette-blue-3: var(--magnetic-base-blue-90);
--pallette-blue-4: var(--magnetic-base-blue-85);
--pallette-blue-5: var(--magnetic-base-blue-70);
--pallette-blue-6: var(--magnetic-base-blue-60);
--pallette-blue-7: var(--magnetic-base-blue-55);
--pallette-blue-8: var(--magnetic-base-blue-50);
--pallette-blue-9: var(--magnetic-base-blue-45);
--pallette-blue-10: var(--magnetic-base-blue-40);
--pallette-blue-11: var(--magnetic-base-blue-45);
--pallette-purple-1: var(--magnetic-accent-lavender-95);
--pallette-purple-2: var(--magnetic-accent-slate-90);
--pallette-purple-3: var(--magnetic-base-purple-80);
--pallette-purple-4: var(--magnetic-accent-lavender-80);
--pallette-purple-5: var(--magnetic-accent-lavender-70);
--pallette-purple-6: var(--magnetic-accent-lavender-65);
--pallette-purple-7: var(--magnetic-accent-lavender-45);
--pallette-purple-8: var(--magnetic-accent-lavender-45);
--pallette-purple-9: var(--magnetic-accent-lavender-40);
--pallette-purple-10: var(--magnetic-accent-lavender-35);
--chart-violet: var(--magnetic-accent-slate-60);
--chart-sea-green: var(--magnetic-theme-custom-16);
--chart-orange: var(--magnetic-base-yellow-80);
--chart-purple: var(--magnetic-base-purple-65);
--chart-cyan: var(--magnetic-accent-teal-45);
--chart-salad-green: var(--magnetic-base-green-80);
--chart-fanta: var(--magnetic-base-orange-70);
--chart-brown: var(--magnetic-theme-custom-24);
--chart-pink: var(--magnetic-accent-pink-60);
--chart-dark-blue: var(--magnetic-base-blue-40);
--chart-yellow: var(--magnetic-base-yellow-90);
--chart-blue: var(--magnetic-base-light-blue-55);
--chart-blue-medium: var(--magnetic-base-light-blue-85);
--chart-blue-light: var(--magnetic-base-light-blue-95);
--chart-purple-medium: var(--magnetic-base-purple-70);
--chart-purple-light: var(--magnetic-base-purple-90);
--chart-crimson: var(--magnetic-accent-pink-45);
--chart-crimson-medium: var(--magnetic-accent-magenta-60);
--chart-crimson-light: var(--magnetic-accent-magenta-85);
--chart-pink-medium: var(--magnetic-accent-pink-80);
--chart-pink-light: var(--magnetic-base-red-90);
--chart-red: var(--magnetic-base-red-40);
--chart-red-medium: var(--magnetic-base-red-65);
--chart-red-light: var(--magnetic-base-red-85);
--chart-olive: var(--magnetic-accent-lime-60);
--chart-olive-medium: var(--magnetic-accent-lime-85);
--chart-olive-light: var(--magnetic-accent-lime-95);
--chart-sea-green-medium: var(--magnetic-accent-lime-70);
--chart-sea-green-light: var(--magnetic-accent-lime-90);
--chart-green-cyan: var(--magnetic-accent-emerald-60);
--chart-green-cyan-medium: var(--magnetic-accent-teal-85);
--chart-green-cyan-light: var(--magnetic-accent-teal-95);
--chart-cyan-medium: var(--magnetic-accent-teal-70);
--chart-cyan-light: var(--magnetic-accent-teal-95);
--badge-grey: var(--magnetic-accent-slate-95);
--badge-yellow: var(--magnetic-base-orange-95);
--badge-brown: var(--magnetic-theme-custom-27);
--badge-dark-grey: var(--magnetic-accent-slate-40);
--display-block: block;
--display-none: none;
--transparent: transparent;
--box-shadow-none: none;
--box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
--box-shadow-navigation: 0 4px 12px rgba(0,0,0,.122);
--opacity-0: 0;
--opacity-1: 0.1;
--opacity-2: 0.2;
--opacity-3: 0.3;
--opacity-4: 0.4;
--opacity-5: 0.5;
--opacity-6: 0.6;
--opacity-7: 0.7;
--opacity-8: 0.8;
--opacity-9: 0.9;
--opacity: 1;
--neutral-1-isnd: var(--magnetic-base-neutral-100);
--neutral-2-isnd: var(--magnetic-base-neutral-98);
--neutral-3-isnd: var(--magnetic-base-neutral-90);
--neutral-4-isnd: var(--magnetic-base-neutral-80);
--neutral-5-isnd: var(--magnetic-base-neutral-70);
--neutral-6-isnd: var(--magnetic-base-neutral-50);
--neutral-7-isnd: var(--magnetic-base-neutral-45);
--neutral-8-isnd: var(--magnetic-base-neutral-40);
--neutral-9-isnd: var(--magnetic-base-neutral-35);
--neutral-10-isnd: var(--magnetic-base-neutral-25);
--neutral-11-isnd: var(--magnetic-base-neutral-15);
--neutral-12-isnd: var(--magnetic-base-neutral-5);
--neutral-13-isnd: var(--magnetic-base-neutral-0);
--overlay-bg-dark: rgba(0, 0, 0, 0.4);
--overlay-bg-light: rgba(0, 0, 0, 0.4);
--badge-error-isnd: var(--magnetic-base-red-55);
--badge-cyan-default: var(--magnetic-base-light-blue-55);
--badge-cyan-medium: var(--magnetic-base-light-blue-85);
--badge-cyan-light: var(--magnetic-base-light-blue-95);
--badge-cyan-medium-dark: var(--magnetic-base-light-blue-45);
--badge-cyan-dark: var(--magnetic-base-light-blue-35);
--badge-blue-default: var(--magnetic-base-blue-40);
--badge-blue-medium: var(--magnetic-base-blue-70);
--badge-blue-light: var(--magnetic-accent-slate-90);
--badge-blue-default-dark: var(--magnetic-base-blue-60);
--badge-blue-medium-dark: var(--magnetic-theme-custom-1);
--badge-blue-dark: var(--magnetic-theme-custom-13);
--badge-lavender-default: var(--magnetic-base-purple-65);
--badge-lavender-medium: var(--magnetic-base-purple-70);
--badge-lavender-light: var(--magnetic-base-purple-90);
--badge-lavender-default-dark: var(--magnetic-base-purple-60);
--badge-lavender-medium-dark: var(--magnetic-accent-slate-45);
--badge-lavender-dark: var(--magnetic-theme-custom-25);
--badge-magenta-default-isnd: var(--magnetic-accent-pink-45);
--badge-magenta-medium-isnd: var(--magnetic-accent-magenta-60);
--badge-magenta-light-isnd: var(--magnetic-accent-magenta-85);
--badge-magenta-default-dark: var(--magnetic-accent-magenta-60);
--badge-magenta-medium-dark: var(--magnetic-accent-magenta-40);
--badge-magenta-dark: var(--magnetic-theme-custom-18);
--badge-pink-default-isnd: var(--magnetic-accent-pink-60);
--badge-pink-medium-isnd: var(--magnetic-accent-pink-80);
--badge-pink-light-isnd: var(--magnetic-base-red-90);
--badge-pink-medium-dark: var(--magnetic-theme-custom-3);
--badge-pink-dark: var(--magnetic-theme-custom-4);
--badge-rust-default-isnd: var(--magnetic-base-red-40);
--badge-rust-medium-isnd: var(--magnetic-base-red-65);
--badge-rust-light-isnd: var(--magnetic-base-red-85);
--badge-rust-default-dark: var(--magnetic-base-red-55);
--badge-rust-medium-dark: var(--magnetic-theme-custom-6);
--badge-rust-dark: var(--magnetic-theme-custom-10);
--badge-golden-default-isnd: var(--magnetic-base-yellow-65);
--badge-golden-medium-isnd: var(--magnetic-base-yellow-80);
--badge-golden-light-isnd: var(--magnetic-base-orange-95);
--badge-golden-default-dark: var(--magnetic-base-yellow-65);
--badge-golden-medium-dark: var(--magnetic-base-yellow-40);
--badge-golden-dark: var(--magnetic-theme-custom-8);
--badge-green-default-isnd: var(--magnetic-theme-custom-16);
--badge-green-medium-isnd: var(--magnetic-accent-lime-70);
--badge-green-light-isnd: var(--magnetic-accent-lime-90);
--badge-green-default-dark: var(--magnetic-base-green-65);
--badge-green-medium-dark: var(--magnetic-accent-lime-45);
--badge-green-dark: var(--magnetic-base-green-35);
--badge-green-cyan-default-isnd: var(--magnetic-accent-emerald-60);
--badge-green-cyan-medium-isnd: var(--magnetic-accent-teal-85);
--badge-green-cyan-light-isnd: var(--magnetic-accent-teal-95);
--badge-green-cyan-medium-dark: var(--magnetic-accent-emerald-50);
--badge-green-cyan-dark: var(--magnetic-accent-emerald-35);
--badge-teal-blue-default-isnd: var(--magnetic-accent-teal-45);
--badge-teal-blue-medium-isnd: var(--magnetic-accent-teal-70);
--badge-teal-blue-light-isnd: var(--magnetic-accent-teal-95);
--badge-teal-blue-default-dark: var(--magnetic-accent-teal-60);
--badge-teal-blue-medium-dark: var(--magnetic-accent-teal-45);
--badge-teal-blue-dark: var(--magnetic-accent-teal-35);
--badge-blue-7: var(--magnetic-base-blue-60);
--badge-blue-5: var(--magnetic-base-blue-70);
--badge-blue-4: var(--magnetic-base-blue-80);
--badge-accent-isnd: var(--magnetic-base-blue-60);
--status-positive-bg-isnd: var(--magnetic-base-green-90);
--status-positive-isnd: var(--magnetic-base-green-55);
--status-warning-bg-isnd: var(--magnetic-base-yellow-95);
--status-warning-isnd: var(--magnetic-base-yellow-70);
--status-negative-bg-isnd: var(--magnetic-base-red-90);
--status-negative-isnd: var(--magnetic-base-red-50);
--status-info-bg-isnd: var(--magnetic-base-blue-95);
--status-info-isnd: var(--magnetic-base-blue-60);
--status-neutral-bg-isnd: var(--magnetic-base-neutral-90);
--status-neutral-isnd: var(--magnetic-base-neutral-70);
--status-positive-bg-dark-isnd: var(--magnetic-accent-lime-35);
--status-positive-dark-isnd: var(--magnetic-base-green-70);
--status-warning-bg-dark-isnd: var(--magnetic-theme-custom-8);
--status-warning-dark-isnd: var(--magnetic-base-yellow-80);
--status-negative-bg-dark-isnd: var(--magnetic-theme-custom-4);
--status-negative-dark-isnd: var(--magnetic-base-red-60);
--status-info-bg-dark-isnd: var(--magnetic-theme-custom-13);
--status-info-bg-hover: var(--magnetic-theme-custom-13);
--status-info-dark-isnd: var(--magnetic-base-blue-70);
--status-negative-bg-hover: var(--magnetic-base-red-35);
--status-neutral-bg-dark-isnd: var(--magnetic-base-neutral-40);
--status-neutral-dark-isnd: var(--magnetic-base-neutral-70);
--accent-green-2-isnd: var(--magnetic-base-green-90);
--accent-green-4-isnd: var(--magnetic-base-green-80);
--accent-red-2-isnd: var(--magnetic-base-red-90);
--accent-red-4-isnd: var(--magnetic-base-red-80);
--accent-red-8-isnd: var(--magnetic-base-red-45);
--accent-red-9-isnd: var(--magnetic-base-red-40);
--accent-yellow-2-isnd: var(--magnetic-base-yellow-95);
--accent-blue-1-isnd: var(--magnetic-base-blue-95);
--accent-blue-2-isnd: var(--magnetic-base-blue-95);
--accent-blue-3-isnd: var(--magnetic-base-blue-90);
--accent-blue-4-isnd: var(--magnetic-base-blue-85);
--accent-blue-5-isnd: var(--magnetic-base-blue-70);
--accent-blue-6-isnd: var(--magnetic-base-blue-65);
--accent-blue-7-isnd: var(--magnetic-base-blue-55);
--accent-blue-8-isnd: var(--magnetic-base-light-blue-50);
--accent-blue-9-isnd: var(--magnetic-base-blue-35);
--accent-blue-10-isnd: var(--magnetic-base-neutral-5);
--accent-green-2-isnd-dark: var(--magnetic-base-green-90);
--accent-green-4-isnd-dark: var(--magnetic-base-green-80);
--accent-red-2-isnd-dark: var(--magnetic-base-red-90);
--accent-red-4-isnd-dark: var(--magnetic-base-red-80);
--accent-red-6-isnd-dark: var(--magnetic-base-red-60);
--accent-red-7-isnd-dark: var(--magnetic-base-red-55);
--accent-yellow-2-isnd-dark: var(--magnetic-base-yellow-90);
--accent-blue-1-isnd-dark: var(--magnetic-base-blue-95);
--accent-blue-2-isnd-dark: var(--magnetic-base-blue-90);
--accent-blue-3-isnd-dark: var(--magnetic-base-blue-85);
--accent-blue-4-isnd-dark: var(--magnetic-base-blue-80);
--accent-blue-5-isnd-dark: var(--magnetic-base-blue-70);
--accent-blue-6-isnd-dark: var(--magnetic-base-blue-60);
--accent-blue-7-isnd-dark: var(--magnetic-base-blue-55);
--accent-blue-8-isnd-dark: var(--magnetic-base-blue-50);
--accent-blue-9-isnd-dark: var(--magnetic-base-blue-45);
--accent-blue-10-isnd-dark: var(--magnetic-base-blue-40);
--palette-green-2-light: var(--magnetic-base-green-90);
--palette-green-3-light: var(--magnetic-base-green-90);
--palette-green-4-light: var(--magnetic-base-green-80);
--palette-green-5-light: var(--magnetic-base-green-70);
--palette-green-6-light: var(--magnetic-base-green-60);
--palette-green-8-light: var(--magnetic-base-green-50);
--palette-green-9-light: var(--magnetic-base-green-45);
--palette-green-10-light: var(--magnetic-base-green-40);
--palette-green-2-dark: var(--magnetic-base-green-90);
--palette-green-3-dark: var(--magnetic-base-green-85);
--palette-green-4-dark: var(--magnetic-base-green-80);
--palette-green-5-dark: var(--magnetic-base-green-70);
--palette-green-6-dark: var(--magnetic-base-green-60);
--palette-green-7-dark: var(--magnetic-base-green-55);
--palette-green-8-dark: var(--magnetic-base-green-50);
--palette-green-9-dark: var(--magnetic-base-green-40);
--palette-green-10-dark: var(--magnetic-base-green-35);
--palette-red-1-light: var(--magnetic-accent-pink-95);
--palette-red-2-light: var(--magnetic-base-red-90);
--palette-red-3-light: var(--magnetic-base-red-85);
--palette-red-5-light: var(--magnetic-base-red-70);
--palette-red-6-light: var(--magnetic-base-red-55);
--palette-red-10-light: var(--magnetic-base-red-35);
--palette-red-1-dark: var(--magnetic-base-red-95);
--palette-red-2-dark: var(--magnetic-base-red-90);
--palette-red-3-dark: var(--magnetic-base-red-85);
--palette-red-4-dark: var(--magnetic-base-red-80);
--palette-red-5-dark: var(--magnetic-base-red-60);
--palette-red-8-dark: var(--magnetic-base-red-55);
--palette-red-9-dark: var(--magnetic-base-red-45);
--palette-red-10-dark: var(--magnetic-base-red-40);
--palette-yellow-2-light: var(--magnetic-base-yellow-95);
--palette-yellow-3-light: var(--magnetic-base-yellow-90);
--palette-yellow-4-light: var(--magnetic-base-yellow-85);
--palette-yellow-5-light: var(--magnetic-base-yellow-70);
--palette-yellow-6-light: var(--magnetic-base-yellow-60);
--palette-yellow-7-light: var(--magnetic-base-yellow-60);
--palette-yellow-8-light: var(--magnetic-base-yellow-55);
--palette-yellow-9-light: var(--magnetic-base-yellow-50);
--palette-yellow-10-light: var(--magnetic-base-yellow-40);
--palette-yellow-1-dark: var(--magnetic-base-yellow-95);
--palette-yellow-2-dark: var(--magnetic-base-yellow-95);
--palette-yellow-3-dark: var(--magnetic-base-yellow-85);
--palette-yellow-5-dark: var(--magnetic-base-yellow-70);
--palette-yellow-6-dark: var(--magnetic-base-yellow-65);
--palette-yellow-7-dark: var(--magnetic-base-orange-55);
--palette-yellow-8-dark: var(--magnetic-base-orange-50);
--palette-yellow-9-dark: var(--magnetic-base-orange-45);
--palette-yellow-10-dark: var(--magnetic-base-orange-40);
--palette-blue-2-light: var(--magnetic-base-blue-90);
--palette-blue-3-light: var(--magnetic-base-blue-90);
--palette-blue-5-light: var(--magnetic-base-blue-70);
--palette-blue-7-light: var(--magnetic-base-blue-55);
--palette-blue-8-light: var(--magnetic-base-blue-50);
--palette-blue-9-light: var(--magnetic-base-blue-45);
--palette-blue-10-light: var(--magnetic-base-blue-40);
--palette-blue-2-dark: var(--magnetic-base-blue-90);
--palette-blue-6-dark: var(--magnetic-base-blue-60);
--palette-blue-7-dark: var(--magnetic-base-blue-55);
--chart-badges-cyan-default-light: #049FD9;
--chart-badges-cyan-medium-light: #81CFEC;
--chart-badges-cyan-light: #CDECF7;
--chart-badges-cyan-default-dark: #049FD9;
--chart-badges-cyan-medium-dark: #0F759D;
--chart-badges-cyan-dark: #18526A;
--chart-badges-blue-default-light: #0D56E2;
--chart-badges-blue-medium-light: #86AAF0;
--chart-badges-blue-light: #CFDDF9;
--chart-badges-blue-default-dark: #568DF5;
--chart-badges-blue-medium-dark: #446AAF;
--chart-badges-blue-dark: #354B74;
--chart-badges-lavender-default-light: #B180D6;
--chart-badges-lavender-medium-light: #D8BFEA;
--chart-badges-lavender-light: #EFE6F7;
--chart-badges-lavender-default-dark: #AD78D3;
--chart-badges-lavender-medium-dark: #7D5C99;
--chart-badges-lavender-dark: #534468;
--chart-badges-magenta-default-light: #C0006F;
--chart-badges-magenta-medium-light: #DF80B7;
--chart-badges-magenta-light: #F2CCE2;
--chart-badges-magenta-default-dark: #E25ABE;
--chart-badges-magenta-medium-dark: #9F488C;
--chart-badges-magenta-dark: #663960;
--chart-badges-pink-default-light: #F4647A;
--chart-badges-pink-medium-light: #F9B1BC;
--chart-badges-pink-light: #FDE0E4;
--chart-badges-pink-default-dark: #F4647A;
--chart-badges-pink-medium-dark: #AB4F5F;
--chart-badges-pink-dark: #6C3D49;
--chart-badges-rust-default-light: #B73000;
--chart-badges-rust-medium-light: #DB9780;
--chart-badges-rust-light: #F1D6CC;
--chart-badges-rust-default-dark: #EB6347;
--chart-badges-rust-medium-dark: #A54E3E;
--chart-badges-rust-dark: #693D37;
--chart-badges-golden-default-light: #B2871A;
--chart-badges-golden-medium-light: #D8C38C;
--chart-badges-golden-light: #F0E7D1;
--chart-badges-golden-default-dark: #B2871A;
--chart-badges-golden-medium-dark: #806621;
--chart-badges-golden-dark: #554927;
--chart-badges-green-default-light: #316E27;
--chart-badges-green-medium-light: #98B693;
--chart-badges-green-light: #D6E2D4;
--chart-badges-green-default-dark: #49A239;
--chart-badges-green-medium-dark: #3C7735;
--chart-badges-green-dark: #305332;
--chart-badges-green-cyan-default-light: #00A889;
--chart-badges-green-cyan-medium-light: #80D3C4;
--chart-badges-green-cyan-light: #CCEEE7;
--chart-badges-green-cyan-default-dark: #00A889;
--chart-badges-green-cyan-medium-dark: #0C7B69;
--chart-badges-green-cyan-dark: #17554E;
--chart-badges-teal-blue-default-light: #006C7D;
--chart-badges-teal-blue-medium-light: #80B5BE;
--chart-badges-teal-blue-light: #CCE2E5;
--chart-badges-teal-blue-default-dark: #009CB8;
--chart-badges-teal-blue-medium-dark: #0C7388;
--chart-badges-teal-blue-dark: #17515E;
--active-palette-blue-6-dark: var(--magnetic-theme-custom-21);
--navigation-selected-color-light: var(--magnetic-base-neutral-95);
--navigation-hover-color-light: var(--magnetic-base-neutral-90);
--navigation-primary-hover-select-color-light: var(--magnetic-base-neutral-90);
--navigation-item-group-collapsed-shadow-light: 0px 5px 8px rgba(0, 0, 0, 0.08);
--navigation-primary-active-color-light: var(--magnetic-base-neutral-100);
--navigation-flyout-menu-shadow-light: 8px 8px 8px 0 rgba(0, 0, 0, 0.08);
--navigation-item-flyout-selected-check-color-light: var(--magnetic-base-blue-50);
--navigation-item-flyout-active-background-color-light: var(--magnetic-base-blue-90);
--navigation-item-color-light: var(--magnetic-base-neutral-40);
--navigation-item-flyout-active-color-light: var(--magnetic-base-blue-40);
--navigation-item-active-color-light: var(--magnetic-base-neutral-15);
--navigation-item-flyout-title-color-light: rgb(55, 60, 66);
--navigation-selected-color-dark: var(--magnetic-base-neutral-25);
--navigation-hover-color-dark: var(--magnetic-base-neutral-35);
--navigation-primary-hover-select-color-dark: var(--magnetic-base-neutral-35);
--navigation-primary-active-color-dark: var(--magnetic-base-neutral-15);
--navigation-item-group-collapsed-shadow-dark: 0px 5px 8px rgba(0, 0, 0, 0.30);
--navigation-flyout-menu-shadow-dark: 8px 8px 8px 0 rgb(255, 255, 255, 0.05);
--navigation-text-color-default-dark: var(--magnetic-base-neutral-85);
--navigation-item-flyout-selected-text-color-dark: var(--magnetic-base-neutral-98);
--navigation-item-flyout-selected-check-color-dark: var(--magnetic-base-blue-50);
--navigation-item-flyout-active-background-color-dark: var(--magnetic-base-neutral-70);
--navigation-item-color-dark: var(--magnetic-base-neutral-65);
--navigation-item-flyout-active-color-dark: var(--magnetic-base-blue-40);
--navigation-item-active-color-dark: var(--magnetic-base-neutral-98);
--navigation-item-flyout-title-color-dark: rgb(202, 203, 206);
--brand-bg-default: #373c42;
--brand-bg-hover: #373c42;
--brand-bg-focus: #464c54;
--brand-bg-active: #464c54;
--brand-bg-disabled: #e1e4e8;
--brand-bg-gradient-start: #373c42;
--brand-bg-gradient-end: #0f1214;
--brand-bg-gradient-default: linear-gradient(90deg, #373c42 0%, #0f1214 100%);
--brand-bg-strong-default: #373c42;
--brand-bg-strong-hover: #373c42;
--brand-bg-strong-focus: #373c42;
--brand-bg-strong-active: #373c42;
--brand-text-default: #f7f7f7;
--brand-text-hover: #f7f7f7;
--brand-text-active: #f7f7f7;
--brand-text-weak-default: #f7f7f7;
--brand-text-weak-hover: #f7f7f7;
--brand-text-weak-focus: #f7f7f7;
--brand-text-weak-active: #f7f7f7;
--brand-text-strong-default: #f0f1f2;
--brand-icon-default: #f7f7f7;
--brand-icon-hover: #fff;
--brand-icon-active: #fff;
--brand-icon-weak-default: #f7f7f7;
--brand-icon-weak-hover: #f7f7f7;
--brand-icon-weak-focus: #f7f7f7;
--brand-icon-weak-active: #f7f7f7;
--brand-border-active: #cce1ff;
--brand-accent-icon-focus: #fff;
--brand-accent-icon-weak-focus: #fff;
--brand-accent-icon-medium-focus: #fff;
--brand-accent-icon-medium-active: #52a62b;
--brand-accent-border-default: #52a62b;
--brand-accent-border-weak-default: #d0d4d9;
--brand-accent-border-weak-hover: #fff;
--brand-accent-border-weak-focus: #fff;
--brand-accent-border-weak-disabled: #fff;
--brand-accent-border-medium-hover: #fff;
--brand-accent-border-medium-focus: #fff;
--brand-accent-border-medium-disabled: #fff;
--brand-accent-border-strong-disabled: #fff;
--base-text-weak-default: #889099;
--inverse-bg-default: #373c42;
--inverse-bg-hover: #373c42;
--inverse-bg-focus: #464c54;
--inverse-bg-active: #464c54;
--inverse-bg-disabled: #e1e4e8;
--inverse-bg-gradient-start: #373c42;
--inverse-bg-gradient-end: #0f1214;
--inverse-text-default: #f7f7f7;
--inverse-text-hover: #f7f7f7;
--inverse-text-focus: #f7f7f7;
--inverse-text-active: #f7f7f7;
--inverse-text-disabled: #656c75;
--inverse-text-medium-default: #c1c6cc;
--inverse-text-medium-disabled: #656c75;
--inverse-icon-default: #f7f7f7;
--inverse-icon-hover: #fff;
--inverse-icon-focus: #fff;
--inverse-icon-active: #fff;
--inverse-icon-disabled: #6f7680;
--inverse-icon-strong-default: #fff;
--inverse-icon-strong-hover: #fff;
--inverse-icon-strong-focus: #fff;
--inverse-icon-strong-active: #fff;
--inverse-border-default: #6f7680;
--inverse-border-hover: #649ef5;
--inverse-border-focus: #cce1ff;
--inverse-border-active: #cce1ff;
--inverse-border-disabled: #e1e4e8;
--control-border-weak-hover: #7cadf7;
--control-border-weak-focus: #7cadf7;
--control-border-weak-active: #7cadf7;
--control-border-strong-hover: #656c75;
--interact-border-weak-hover: #cce1ff;
--interact-border-weak-focus: #e1e4e8;
--interact-border-weak-active: #e1e4e8;
--interact-border-medium-disabled: #e1e4e8;
--dormant-bg-default: #6f7680;
--dormant-bg-disabled: #6f7680;
--dormant-icon-medium-default: #fff;
--port-diagram-base-bg-default: #c1c6cc;
--port-diagram-base-bg-active: #889099;
--port-diagram-base-bg-medium-default: #d0d4d9;
--port-diagram-base-bg-medium-active: #c1c6cc;
--port-diagram-base-bg-weak-default: #f0f1f2;
--port-diagram-base-border-default: #6f7680;
--port-diagram-base-border-active: #6f7680;
--port-diagram-base-border-medium-active: #6f7680;
--port-diagram-base-border-strong-default: #23282e;
--port-diagram-base-border-strong-active: #23282e;
--port-diagram-base-icon-in-default: #373c42;
--port-diagram-base-icon-in-active: #373c42;
--port-diagram-full-speed-bg-default: #2b7a0c;
--port-diagram-full-speed-bg-active: #266b0b;
--port-diagram-full-speed-bg-medium-default: #b0e396;
--port-diagram-full-speed-bg-medium-active: #6bbf41;
--port-diagram-full-speed-border-medium-active: #266b0b;
--port-diagram-full-speed-border-strong-default: #23282e;
--port-diagram-full-speed-border-strong-active: #23282e;
--port-diagram-full-speed-icon-in-default: #fff;
--port-diagram-full-speed-icon-in-active: #fff;
--port-diagram-disconnected-bg-default: #373c42;
--port-diagram-disconnected-bg-active: #23282e;
--port-diagram-disconnected-bg-medium-default: #d0d4d9;
--port-diagram-disconnected-bg-medium-active: #c1c6cc;
--port-diagram-disconnected-border-medium-active: #6f7680;
--port-diagram-disconnected-border-strong-default: #23282e;
--port-diagram-disconnected-border-strong-active: #23282e;
--port-diagram-disconnected-icon-in-default: #fff;
--port-diagram-disconnected-icon-in-active: #fff;
--port-diagram-reduced-speed-bg-default: #2b7a0c;
--port-diagram-reduced-speed-bg-active: #266b0b;
--port-diagram-reduced-speed-bg-medium-default: #45991f;
--port-diagram-reduced-speed-bg-medium-active: #398519;
--port-diagram-reduced-speed-border-default: #fff;
--port-diagram-reduced-speed-border-active: #fff;
--port-diagram-reduced-speed-border-medium-active: #266b0b;
--port-diagram-reduced-speed-border-strong-default: #23282e;
--port-diagram-reduced-speed-border-strong-active: #23282e;
--port-diagram-reduced-speed-icon-in-default: #fff;
--port-diagram-reduced-speed-icon-in-active: #fff;
--port-diagram-warning-bg-default: #b05f04;
--port-diagram-warning-bg-active: #944b03;
--port-diagram-warning-bg-medium-default: #f0c243;
--port-diagram-warning-bg-medium-active: #e0a419;
--port-diagram-warning-border-medium-active: #944b03;
--port-diagram-warning-border-strong-default: #23282e;
--port-diagram-warning-border-strong-active: #23282e;
--port-diagram-warning-border-default: #fff;
--port-diagram-warning-icon-in-default: #fff;
--port-diagram-warning-icon-in-active: #fff;
--port-diagram-critical-bg-default: #cc2d37;
--port-diagram-critical-bg-active: #a01d26;
--port-diagram-critical-bg-medium-default: #ffb2b5;
--port-diagram-critical-bg-medium-active: #ff878b;
--port-diagram-critical-border-medium-active: #a01d26;
--port-diagram-critical-border-strong-default: #23282e;
--port-diagram-critical-border-strong-active: #23282e;
--port-diagram-critical-icon-in-default: #fff;
--port-diagram-critical-icon-in-active: #fff;
--port-diagram-low-power-bg-default: #b05f04;
--port-diagram-low-power-bg-active: #944b03;
--port-diagram-low-power-bg-medium-default: #f0c243;
--port-diagram-low-power-bg-medium-active: #e0a419;
--port-diagram-low-power-bg-weak-default: #f5e08e;
--port-diagram-low-power-bg-weak-active: #f2d268;
--port-diagram-low-power-border-medium-active: #944b03;
--port-diagram-low-power-border-strong-default: #23282e;
--port-diagram-low-power-border-strong-active: #23282e;
--port-diagram-low-power-icon-in-default: #b05f04;
--port-diagram-low-power-icon-in-active: #944b03;
}
[data-theme='light'] {
--editor-text-color: var(--magnetic-base-neutral-35);
--editor-background-color: var(--magnetic-base-neutral-95);
--editor-rows-color: var(--magnetic-base-neutral-50);
--editor-hover-color: var(--magnetic-base-blue-95);
--license-primary-text-color: var(--magnetic-base-neutral-35);
--license-secondary-text-color: var(--magnetic-accent-slate-95);
--license-tertiary-text-color: var(--magnetic-base-neutral-100);
--license-primary-divider-color: var(--magnetic-base-neutral-80);
--license-secondary-divider-color: var(--magnetic-base-neutral-80);
--license-inactive-color: var(--magnetic-base-neutral-50);
--license-header-divider-color: var(--magnetic-base-neutral-90);
--license-primary-background-color: var(--magnetic-base-neutral-98);
--license-background-color: var(--magnetic-base-neutral-100);
--license-current-card-bg: var(--magnetic-base-blue-95);
--license-agreement-background-color: var(--magnetic-base-neutral-98);
--backdrop-primary-background-color: var(--magnetic-base-neutral-98);
--backdrop-primary-text-color: var(--magnetic-base-neutral-35);
--card-primary-divider-color: var(--magnetic-base-neutral-80);
--card-primary-background-color: var(--magnetic-base-neutral-100);
--card-icon-color: var(--magnetic-base-neutral-60);
--expandable-text-color: var(--magnetic-base-neutral-35);
--expandable-current-text-color: var(--magnetic-base-neutral-100);
--expandable-inactive-bg-color: transparent;
--expandable-active-bg-color: transparent;
--expandable-bg-color: transparent;
--expandable-inactive-text-color: var(--magnetic-base-neutral-35);
--expandable-active-text-color: var(--magnetic-base-neutral-35);
--expandable-inactive-divider-color: var(--magnetic-base-neutral-90);
--expandable-active-divider-color: var(--magnetic-base-neutral-80);
--dashlet-primary-text-color: var(--magnetic-base-neutral-35);
--dashlet-secondary-text-color: var(--magnetic-base-neutral-35);
--dashlet-tertiary-text-color: var(--magnetic-base-neutral-100);
--dashlet-primary-divider-color: var(--magnetic-base-neutral-90);
--dashlet-secondary-divider-color: var(--magnetic-base-neutral-90);
--dashlet-primary-hover-color: var(--magnetic-base-neutral-80);
--dashlet-primary-inactive-color: var(--magnetic-base-neutral-80);
--dashlet-primary-background-color: var(--magnetic-base-neutral-98);
--dashlet-secondary-background-color: var(--magnetic-base-neutral-100);
--dashlet-stats-background-color: var(--magnetic-base-neutral-90);
--dashlet-tertiary-background-color: var(--magnetic-base-neutral-95);
--dashlet-accent-color: var(--magnetic-base-blue-55);
--dashlet-ok-color: var(--magnetic-base-green-55);
--dashlet-success-color: var(--magnetic-accent-emerald-60);
--dashlet-error-color: var(--magnetic-base-red-50);
--dashlet-warning-color: var(--magnetic-base-yellow-70);
--dashlet-unknown-color: var(--magnetic-base-neutral-60);
--dashlet-validated-color: var(--magnetic-accent-emerald-60);
--dashlet-not-validated-color: var(--magnetic-base-yellow-70);
--dashlet-running-color: var(--magnetic-base-blue-55);
--dashlet-attention-color: var(--magnetic-base-yellow-80);
--dashlet-success-background-color: var(--magnetic-accent-emerald-60);
--dashlet-error-background-color: var(--magnetic-base-red-50);
--dashlet-warning-background-color: var(--magnetic-accent-pink-60);
--dashlet-unknown-background-color: var(--magnetic-base-light-blue-55);
--dashlet-validated-background-color: var(--magnetic-base-blue-40);
--dashlet-not-validated-background-color: var(--magnetic-accent-pink-45);
--dashlet-running-background-color: var(--magnetic-theme-custom-16);
--dashlet-attention-background-color: var(--magnetic-base-purple-65);
--dashlet-border: none;
--dashlet-drawer-primary-background-color: var(--magnetic-base-neutral-100);
--dashlet-drawer-secondary-background-color: var(--magnetic-base-neutral-98);
--dashlet-drawer-primary-border-color: var(--magnetic-base-neutral-80);
--dashlet-drawer-secondary-border-color: var(--magnetic-base-neutral-90);
--dashlet-category-text-color: var(--magnetic-base-neutral-50);
--dashlet-vendor-text-color: var(--magnetic-base-neutral-50);
--dashlet-vendor-background-color: var(--magnetic-base-neutral-98);
--table-primary-color: var(--magnetic-base-neutral-100);
--table-primary-text-color: var(--magnetic-base-neutral-35);
--table-secondary-text-color: var(--magnetic-base-neutral-35);
--table-primary-icon-color: var(--magnetic-base-neutral-60);
--table-secondary-icon-color: var(--magnetic-base-neutral-50);
--table-tertiary-icon-color: var(--magnetic-base-neutral-100);
--table-primary-hover-color: var(--magnetic-base-neutral-90);
--table-primary-divider-color: var(--magnetic-base-neutral-50);
--table-secondary-divider-color: var(--magnetic-base-neutral-80);
--table-tertiary-divider-color: var(--magnetic-base-neutral-100);
--table-crud-divider-color: var(--magnetic-base-blue-55);
--table-crud-background-color: var(--magnetic-base-neutral-100);
--table-primary-active-color: var(--magnetic-base-blue-95);
--table-primary-inactive-color: var(--magnetic-base-neutral-80);
--table-primary-background-color: var(--magnetic-base-neutral-98);
--table-secondary-background-color: var(--magnetic-base-neutral-100);
--table-tertiary-background-color: var(--magnetic-base-neutral-95);
--table-accent-color: var(--magnetic-base-blue-55);
--table-hover-accent-color: undefined;
--table-success-color: var(--magnetic-accent-emerald-60);
--table-error-color: var(--magnetic-base-red-50);
--table-warning-color: var(--magnetic-base-yellow-70);
--table-settings-primary-divider-color: var(--magnetic-base-neutral-80);
--table-settings-secondary-divider-color: var(--magnetic-base-neutral-90);
--notification-text-color: var(--magnetic-base-neutral-100);
--drawer-primary-color: var(--magnetic-base-neutral-90);
--drawer-secondary-color: var(--magnetic-base-neutral-98);
--drawer-tertiary-color: var(--magnetic-base-neutral-60);
--drawer-primary-text-color: var(--magnetic-base-neutral-50);
--drawer-secondary-text-color: var(--magnetic-base-neutral-35);
--drawer-primary-icon-color: var(--magnetic-base-neutral-100);
--drawer-primary-divider-color: var(--magnetic-base-neutral-90);
--drawer-light-divider-color: var(--magnetic-base-neutral-90);
--drawer-backdrop-color: var(--magnetic-base-neutral-80);
--drawer-accent-color: var(--magnetic-base-blue-55);
--drawer-hover-color: var(--magnetic-base-neutral-90);
--drawer-success-color: var(--magnetic-accent-emerald-60);
--drawer-error-color: var(--magnetic-base-red-50);
--drawer-warning-color: var(--magnetic-base-yellow-70);
--drawer-filter-background-color: var(--magnetic-base-neutral-98);
--drawer-preview-item-actions-background-color: var(--magnetic-base-neutral-95);
--drawer-preview-item-image-border-color: var(--magnetic-base-neutral-98);
--widget-primary-color: var(--magnetic-base-neutral-35);
--widget-secondary-color: var(--magnetic-base-neutral-50);
--widget-tag-attr-text-color: var(--magnetic-base-neutral-50);
--widget-tag-item-text-color: var(--magnetic-base-neutral-35);
--widget-icon-color: var(--magnetic-base-neutral-60);
--widget-switcher-bg: var(--magnetic-base-neutral-80);
--widget-primary-text-color: var(--magnetic-base-neutral-35);
--widget-secondary-text-color: var(--magnetic-base-neutral-50);
--widget-tertiary-text-color: var(--magnetic-base-neutral-100);
--modal-primary-text-color: var(--magnetic-base-neutral-35);
--dropdown-hover-text-color: var(--magnetic-base-neutral-35);
--input-primary-text-color: var(--magnetic-base-neutral-35);
--input-secondary-text-color: var(--magnetic-base-neutral-90);
--widget-primary-icon-color: var(--magnetic-base-neutral-50);
--widget-secondary-icon-color: var(--magnetic-base-neutral-50);
--widget-tertiary-icon-color: var(--magnetic-base-neutral-100);
--widget-overlay-icon-color: var(--magnetic-base-blue-55);
--widget-primary-divider-color: var(--magnetic-base-neutral-50);
--widget-secondary-divider-color: var(--magnetic-base-neutral-80);
--widget-tertiary-divider-color: var(--magnetic-base-neutral-90);
--widget-light-divider-color: var(--magnetic-base-neutral-40);
--widget-tag-background-color: var(--magnetic-base-neutral-90);
--widget-picker-background-color: var(--magnetic-base-neutral-100);
--filter-widget-background-color: var(--magnetic-base-neutral-100);
--widget-modal-background-color: var(--magnetic-base-neutral-100);
--widget-modal-bg-background-color: var(--magnetic-base-neutral-35);
--widget-modal-divider-color: var(--magnetic-base-neutral-90);
--widget-primary-hover-color: var(--magnetic-base-neutral-90);
--widget-secondary-hover-color: var(--magnetic-base-blue-95);
--widget-tertiary-hover-color: var(--magnetic-base-blue-95);
--widget-tertiary-overlay-color: var(--magnetic-base-blue-95);
--widget-fourth-hover-color: var(--magnetic-base-neutral-80);
--widget-primary-active-color: var(--magnetic-base-neutral-80);
--widget-primary-inactive-color: var(--magnetic-base-neutral-50);
--widget-dropdown-inactive-color: var(--magnetic-base-neutral-90);
--widget-primary-background-color: var(--magnetic-base-neutral-98);
--widget-secondary-background-color: var(--magnetic-base-neutral-100);
--widget-tertiary-background-color: var(--magnetic-base-neutral-98);
--widget-accent-color: var(--magnetic-base-light-blue-50);
--widget-hover-accent-color: #0d5cbd;
--widget-error-color: var(--magnetic-base-red-50);
--widget-warning-color: var(--magnetic-base-yellow-70);
--widget-attention-allegation-color: var(--magnetic-accent-slate-40);
--widget-attention-opposition-color: var(--magnetic-base-orange-95);
--text-widget-title-color: var(--magnetic-base-neutral-50);
--header-primary-color: var(--magnetic-base-neutral-35);
--header-secondary-color: var(--magnetic-base-neutral-50);
--header-primary-text-color: var(--magnetic-base-neutral-50);
--header-primary-icon-color: var(--magnetic-accent-slate-95);
--header-secondary-icon-color: var(--magnetic-base-neutral-100);
--header-primary-divider-color: var(--magnetic-base-neutral-40);
--header-warning-color: var(--magnetic-base-yellow-70);
--json-primary-color: var(--magnetic-base-neutral-35);
--json-primary-divider-color: var(--magnetic-base-neutral-80);
--json-primary-inactive-color: var(--magnetic-base-neutral-50);
--json-primary-background-color: var(--magnetic-base-neutral-95);
--json-success-color: var(--magnetic-accent-emerald-60);
--json-accent-color: var(--magnetic-base-blue-55);
--json-hover-accent-color: undefined;
--loader-primary-divider-color: var(--magnetic-base-neutral-80);
--loader-primary-background-color: var(--magnetic-base-neutral-98);
--loader-icon-background-color: var(--magnetic-base-neutral-80);
--loader-accent-color: var(--magnetic-base-blue-55);
--loader-error-color: var(--magnetic-base-red-50);
--menu-primary-color: var(--magnetic-base-neutral-98);
--menu-secondary-color: var(--magnetic-base-neutral-50);
--menu-primary-text-color: var(--magnetic-accent-slate-95);
--menu-secondary-text-color: var(--magnetic-base-neutral-100);
--menu-primary-icon-color: var(--magnetic-base-neutral-100);
--menu-primary-divider-color: var(--magnetic-base-neutral-50);
--menu-primary-hover-color: var(--magnetic-base-neutral-90);
--menu-accent-color: var(--magnetic-base-blue-55);
--ucs-menu-background: var(--magnetic-base-neutral-100);
--ucs-menu-hover-text-color: var(--magnetic-base-neutral-35);
--ucs-menu-hover-color: var(--magnetic-base-neutral-98);
--ucs-menu-disabled-hover-color: var(--magnetic-base-neutral-100);
--navigation-primary-color: var(--magnetic-base-neutral-35);
--navigation-secondary-color: var(--magnetic-base-neutral-50);
--navigation-primary-text-color: var(--magnetic-accent-slate-95);
--navigation-secondary-text-color: var(--magnetic-base-neutral-100);
--navigation-primary-icon-color: var(--magnetic-accent-slate-95);
--navigation-secondary-icon-color: var(--magnetic-base-neutral-100);
--navigation-primary-divider-color: var(--magnetic-base-neutral-50);
--navigation-accent-color: var(--magnetic-base-blue-55);
--navigation-box-shadow: none;
--tooltip-primary-color: var(--magnetic-base-neutral-25);
--tooltip-border-color: var(--magnetic-base-neutral-50);
--tooltip-border-opacity-color: 1;
--tooltip-primary-text-color: var(--magnetic-base-neutral-100);
--walkme-overlay-opacity: 0.2;
--walkme-highlight-background: var(--magnetic-base-neutral-100);
--walkme-hover-color: var(--magnetic-base-neutral-80);
--walkme-content-background: var(--magnetic-base-neutral-100);
--walkme-divider-color: var(--magnetic-base-neutral-90);
--walkme-steps-color: var(--magnetic-base-neutral-50);
--banner-bg: 0.2;
--banner-border: 0.3;
--detail-comp-heading-text-color: var(--magnetic-base-neutral-25);
--detail-comp-primary-text-color: var(--magnetic-base-neutral-35);
--detail-comp-secondary-text-color: var(--magnetic-accent-slate-95);
--detail-comp-tertiary-text-color: var(--magnetic-base-neutral-100);
--detail-comp-primary-divider-color: var(--magnetic-base-neutral-50);
--detail-comp-secondary-divider-color: var(--magnetic-base-neutral-90);
--detail-comp-hover-color: var(--magnetic-base-neutral-80);
--detail-comp-inactive-color: var(--magnetic-base-neutral-50);
--detail-comp-secondary-inactive-color: var(--magnetic-base-neutral-80);
--detail-comp-primary-background-color: var(--magnetic-base-neutral-98);
--detail-comp-secondary-background-color: var(--magnetic-base-neutral-100);
--detail-comp-thirty-background-color: var(--magnetic-base-neutral-100);
--detail-comp-secondary-active-color: var(--magnetic-base-blue-95);
--wizard-primary-bg-color: var(--magnetic-base-neutral-50);
--wizard-secondary-bg-color: var(--magnetic-base-neutral-100);
--wizard-tertiary-bg-color: var(--magnetic-base-neutral-100);
--wizard-primary-divider-color: var(--magnetic-base-neutral-80);
--wizard-primary-text-color: var(--magnetic-base-neutral-100);
--wizard-secondary-text-color: var(--magnetic-accent-slate-95);
--wizard-tip-bg-color: var(--magnetic-base-blue-95);
--wizard-tip-hover-bg-color: var(--magnetic-base-neutral-80);
--flow-primary-bg-color: var(--magnetic-base-neutral-98);
--flow-secondary-bg-color: var(--magnetic-base-neutral-98);
--flow-tertiary-bg-color: var(--magnetic-base-neutral-100);
--flow-quaternary-bg-color: var(--magnetic-base-neutral-100);
--flow-steps-progress-color: var(--magnetic-base-neutral-98);
--flow-steps-finished-color: var(--magnetic-base-neutral-80);
--flow-steps-node-bg-color: var(--magnetic-base-neutral-80);
--flow-steps-node-font-color: var(--magnetic-base-neutral-100);
--flow-primary-footer-color: var(--magnetic-base-neutral-100);
--flow-help-icon-color: var(--magnetic-base-neutral-35);
--flow-primary-divider-color: var(--magnetic-base-neutral-98);
--flow-secondary-divider-color: var(--magnetic-base-neutral-90);
--flow-dark-divider-color: var(--magnetic-base-neutral-80);
--flow-divider-color: var(--magnetic-base-neutral-90);
--flow-progress-inactive-color: var(--magnetic-base-neutral-90);
--flow-heading-text-color: var(--magnetic-base-neutral-25);
--flow-primary-text-color: var(--magnetic-base-neutral-35);
--flow-secondary-text-color: var(--magnetic-base-neutral-100);
--flow-hovered-icon-color: var(--magnetic-base-neutral-50);
--flow-primary-icon-color: var(--magnetic-base-neutral-60);
--flow-primary-inactive-text-color: var(--magnetic-base-neutral-50);
--flow-secondary-innactive-color: var(--magnetic-base-neutral-50);
--flow-secondary-inactive-hover-color: var(--magnetic-theme-custom-21);
--flow-header-icon-bg-color: rgba(41, 182, 246, 0.1);
--context-help-bg-color: var(--magnetic-base-neutral-98);
--context-help-title-text-color: var(--magnetic-base-neutral-35);
--context-help-primary-text-color: var(--magnetic-base-neutral-100);
--context-help-divider-color: var(--magnetic-base-neutral-80);
--context-help-secondary-divider-color: var(--magnetic-base-neutral-80);
--context-help-secondary-bg-color: var(--magnetic-base-neutral-98);
--context-help-secondary-text-color: var(--magnetic-base-neutral-50);
--context-help-secondary-icon-color: var(--magnetic-base-neutral-50);
--context-help-thead-bg-color: var(--magnetic-base-neutral-90);
--context-help-thead-border-color: var(--magnetic-base-neutral-90);
--context-help-thead-text-color: var(--magnetic-base-neutral-50);
--context-help-table-text-color: var(--magnetic-base-neutral-35);
--context-help-table-border-color: var(--magnetic-base-neutral-90);
--context-help-table-divider-color: var(--magnetic-base-neutral-50);
--context-help-drawer-border-color: var(--magnetic-base-neutral-90);
--context-help-resizer-border-color: var(--magnetic-base-neutral-90);
--context-help-resizer-dot-color: var(--magnetic-base-neutral-50);
--view-file-icon-normal-color: var(--magnetic-base-neutral-50);
--view-file-icon-hover-color: var(--magnetic-theme-custom-21);
--view-file-drawer-background-color: var(--magnetic-base-neutral-100);
--view-file-drawer-title-divider-color: var(--magnetic-base-neutral-80);
--view-file-drawer-inactive-text-color: var(--magnetic-base-neutral-50);
--header-title-primary-text-color: var(--magnetic-base-neutral-50);
--header-title-secondary-text-color: var(--magnetic-base-neutral-35);
--accent-color-background-color: var(--magnetic-base-blue-55);
--workflow-designer-footer: var(--magnetic-base-neutral-100);
--workflow-tools-task-header-color: var(--magnetic-base-neutral-98);
--workflow-tools-task-header-hover-color: var(--magnetic-base-neutral-80);
--workflow-tools-expand-collapse-icon-color: var(--magnetic-base-neutral-50);
--workflow-preview-background-color: var(--magnetic-base-neutral-98);
--node-background-color: var(--magnetic-base-neutral-100);
--node-header-icon-color: var(--magnetic-base-neutral-60);
--node-header-title-color: var(--magnetic-base-neutral-35);
--node-header-subtitle-color: var(--magnetic-base-neutral-50);
--node-header-divider-color: var(--magnetic-base-neutral-90);
--node-base-icon-color: var(--magnetic-base-neutral-60);
--node-border-color: var(--magnetic-base-neutral-90);
--node-key-color: var(--magnetic-base-neutral-50);
--node-value-color: var(--magnetic-base-neutral-35);
--workspace-body-background-color: var(--magnetic-base-neutral-98);
--workspace-line-color: var(--magnetic-base-neutral-90);
--adapter-bg-color: var(--magnetic-base-neutral-90);
--adapter-border-color: var(--magnetic-base-neutral-35);
--adapter-unknown-status-color: var(--magnetic-base-neutral-35);
--unknown-status-color: var(--magnetic-base-neutral-70);
--tooltip-topology-background-color: undefined;
--tooltip-topology-text-color: var(--magnetic-base-neutral-50);
--schematic-background-color: var(--magnetic-base-neutral-98);
--device-border-color: var(--magnetic-base-neutral-50);
--device-positive-border-color: var(--magnetic-base-green-80);
--device-warning-border-color: var(--magnetic-base-yellow-85);
--device-critical-border-color: var(--magnetic-base-red-80);
--device-neutral-border-color: var(--magnetic-base-neutral-90);
--device-positive-bg-color: var(--magnetic-base-green-95);
--device-warning-bg-color: var(--magnetic-base-yellow-95);
--device-critical-bg-color: var(--magnetic-accent-pink-95);
--device-neutral-bg-color: var(--magnetic-base-neutral-60);
--device-positive-icon-color: var(--magnetic-base-green-60);
--device-warning-icon-color: var(--magnetic-base-yellow-60);
--device-critical-icon-color: var(--magnetic-base-red-55);
--replacement-needed-background-color: var(--magnetic-base-yellow-95);
--primary-inactive-color-bg-color: var(--magnetic-base-neutral-70);
--neutral-primary-8-color: undefined;
--neutral-secondary-11-color: undefined;
--neutral-tertiary-12-color: undefined;
--success-background-color-palette: var(--magnetic-base-green-95);
--palette-green-2-isnd-color: var(--magnetic-base-green-90);
--palette-green-3-isnd-color: var(--magnetic-base-green-90);
--palette-green-4-isnd-color: var(--magnetic-base-green-80);
--palette-green-5-isnd-color: var(--magnetic-base-green-70);
--palette-green-6-isnd-color: var(--magnetic-base-green-60);
--palette-green-7-isnd-color: undefined;
--palette-green-8-isnd-color: var(--magnetic-base-green-50);
--palette-green-9-isnd-color: var(--magnetic-base-green-45);
--palette-green-10-isnd-color: var(--magnetic-base-green-40);
--palette-red-2-isnd-color: var(--magnetic-base-red-90);
--palette-red-3-isnd-color: var(--magnetic-base-red-85);
--palette-red-4-isnd-color: undefined;
--palette-red-5-isnd-color: var(--magnetic-base-red-70);
--palette-red-6-isnd-color: var(--magnetic-base-red-55);
--palette-red-7-isnd-color: undefined;
--palette-red-8-isnd-color: undefined;
--palette-red-9-isnd-color: undefined;
--palette-red-10-isnd-color: var(--magnetic-base-red-35);
--palette-blue-2-isnd-color: var(--magnetic-base-blue-90);
--palette-blue-3-isnd-color: var(--magnetic-base-blue-90);
--palette-blue-4-isnd-color: undefined;
--palette-blue-5-isnd-color: var(--magnetic-base-blue-70);
--palette-blue-6-isnd-color: undefined;
--palette-blue-7-isnd-color: var(--magnetic-base-blue-55);
--palette-blue-8-isnd-color: var(--magnetic-base-blue-50);
--palette-blue-9-isnd-color: var(--magnetic-base-blue-45);
--palette-blue-10-isnd-color: var(--magnetic-base-blue-40);
--palette-yellow-2-isnd-color: var(--magnetic-base-yellow-95);
--palette-yellow-3-isnd-color: var(--magnetic-base-yellow-90);
--palette-yellow-4-isnd-color: var(--magnetic-base-yellow-85);
--palette-yellow-5-isnd-color: var(--magnetic-base-yellow-70);
--palette-yellow-6-isnd-color: var(--magnetic-base-yellow-60);
--palette-yellow-7-isnd-color: var(--magnetic-base-yellow-60);
--palette-yellow-8-isnd-color: var(--magnetic-base-yellow-55);
--palette-yellow-9-isnd-color: var(--magnetic-base-yellow-50);
--palette-yellow-10-isnd-color: var(--magnetic-base-yellow-40);
--main-header-background: linear-gradient(90deg, rgba(13, 39, 77, 0.8) 0%, #0D274D 79.96%);
--background: var(--magnetic-base-neutral-98);
--tertiary-background: var(--magnetic-base-neutral-100);
--card-background: var(--magnetic-base-neutral-100);
--hovered-selected-background: var(--magnetic-base-neutral-90);
--hovered-selected-text: var(--magnetic-base-neutral-15);
--disable-state-or-dividers: var(--magnetic-base-neutral-80);
--icons: var(--magnetic-base-neutral-60);
--placeholder: var(--magnetic-base-neutral-60);
--secondary-text: var(--magnetic-base-neutral-50);
--disabled-text: var(--magnetic-base-neutral-70);
--primary-text: var(--magnetic-base-neutral-35);
--heading: var(--magnetic-base-neutral-25);
--divider-border: var(--magnetic-base-neutral-90);
--switcher-point-color: var(--magnetic-base-neutral-100);
--table-header-divider: var(--magnetic-base-neutral-90);
--overlay-bg-modal: rgba(0, 0, 0, 0.4);
--active-background: var(--magnetic-base-blue-95);
--hover-background: var(--magnetic-base-neutral-98);
--hover-secondary-button-background: var(--magnetic-base-blue-95);
--hover-secondary-button-color: var(--magnetic-base-blue-35);
--accent-color-isnd: #1d69cc;
--accent-focused-text: var(--magnetic-base-neutral-5);
--tag-remove-hover-color: var(--magnetic-base-red-50);
--warning-status-background-color: var(--magnetic-base-yellow-95);
--critical-status-background-color: var(--magnetic-base-red-90);
--positive-status-background-color: var(--magnetic-base-green-90);
--info-status-background-color: var(--magnetic-base-blue-95);
--icon-status-sign-color: var(--magnetic-base-neutral-100);
--warning-status-sign-color: var(--magnetic-base-neutral-100);
--disabled-background-color: var(--magnetic-base-blue-85);
--icons-hover: var(--magnetic-base-neutral-50);
--disabled-icons: var(--magnetic-base-neutral-80);
--hover-button-color: #0d5cbd;
--hover-bg-button-color: #cce1ff;
--disabled-button-color: #cce1ff;
--disabled-bg-button-color: #fff;
--switcher-bg-color: var(--magnetic-base-neutral-40);
--switcher-bg-hover-color: var(--magnetic-base-neutral-35);
--switcher-bg-checked-color: var(--magnetic-base-light-blue-50);
--switcher-bg-checked-hover-color: var(--magnetic-base-blue-35);
--switcher-bg-disabled-color: var(--magnetic-base-neutral-80);
--switcher-bg-disabled-checked-color: var(--magnetic-base-blue-85);
--badge-cyan-bg-color: var(--magnetic-base-light-blue-95);
--badge-blue-bg-color: var(--magnetic-accent-slate-90);
--badge-lavender-bg-color: var(--magnetic-base-purple-90);
--badge-magenta-bg-color: var(--magnetic-accent-magenta-85);
--badge-pink-bg-color: var(--magnetic-base-red-90);
--badge-rust-bg-color: var(--magnetic-base-red-85);
--badge-golden-bg-color: var(--magnetic-base-orange-95);
--badge-green-bg-color: var(--magnetic-accent-lime-90);
--badge-green-cyan-bg-color: var(--magnetic-accent-teal-95);
--badge-teal-blue-bg-color: var(--magnetic-accent-teal-95);
--badge-positive-bg-color: #e0f5d5;
--badge-allow-bg-color: #e0f5d5;
--badge-excellent-bg-color: #d4f5e1;
--badge-low-warning-bg-color: #d5f5f5;
--badge-warning-bg-color: #faefb9;
--badge-severe-warning-bg-color: #ffeadb;
--badge-critical-bg-color: #ffe8e9;
--badge-negative-bg-color: #ffe8e9;
--badge-deny-bg-color: #ffe8e9;
--badge-neutral-bg-color: #e1e4e8;
--badge-unknown-bg-color: #e1e4e8;
--badge-disabled-bg-color: #e1e4e8;
--badge-info-bg-color: #e3eeff;
--badge-in-progress-bg-color: #e3eeff;
--icon-color-positive: #45991f;
--icon-color-allow: #45991f;
--icon-color-excellent: #087041;
--icon-color-low-warning: #028e99;
--icon-color-warning: #bd7202;
--icon-color-severe-warning: #d95a1a;
--icon-color-critical: #cc2d37;
--icon-color-negative: #cc2d37;
--icon-color-deny: #cc2d37;
--icon-color-neutral: #6f7680;
--icon-color-unknown: #6f7680;
--icon-color-disabled: #6f7680;
--icon-color-info: #2774d9;
--icon-color-in-progress: #2774d9;
--navigation-primary-selected-color: var(--magnetic-base-neutral-95);
--navigation-primary-hover-color: var(--magnetic-base-neutral-90);
--navigation-primary-hover-select-color: var(--magnetic-base-neutral-90);
--navigation-primary-active-color: var(--magnetic-base-neutral-100);
--navigation-item-left-bar-color: var(--magnetic-base-blue-55);
--navigation-item-right-bar-color: var(--magnetic-base-blue-55);
--navigation-icon-group-color: var(--magnetic-base-neutral-60);
--navigation-icon-group-selected-color: var(--magnetic-base-blue-60);
--navigation-reminders-header-tag-background: undefined;
--navigation-reminders-header-tag-text-color: undefined;
--navigation-reminder-background-color: var(--magnetic-base-neutral-100);
--navigation-reminder-close-button-color: var(--magnetic-base-neutral-70);
--navigation-title-text-color: var(--magnetic-base-neutral-70);
--navigation-feature-mark-indicator-background-color: var(--magnetic-base-yellow-70);
--navigation-group-container-arrow-icon-color: var(--magnetic-base-neutral-50);
--navigation-icon-info-badge-color: var(--magnetic-base-neutral-25);
--navigation-item-group-collapsed-shadow: 0px 5px 8px rgba(0, 0, 0, 0.08);
--navigation-item-color: var(--magnetic-base-neutral-40);
--navigation-item-active-color: var(--magnetic-base-neutral-15);
--navigation-flyout-menu-shadow: 8px 8px 8px 0 rgba(0, 0, 0, 0.08);
--navigation-item-flyout-active-color: var(--magnetic-base-blue-40);
--navigation-item-flyout-active-background-color: var(--magnetic-base-blue-90);
--navigation-item-flyout-caret-default-color: var(--magnetic-base-neutral-55);
--navigation-item-flyout-close-default-color: var(--magnetic-base-neutral-55);
--navigation-item-flyout-selected-check-color: var(--magnetic-base-blue-50);
--navigation-item-flyout-selected-text-color: var(--magnetic-base-neutral-15);
--navigation-item-flyout-title-color: rgb(55, 60, 66);
--notification-alert-title-color: var(--magnetic-base-neutral-15);
--notification-alert-text-color: var(--magnetic-base-neutral-15);
--notification-alert-close-icon-color: var(--magnetic-base-neutral-55);
--notifications-alert-link-color: var(--magnetic-base-blue-45);
--accent-destructive-color: var(--magnetic-base-red-45);
--accent-destructive-hover-color: var(--magnetic-base-red-40);
--accent-destructive-background-color: var(--magnetic-base-red-90);
--accent-destructive-disabled-color: var(--magnetic-base-red-80);
--magnetic-button-background: var(--magnetic-base-blue-45);
--magnetic-button-border: var(--magnetic-base-blue-45);
--magnetic-action-dropdown-border: var(--magnetic-base-neutral-60);
--magnetic-header-description: var(--magnetic-base-neutral-40);
--magnetic-header: var(--magnetic-base-neutral-25);
--magnetic-header-title: var(--magnetic-base-neutral-50);
--magnetic-drawer-background: var(--magnetic-base-neutral-100);
--magnetic-categorical-1: #505ED9;
--magnetic-categorical-2: #04A4B0;
--magnetic-categorical-3: #A974F7;
--magnetic-categorical-4: #C2306F;
--magnetic-categorical-5: #7DA11B;
--magnetic-categorical-6: #864AE0;
--magnetic-categorical-7: #F2638C;
--magnetic-categorical-8: #017580;
--magnetic-categorical-9: #139BEB;
--magnetic-categorical-10: #545C8A;
--magnetic-categorical-11: #F26722;
--magnetic-categorical-12: #0B7B46;
--magnetic-positive: #45991F;
--magnetic-warning: #CC8604;
--magnetic-severe-warning: #F26722;
--magnetic-negative: #CC2D37;
--magnetic-dormant: #889099;
--main-workflows-header-background: linear-gradient(90deg, #373c42 0%, #0f1214 100%);
--brand-accent-icon-default: #7e868f;
--brand-accent-icon-active: #45991f;
--brand-accent-icon-disabled: #d0d4d9;
--brand-accent-icon-weak-default: #c1c6cc;
--brand-accent-icon-weak-active: #6bbf41;
--brand-accent-icon-weak-disabled: #d0d4d9;
--brand-accent-icon-medium-default: #a7adb5;
--brand-accent-icon-medium-disabled: #d0d4d9;
--brand-accent-border-hover: #e1e4e8;
--brand-accent-border-focus: #45991f;
--brand-accent-border-active: #45991f;
--brand-accent-border-weak-active: #6bbf41;
--brand-accent-border-medium-default: #f0f1f2;
--brand-accent-border-medium-active: #e0f5d5;
--brand-accent-border-strong-default: #f7f7f7;
--brand-accent-border-strong-hover: #f7f7f7;
--brand-accent-border-strong-focus: #f7f7f7;
--brand-accent-border-strong-active: #f7f7f7;
--base-bg-default: #f7f7f7;
--base-bg-hover: #f7f7f7;
--base-bg-active: #f7f7f7;
--base-bg-disabled: #f0f1f2;
--base-bg-weak-default: #fff;
--base-bg-weak-hover: #e1e4e8cc;
--base-bg-weak-active: #f0f1f2;
--base-bg-weak-disabled: #f0f1f2;
--base-bg-medium-default: #f7f7f7;
--base-bg-medium-hover: #e1e4e8;
--base-bg-medium-active: #f0f1f2;
--base-bg-medium-disabled: #f7f7f7;
--base-bg-strong-default: #656c75;
--base-bg-strong-hover: #23282e;
--base-bg-strong-focus: #23282e;
--base-bg-strong-active: #23282e;
--base-bg-strong-disabled: #d0d4d9;
--base-icon-in-default: #fff;
--base-icon-in-hover: #fff;
--base-icon-in-focus: #fff;
--base-icon-in-active: #fff;
--base-icon-in-disabled: #fff;
--base-text-default: #23282e;
--base-text-disabled: #c1c6cc;
--base-text-weak-disabled: #c1c6cc;
--base-text-medium-default: #596069;
--base-text-medium-disabled: #c1c6cc;
--base-text-strong-default: #373c42;
--base-text-strong-disabled: #c1c6cc;
--base-text-in-default: #fff;
--base-text-in-hover: #fff;
--base-text-in-focus: #fff;
--base-text-in-active: #fff;
--base-text-in-disabled: #fff;
--base-text-in-weak-default: #f7f7f7;
--base-border-default: #e1e4e8;
--base-border-weak-default: #fff;
--base-border-medium-default: #e1e4e8;
--base-border-strong-default: #656c75;
--inverse-bg-weak-default: #373c42;
--inverse-icon-strong-disabled: #fff;
--control-bg-default: #fff;
--control-bg-hover: #e3eeff;
--control-bg-focus: #f0f1f2;
--control-bg-active: #f0f1f2;
--control-bg-disabled: #f7f7f7;
--control-bg-weak-default: #fff;
--control-bg-weak-hover: #cce1ff;
--control-bg-weak-focus: #e3eeff;
--control-bg-weak-active: #e3eeff;
--control-bg-weak-disabled: #f7f7f7;
--control-bg-medium-default: #fff;
--control-bg-medium-hover: #f7f7f7;
--control-bg-medium-focus: #e3eeff;
--control-bg-medium-active: #e3eeff;
--control-bg-medium-disabled: #e1e4e8;
--control-bg-strong-default: #2774d9;
--control-bg-strong-hover: #0d5cbd;
--control-bg-strong-focus: #0d5cbd;
--control-bg-strong-active: #0d5cbd;
--control-bg-strong-disabled: #bad6ff;
--control-icon-default: #1d69cc;
--control-icon-hover: #0d5cbd;
--control-icon-focus: #0d5cbd;
--control-icon-active: #0d5cbd;
--control-icon-disabled: #a3c8ff;
--control-icon-weak-default: #7e868f;
--control-icon-weak-hover: #2774d9;
--control-icon-weak-focus: #2774d9;
--control-icon-weak-active: #2774d9;
--control-icon-weak-disabled: #d0d4d9;
--control-icon-medium-default: #2774d9;
--control-icon-medium-hover: #0d5cbd;
--control-icon-medium-focus: #0d5cbd;
--control-icon-medium-active: #0d5cbd;
--control-icon-medium-disabled: #a3c8ff;
--control-icon-strong-default: #656c75;
--control-icon-strong-hover: #464c54;
--control-icon-strong-focus: #1d69cc;
--control-icon-strong-active: #1d69cc;
--control-icon-strong-disabled: #c1c6cc;
--control-icon-in-default: #fff;
--control-icon-in-hover: #fff;
--control-icon-in-focus: #fff;
--control-icon-in-active: #fff;
--control-icon-in-disabled: #c1c6cc;
--control-icon-in-strong-default: #2774d9;
--control-icon-in-strong-hover: #2774d9;
--control-icon-in-strong-focus: #2774d9;
--control-icon-in-strong-active: #2774d9;
--control-icon-in-strong-disabled: #c1c6cc;
--control-border-default: #889099;
--control-border-hover: #3e84e5;
--control-border-focus: #3e84e5;
--control-border-active: #3e84e5;
--control-border-disabled: #d0d4d9;
--control-border-weak-default: #e1e4e8;
--control-border-weak-disabled: #d0d4d9;
--control-border-medium-default: #2774d9;
--control-border-medium-hover: #bad6ff;
--control-border-medium-focus: #2774d9;
--control-border-medium-active: #2774d9;
--control-border-medium-disabled: #d0d4d9;
--control-border-strong-default: #656c75;
--control-border-strong-focus: #2774d9;
--control-border-strong-active: #2774d9;
--control-border-strong-disabled: #d0d4d9;
--interact-bg-default: #1d69cc;
--interact-bg-hover: #0d5cbd;
--interact-bg-focus: #0d5cbd;
--interact-bg-active: #0d5cbd;
--interact-bg-disabled: #a3c8ff;
--interact-bg-weak-default: #fff;
--interact-bg-weak-hover: #cce1ff;
--interact-bg-weak-focus: #cce1ff;
--interact-bg-weak-active: #cce1ff;
--interact-bg-weak-disabled: #fff;
--interact-bg-medium-default: #2774d9;
--interact-bg-medium-hover: #cce1ff;
--interact-bg-medium-active: #cce1ff;
--interact-bg-strong-hover: #f7f7f7;
--interact-bg-strong-active: #f7f7f7;
--interact-text-default: #1d69cc;
--interact-text-hover: #0d5cbd;
--interact-text-focus: #0d5cbd;
--interact-text-active: #0d5cbd;
--interact-text-disabled: #a3c8ff;
--interact-text-weak-default: #656c75;
--interact-text-weak-hover: #1d69cc;
--interact-text-weak-focus: #1d69cc;
--interact-text-weak-active: #1d69cc;
--interact-text-weak-disabled: #c1c6cc;
--interact-text-in-default: #fff;
--interact-text-in-hover: #fff;
--interact-text-in-focus: #fff;
--interact-text-in-active: #fff;
--interact-text-in-disabled: #fff;
--interact-icon-default: #1d69cc;
--interact-icon-hover: #0d5cbd;
--interact-icon-focus: #0d5cbd;
--interact-icon-active: #0d5cbd;
--interact-icon-disabled: #a3c8ff;
--interact-icon-weak-default: #7e868f;
--interact-icon-weak-hover: #6f7680;
--interact-icon-weak-focus: #6f7680;
--interact-icon-weak-active: #6f7680;
--interact-icon-weak-disabled: #d0d4d9;
--interact-icon-medium-default: #7e868f;
--interact-icon-medium-hover: #2774d9;
--interact-icon-medium-focus: #2774d9;
--interact-icon-medium-active: #2774d9;
--interact-icon-medium-disabled: #c1c6cc;
--interact-icon-strong-default: #656c75;
--interact-icon-strong-hover: #464c54;
--interact-icon-strong-focus: #464c54;
--interact-icon-strong-active: #464c54;
--interact-icon-strong-disabled: #a7adb5;
--interact-icon-in-default: #fff;
--interact-icon-in-hover: #fff;
--interact-icon-in-focus: #fff;
--interact-icon-in-active: #fff;
--interact-icon-in-disabled: #fff;
--interact-border-default: #1d69cc;
--interact-border-hover: #0d5cbd;
--interact-border-focus: #0d5cbd;
--interact-border-active: #0d5cbd;
--interact-border-disabled: #a3c8ff;
--interact-border-weak-default: #e1e4e8;
--interact-border-weak-disabled: #e1e4e8;
--interact-border-medium-default: #2774d9;
--interact-border-medium-hover: #bad6ff;
--interact-border-medium-focus: #2774d9;
--interact-border-medium-active: #2774d9;
--positive-bg-default: #45991f;
--positive-bg-hover: #45991f;
--positive-bg-focus: #45991f;
--positive-bg-active: #45991f;
--positive-bg-disabled: #b0e396;
--positive-bg-weak-default: #fff;
--positive-bg-weak-hover: #fff;
--positive-bg-weak-focus: #fff;
--positive-bg-weak-active: #fff;
--positive-bg-weak-disabled: #fff;
--positive-bg-medium-default: #e0f5d5;
--positive-bg-medium-hover: #e0f5d5;
--positive-bg-medium-focus: #e0f5d5;
--positive-bg-medium-active: #e0f5d5;
--positive-bg-medium-disabled: #f7f7f7;
--positive-bg-strong-default: #e0f5d5;
--positive-icon-default: #45991f;
--positive-icon-hover: #45991f;
--positive-icon-focus: #45991f;
--positive-icon-active: #45991f;
--positive-icon-disabled: #d0d4d9;
--positive-icon-weak-default: #b0e396;
--positive-icon-weak-hover: #b0e396;
--positive-icon-weak-focus: #b0e396;
--positive-icon-weak-active: #b0e396;
--positive-icon-weak-disabled: #b0e396;
--positive-icon-strong-default: #45991f;
--positive-icon-strong-hover: #45991f;
--positive-icon-strong-focus: #45991f;
--positive-icon-strong-active: #45991f;
--positive-icon-strong-disabled: #d0d4d9;
--positive-icon-in-default: #fff;
--positive-icon-in-hover: #fff;
--positive-icon-in-focus: #fff;
--positive-icon-in-active: #fff;
--positive-icon-in-disabled: #fff;
--positive-border-default: #45991f;
--positive-border-hover: #45991f;
--positive-border-focus: #45991f;
--positive-border-active: #45991f;
--positive-border-disabled: #d0d4d9;
--positive-border-weak-default: #fff;
--positive-border-weak-hover: #fff;
--positive-border-weak-focus: #fff;
--positive-border-weak-active: #fff;
--positive-border-weak-disabled: #d0d4d9;
--positive-border-strong-default: #398519;
--positive-border-strong-hover: #398519;
--positive-border-strong-focus: #398519;
--positive-border-strong-active: #398519;
--positive-border-strong-disabled: #398519;
--positive-text-in-default: #fff;
--positive-text-in-hover: #fff;
--positive-text-in-focus: #fff;
--positive-text-in-active: #fff;
--positive-text-in-disabled: #fff;
--warning-bg-default: #cc8604;
--warning-bg-hover: #cc8604;
--warning-bg-focus: #cc8604;
--warning-bg-active: #cc8604;
--warning-bg-disabled: #f2d268;
--warning-bg-weak-default: #fff;
--warning-bg-weak-hover: #fff;
--warning-bg-weak-focus: #fff;
--warning-bg-weak-active: #fff;
--warning-bg-weak-disabled: #fff;
--warning-bg-medium-default: #faefb9;
--warning-bg-medium-hover: #faefb9;
--warning-bg-medium-focus: #faefb9;
--warning-bg-medium-active: #faefb9;
--warning-bg-medium-disabled: #f7f7f7;
--warning-bg-strong-default: #faefb9;
--warning-icon-default: #cc8604;
--warning-icon-hover: #cc8604;
--warning-icon-focus: #cc8604;
--warning-icon-active: #cc8604;
--warning-icon-disabled: #d0d4d9;
--warning-icon-strong-default: #bd7202;
--warning-icon-strong-hover: #bd7202;
--warning-icon-strong-focus: #bd7202;
--warning-icon-strong-active: #bd7202;
--warning-icon-strong-disabled: #d0d4d9;
--warning-icon-in-default: #fff;
--warning-icon-in-hover: #fff;
--warning-icon-in-focus: #fff;
--warning-icon-in-active: #fff;
--warning-icon-in-disabled: #fff;
--warning-border-default: #cc8604;
--warning-border-hover: #cc8604;
--warning-border-focus: #cc8604;
--warning-border-active: #cc8604;
--warning-border-disabled: #d0d4d9;
--warning-border-weak-default: #fff;
--warning-border-weak-hover: #fff;
--warning-border-weak-focus: #fff;
--warning-border-weak-active: #fff;
--warning-border-weak-disabled: #d0d4d9;
--warning-border-strong-default: #a65503;
--warning-border-strong-hover: #a65503;
--warning-border-strong-focus: #a65503;
--warning-border-strong-active: #a65503;
--warning-border-strong-disabled: #a65503;
--warning-text-in-default: #fff;
--warning-text-in-hover: #fff;
--warning-text-in-focus: #fff;
--warning-text-in-active: #fff;
--warning-text-in-disabled: #fff;
--severe-warning-bg-default: #f26722;
--severe-warning-bg-hover: #f26722;
--severe-warning-bg-focus: #f26722;
--severe-warning-bg-active: #f26722;
--severe-warning-bg-disabled: #fcc9a7;
--severe-warning-bg-weak-default: #fff;
--severe-warning-bg-weak-hover: #fff;
--severe-warning-bg-weak-focus: #fff;
--severe-warning-bg-weak-active: #fff;
--severe-warning-bg-weak-disabled: #fff;
--severe-warning-bg-medium-default: #ffeadb;
--severe-warning-bg-medium-hover: #ffeadb;
--severe-warning-bg-medium-focus: #ffeadb;
--severe-warning-bg-medium-active: #ffeadb;
--severe-warning-bg-medium-disabled: #f7f7f7;
--severe-warning-bg-strong-default: #ffeadb;
--severe-warning-icon-default: #f26722;
--severe-warning-icon-hover: #d95a1a;
--severe-warning-icon-focus: #c44f14;
--severe-warning-icon-active: #c44f14;
--severe-warning-icon-disabled: #d0d4d9;
--severe-warning-icon-strong-default: #d95a1a;
--severe-warning-icon-strong-hover: #d95a1a;
--severe-warning-icon-strong-focus: #d95a1a;
--severe-warning-icon-strong-active: #d95a1a;
--severe-warning-icon-strong-disabled: #d95a1a;
--severe-warning-icon-in-default: #fff;
--severe-warning-icon-in-hover: #fff;
--severe-warning-icon-in-focus: #fff;
--severe-warning-icon-in-active: #fff;
--severe-warning-icon-in-disabled: #fff;
--severe-warning-border-default: #f26722;
--severe-warning-border-hover: #f26722;
--severe-warning-border-focus: #f26722;
--severe-warning-border-active: #f26722;
--severe-warning-border-disabled: #f26722;
--severe-warning-border-weak-default: #fff;
--severe-warning-border-weak-hover: #fff;
--severe-warning-border-weak-focus: #fff;
--severe-warning-border-weak-active: #fff;
--severe-warning-border-weak-disabled: #d0d4d9;
--negative-bg-default: #cc2d37;
--negative-bg-hover: #cc2d37;
--negative-bg-focus: #cc2d37;
--negative-bg-active: #cc2d37;
--negative-bg-disabled: #ffb2b5;
--negative-bg-weak-default: #fff;
--negative-bg-weak-hover: #ffd4d5;
--negative-bg-weak-focus: #ffd4d5;
--negative-bg-weak-active: #ffd4d5;
--negative-bg-weak-disabled: #fff;
--negative-bg-medium-default: #ffe8e9;
--negative-bg-medium-hover: #ffe8e9;
--negative-bg-medium-focus: #ffe8e9;
--negative-bg-medium-active: #ffe8e9;
--negative-bg-medium-disabled: #f7f7f7;
--negative-bg-strong-default: #ffe8e9;
--negative-text-default: #cc2d37;
--negative-text-hover: #b2242d;
--negative-text-focus: #b2242d;
--negative-text-active: #b2242d;
--negative-text-disabled: #ffb2b5;
--negative-text-in-default: #fff;
--negative-text-in-hover: #fff;
--negative-text-in-focus: #fff;
--negative-text-in-active: #fff;
--negative-text-in-disabled: #fff;
--negative-icon-default: #cc2d37;
--negative-icon-hover: #b2242d;
--negative-icon-focus: #b2242d;
--negative-icon-active: #b2242d;
--negative-icon-disabled: #ffb2b5;
--negative-icon-weak-default: #ffc7c9;
--negative-icon-weak-hover: #ffc7c9;
--negative-icon-weak-focus: #ffc7c9;
--negative-icon-weak-active: #ffc7c9;
--negative-icon-weak-disabled: #d0d4d9;
--negative-icon-in-default: #fff;
--negative-icon-in-hover: #fff;
--negative-icon-in-focus: #fff;
--negative-icon-in-active: #fff;
--negative-icon-in-disabled: #fff;
--negative-border-default: #cc2d37;
--negative-border-hover: #b2242d;
--negative-border-focus: #b2242d;
--negative-border-active: #b2242d;
--negative-border-disabled: #ffb2b5;
--negative-border-weak-default: #fff;
--negative-border-weak-hover: #fff;
--negative-border-weak-focus: #fff;
--negative-border-weak-active: #fff;
--negative-border-weak-disabled: #d0d4d9;
--negative-border-medium-default: #d93843;
--negative-border-medium-hover: #d93843;
--negative-border-medium-focus: #d93843;
--negative-border-medium-active: #d93843;
--negative-border-medium-disabled: #ffb2b5;
--negative-border-strong-default: #b2242d;
--negative-border-strong-hover: #b2242d;
--negative-border-strong-focus: #b2242d;
--negative-border-strong-active: #b2242d;
--negative-border-strong-disabled: #ffb2b5;
--info-bg-default: #2774d9;
--info-bg-hover: #2774d9;
--info-bg-focus: #2774d9;
--info-bg-active: #2774d9;
--info-bg-disabled: #2774d9;
--info-bg-weak-default: #fff;
--info-bg-weak-hover: #fff;
--info-bg-weak-focus: #fff;
--info-bg-weak-active: #fff;
--info-bg-weak-disabled: #fff;
--info-bg-medium-default: #e3eeff;
--info-bg-medium-hover: #e3eeff;
--info-bg-medium-focus: #e3eeff;
--info-bg-medium-active: #e3eeff;
--info-bg-medium-disabled: #f7f7f7;
--info-bg-strong-default: #e3eeff;
--info-icon-default: #2774d9;
--info-icon-hover: #2774d9;
--info-icon-focus: #2774d9;
--info-icon-active: #2774d9;
--info-icon-disabled: #d0d4d9;
--info-icon-weak-default: #a3c8ff;
--info-icon-weak-hover: #a3c8ff;
--info-icon-weak-focus: #a3c8ff;
--info-icon-weak-active: #a3c8ff;
--info-icon-weak-disabled: #a3c8ff;
--info-icon-in-default: #fff;
--info-icon-in-hover: #fff;
--info-icon-in-focus: #fff;
--info-icon-in-active: #fff;
--info-icon-in-disabled: #fff;
--info-border-default: #2774d9;
--info-border-hover: #2774d9;
--info-border-focus: #2774d9;
--info-border-active: #2774d9;
--info-border-disabled: #d0d4d9;
--info-border-weak-default: #fff;
--info-border-weak-hover: #fff;
--info-border-weak-focus: #fff;
--info-border-weak-active: #fff;
--info-border-weak-disabled: #d0d4d9;
--dormant-bg-medium-default: #e1e4e8;
--dormant-bg-medium-disabled: #f7f7f7;
--dormant-icon-default: #6f7680;
--dormant-icon-disabled: #d0d4d9;
--dormant-icon-in-default: #fff;
--dormant-icon-in-disabled: #fff;
--dormant-icon-in-medium-default: #fff;
--dormant-border-default: #889099;
--dormant-border-disabled: #d0d4d9;
--accent-a-default: #7d8aff;
--accent-a-hover: #6977f0;
--accent-a-weak-default: #ebedff;
--accent-b-default: #b02863;
--accent-b-hover: #991d53;
--accent-b-weak-default: #ffe8ef;
--accent-c-default: #f2638c;
--accent-c-hover: #e3447c;
--accent-c-weak-default: #ffd4e0;
--accent-d-default: #753bcc;
--accent-d-hover: #6732b8;
--accent-d-weak-default: #f3ebff;
--accent-e-default: #7da11b;
--accent-e-hover: #6c8c14;
--accent-e-weak-default: #eaf2d3;
--accent-f-default: #ad3907;
--accent-f-hover: #942e03;
--accent-f-weak-default: #ffeadb;
--accent-g-default: #04a4b0;
--accent-g-hover: #028e99;
--accent-g-weak-default: #d5f5f5;
--accent-h-default: #006773;
--accent-h-hover: #005c66;
--accent-h-weak-default: #a9ebeb;
--accent-i-default: #e85fc6;
--accent-i-hover: #d649b3;
--accent-i-weak-default: #ffe8f9;
--accent-j-default: #545c8a;
--accent-j-hover: #484f7a;
--accent-j-weak-default: #ebedff;
--accent-k-default: #21a65f;
--accent-k-hover: #169855;
--accent-k-weak-default: #d4f5e1;
--in-progress-bg-medium-default: #e3eeff;
--in-progress-bg-medium-hover: #e3eeff;
--in-progress-bg-medium-focus: #e3eeff;
--in-progress-bg-medium-active: #e3eeff;
--in-progress-bg-medium-disabled: #f7f7f7;
--in-progress-icon-default: #2774d9;
--in-progress-icon-hover: #2774d9;
--in-progress-icon-focus: #2774d9;
--in-progress-icon-active: #2774d9;
--in-progress-icon-disabled: #d0d4d9;
--in-progress-icon-in-default: #fff;
--in-progress-icon-in-hover: #fff;
--in-progress-icon-in-focus: #fff;
--in-progress-icon-in-active: #fff;
--in-progress-icon-in-disabled: #fff;
--in-progress-border-default: #2774d9;
--in-progress-border-hover: #2774d9;
--in-progress-border-focus: #2774d9;
--in-progress-border-active: #2774d9;
--in-progress-border-disabled: #d0d4d9;
--low-warning-bg-medium-default: #d5f5f5;
--low-warning-bg-medium-hover: #d5f5f5;
--low-warning-bg-medium-focus: #d5f5f5;
--low-warning-bg-medium-active: #d5f5f5;
--low-warning-bg-medium-disabled: #f7f7f7;
--low-warning-icon-default: #028e99;
--low-warning-icon-hover: #028e99;
--low-warning-icon-focus: #028e99;
--low-warning-icon-active: #028e99;
--low-warning-icon-disabled: #d0d4d9;
--low-warning-icon-in-default: #fff;
--low-warning-icon-in-hover: #fff;
--low-warning-icon-in-focus: #fff;
--low-warning-icon-in-active: #fff;
--low-warning-icon-in-disabled: #fff;
--low-warning-border-default: #028e99;
--low-warning-border-hover: #028e99;
--low-warning-border-focus: #028e99;
--low-warning-border-active: #028e99;
--low-warning-border-disabled: #d0d4d9;
--excellent-bg-medium-default: #d4f5e1;
--excellent-bg-medium-hover: #d4f5e1;
--excellent-bg-medium-focus: #d4f5e1;
--excellent-bg-medium-active: #d4f5e1;
--excellent-bg-medium-disabled: #f7f7f7;
--excellent-icon-default: #087041;
--excellent-icon-hover: #087041;
--excellent-icon-focus: #087041;
--excellent-icon-active: #087041;
--excellent-icon-disabled: #d0d4d9;
--excellent-icon-in-default: #fff;
--excellent-icon-in-hover: #fff;
--excellent-icon-in-focus: #fff;
--excellent-icon-in-active: #fff;
--excellent-icon-in-disabled: #fff;
--excellent-border-default: #075e39;
--excellent-border-hover: #075e39;
--excellent-border-focus: #075e39;
--excellent-border-active: #075e39;
--excellent-border-disabled: #d0d4d9;
}
[data-theme='dark'] {
--primary-inactive-color-bg-color: var(--magnetic-base-neutral-70);
--neutral-primary-8-color: var(--magnetic-base-neutral-40);
--neutral-secondary-11-color: var(--magnetic-base-neutral-15);
--neutral-tertiary-12-color: var(--magnetic-base-neutral-5);
--success-background-color-palette: undefined;
--palette-green-2-isnd-color: var(--magnetic-base-green-90);
--palette-green-3-isnd-color: var(--magnetic-base-green-85);
--palette-green-4-isnd-color: var(--magnetic-base-green-80);
--palette-green-5-isnd-color: var(--magnetic-base-green-70);
--palette-green-6-isnd-color: var(--magnetic-base-green-60);
--palette-green-7-isnd-color: var(--magnetic-base-green-55);
--palette-green-8-isnd-color: var(--magnetic-base-green-50);
--palette-green-9-isnd-color: var(--magnetic-base-green-40);
--palette-green-10-isnd-color: var(--magnetic-base-green-35);
--palette-red-2-isnd-color: var(--magnetic-base-red-90);
--palette-red-3-isnd-color: var(--magnetic-base-red-85);
--palette-red-4-isnd-color: var(--magnetic-base-red-80);
--palette-red-5-isnd-color: var(--magnetic-base-red-60);
--palette-red-6-isnd-color: undefined;
--palette-red-7-isnd-color: undefined;
--palette-red-8-isnd-color: var(--magnetic-base-red-55);
--palette-red-9-isnd-color: var(--magnetic-base-red-45);
--palette-red-10-isnd-color: var(--magnetic-base-red-40);
--palette-blue-2-isnd-color: var(--magnetic-base-blue-90);
--palette-blue-3-isnd-color: undefined;
--palette-blue-4-isnd-color: undefined;
--palette-blue-5-isnd-color: undefined;
--palette-blue-6-isnd-color: var(--magnetic-base-blue-60);
--palette-blue-7-isnd-color: var(--magnetic-base-blue-55);
--palette-blue-8-isnd-color: undefined;
--palette-blue-9-isnd-color: undefined;
--palette-blue-10-isnd-color: undefined;
--palette-yellow-2-isnd-color: var(--magnetic-base-yellow-95);
--palette-yellow-3-isnd-color: var(--magnetic-base-yellow-85);
--palette-yellow-4-isnd-color: undefined;
--palette-yellow-5-isnd-color: var(--magnetic-base-yellow-70);
--palette-yellow-6-isnd-color: var(--magnetic-base-yellow-65);
--palette-yellow-7-isnd-color: var(--magnetic-base-orange-55);
--palette-yellow-8-isnd-color: var(--magnetic-base-orange-50);
--palette-yellow-9-isnd-color: var(--magnetic-base-orange-45);
--palette-yellow-10-isnd-color: var(--magnetic-base-orange-40);
--policy-preview-drawer-bg-color: var(--magnetic-base-neutral-90);
--policy-preview-table-bg-color: var(--magnetic-base-neutral-98);
--policy-preview-settings-bg-color: var(--magnetic-base-neutral-98);
--editor-text-color: var(--magnetic-base-neutral-98);
--editor-background-color: var(--magnetic-base-neutral-5);
--editor-rows-color: var(--magnetic-base-neutral-80);
--editor-hover-color: var(--magnetic-base-neutral-25);
--license-primary-text-color: var(--magnetic-base-neutral-98);
--license-secondary-text-color: var(--magnetic-base-neutral-35);
--license-tertiary-text-color: var(--magnetic-base-neutral-100);
--license-primary-divider-color: var(--magnetic-base-neutral-40);
--license-secondary-divider-color: var(--magnetic-base-neutral-80);
--license-inactive-color: var(--magnetic-base-neutral-40);
--license-primary-background-color: var(--magnetic-base-neutral-15);
--license-background-color: var(--magnetic-base-neutral-15);
--license-current-card-bg: var(--magnetic-base-neutral-98);
--license-agreement-background-color: var(--magnetic-theme-custom-20);
--backdrop-primary-background-color: var(--magnetic-base-neutral-5);
--backdrop-primary-text-color: var(--magnetic-base-neutral-100);
--card-primary-divider-color: var(--magnetic-base-neutral-80);
--card-primary-background-color: var(--magnetic-base-neutral-15);
--expandable-text-color: var(--magnetic-base-neutral-98);
--expandable-current-text-color: var(--magnetic-base-neutral-100);
--expandable-inactive-bg-color: var(--magnetic-base-neutral-50);
--expandable-active-bg-color: var(--magnetic-base-neutral-25);
--expandable-bg-color: transparent;
--expandable-inactive-text-color: var(--magnetic-base-neutral-100);
--expandable-active-text-color: var(--magnetic-base-neutral-100);
--expandable-inactive-divider-color: var(--magnetic-base-neutral-35);
--expandable-active-divider-color: transparent;
--dashlet-primary-text-color: var(--magnetic-base-neutral-98);
--dashlet-secondary-text-color: var(--magnetic-base-neutral-45);
--dashlet-tertiary-text-color: var(--magnetic-base-neutral-100);
--dashlet-primary-divider-color: var(--magnetic-base-neutral-35);
--dashlet-secondary-divider-color: var(--magnetic-base-neutral-35);
--dashlet-primary-hover-color: var(--magnetic-base-neutral-80);
--dashlet-primary-inactive-color: var(--magnetic-base-neutral-40);
--dashlet-primary-background-color: var(--magnetic-base-neutral-5);
--dashlet-secondary-background-color: var(--magnetic-base-neutral-15);
--dashlet-stats-background-color: var(--magnetic-theme-custom-20);
--dashlet-tertiary-background-color: var(--magnetic-base-neutral-5);
--dashlet-accent-color: var(--magnetic-base-blue-65);
--dashlet-ok-color: var(--magnetic-base-green-70);
--dashlet-success-color: var(--magnetic-base-green-90);
--dashlet-error-color: var(--magnetic-base-red-50);
--dashlet-warning-color: var(--magnetic-base-yellow-70);
--dashlet-unknown-color: var(--magnetic-base-neutral-40);
--dashlet-validated-color: var(--magnetic-base-green-90);
--dashlet-not-validated-color: var(--magnetic-base-yellow-70);
--dashlet-running-color: var(--magnetic-base-blue-65);
--dashlet-attention-color: var(--magnetic-base-yellow-80);
--dashlet-success-background-color: var(--magnetic-accent-emerald-60);
--dashlet-error-background-color: var(--magnetic-base-blue-40);
--dashlet-warning-background-color: var(--magnetic-accent-pink-60);
--dashlet-unknown-background-color: var(--magnetic-base-light-blue-55);
--dashlet-validated-background-color: var(--magnetic-base-blue-40);
--dashlet-not-validated-background-color: var(--magnetic-accent-pink-45);
--dashlet-running-background-color: var(--magnetic-theme-custom-16);
--dashlet-attention-background-color: var(--magnetic-base-purple-65);
--dashlet-drawer-primary-background-color: var(--magnetic-base-neutral-15);
--dashlet-drawer-secondary-background-color: var(--magnetic-base-neutral-5);
--dashlet-drawer-primary-border-color: var(--magnetic-base-neutral-40);
--dashlet-drawer-secondary-border-color: var(--magnetic-base-neutral-50);
--dashlet-category-text-color: var(--magnetic-base-neutral-45);
--dashlet-vendor-text-color: var(--magnetic-base-neutral-60);
--dashlet-vendor-background-color: var(--magnetic-theme-custom-20);
--table-primary-color: var(--magnetic-base-neutral-15);
--table-primary-text-color: var(--magnetic-base-neutral-98);
--table-secondary-text-color: var(--magnetic-base-neutral-98);
--table-primary-icon-color: var(--magnetic-base-neutral-45);
--table-secondary-icon-color: var(--magnetic-base-neutral-98);
--table-tertiary-icon-color: var(--magnetic-base-neutral-100);
--table-primary-hover-color: var(--magnetic-base-neutral-90);
--table-primary-divider-color: var(--magnetic-base-neutral-70);
--table-secondary-divider-color: var(--magnetic-base-neutral-50);
--table-tertiary-divider-color: transparent;
--table-crud-divider-color: var(--magnetic-base-neutral-5);
--table-crud-background-color: var(--magnetic-base-neutral-15);
--table-primary-active-color: var(--magnetic-base-neutral-25);
--table-primary-inactive-color: var(--magnetic-base-neutral-40);
--table-primary-background-color: var(--magnetic-base-neutral-5);
--table-secondary-background-color: var(--magnetic-base-neutral-15);
--table-tertiary-background-color: var(--magnetic-base-neutral-35);
--table-accent-color: var(--magnetic-base-blue-65);
--table-hover-accent-color: undefined;
--table-success-color: var(--magnetic-accent-emerald-60);
--table-error-color: var(--magnetic-base-red-50);
--table-warning-color: var(--magnetic-base-yellow-70);
--table-settings-primary-divider-color: var(--magnetic-base-neutral-40);
--table-settings-secondary-divider-color: var(--magnetic-base-neutral-45);
--drawer-primary-color: var(--magnetic-base-neutral-98);
--drawer-secondary-color: var(--magnetic-base-neutral-15);
--drawer-tertiary-color: var(--magnetic-base-neutral-50);
--drawer-primary-text-color: var(--magnetic-base-neutral-98);
--drawer-secondary-text-color: var(--magnetic-base-neutral-98);
--drawer-primary-icon-color: var(--magnetic-base-neutral-100);
--drawer-primary-divider-color: var(--magnetic-base-neutral-35);
--drawer-light-divider-color: var(--magnetic-base-neutral-40);
--drawer-backdrop-color: var(--magnetic-theme-custom-20);
--drawer-accent-color: var(--magnetic-base-blue-65);
--drawer-hover-color: var(--magnetic-theme-custom-29);
--drawer-success-color: var(--magnetic-accent-emerald-60);
--drawer-error-color: var(--magnetic-base-red-50);
--drawer-warning-color: var(--magnetic-base-yellow-70);
--drawer-filter-background-color: var(--magnetic-base-neutral-15);
--drawer-preview-item-actions-background-color: var(--magnetic-base-neutral-50);
--drawer-preview-item-image-border-color: var(--magnetic-base-neutral-45);
--widget-primary-color: var(--magnetic-base-neutral-98);
--widget-secondary-color: var(--magnetic-base-neutral-50);
--widget-tag-attr-text-color: var(--magnetic-base-neutral-80);
--widget-tag-item-text-color: var(--magnetic-base-neutral-98);
--widget-icon-color: var(--magnetic-accent-slate-80);
--widget-switcher-bg: var(--magnetic-base-neutral-40);
--widget-primary-text-color: var(--magnetic-base-neutral-98);
--widget-secondary-text-color: var(--magnetic-base-neutral-80);
--widget-tertiary-text-color: var(--magnetic-base-neutral-100);
--modal-primary-text-color: var(--magnetic-base-neutral-98);
--dropdown-hover-text-color: var(--magnetic-base-neutral-100);
--input-primary-text-color: var(--magnetic-base-neutral-100);
--input-secondary-text-color: var(--magnetic-base-neutral-35);
--widget-primary-icon-color: var(--magnetic-base-neutral-45);
--widget-secondary-icon-color: var(--magnetic-base-neutral-45);
--widget-tertiary-icon-color: var(--magnetic-base-neutral-100);
--widget-overlay-icon-color: var(--magnetic-base-neutral-100);
--widget-primary-divider-color: var(--magnetic-base-neutral-45);
--widget-secondary-divider-color: var(--magnetic-base-neutral-45);
--widget-tertiary-divider-color: var(--magnetic-base-neutral-35);
--widget-light-divider-color: var(--magnetic-base-neutral-40);
--widget-tag-background-color: var(--magnetic-base-neutral-35);
--widget-picker-background-color: var(--magnetic-base-neutral-98);
--filter-widget-background-color: var(--magnetic-base-neutral-15);
--widget-modal-background-color: var(--magnetic-base-neutral-15);
--widget-modal-bg-background-color: var(--magnetic-theme-custom-20);
--widget-modal-divider-color: var(--magnetic-base-neutral-35);
--widget-primary-hover-color: var(--magnetic-base-neutral-100);
--widget-secondary-hover-color: var(--magnetic-base-neutral-25);
--widget-tertiary-hover-color: var(--magnetic-base-neutral-35);
--widget-tertiary-overlay-color: var(--magnetic-base-neutral-35);
--widget-fourth-hover-color: var(--magnetic-base-neutral-98);
--widget-primary-active-color: var(--magnetic-base-neutral-5);
--widget-primary-inactive-color: var(--magnetic-base-neutral-40);
--widget-dropdown-inactive-color: var(--magnetic-base-neutral-35);
--widget-primary-background-color: var(--magnetic-base-neutral-40);
--widget-secondary-background-color: var(--magnetic-base-neutral-15);
--widget-tertiary-background-color: var(--magnetic-base-neutral-35);
--widget-accent-color: var(--magnetic-base-blue-60);
--widget-hover-accent-color: #7cadf7;
--widget-error-color: var(--magnetic-base-red-90);
--widget-warning-color: var(--magnetic-base-yellow-70);
--dashlet-border: block;
--widget-attention-allegation-color: var(--magnetic-base-neutral-90);
--widget-attention-opposition-color: var(--magnetic-theme-custom-27);
--text-widget-title-color: var(--magnetic-base-neutral-50);
--header-primary-color: var(--magnetic-base-neutral-98);
--header-secondary-color: var(--magnetic-base-neutral-50);
--header-primary-text-color: var(--magnetic-base-neutral-100);
--header-primary-icon-color: var(--magnetic-accent-slate-80);
--header-secondary-icon-color: var(--magnetic-base-neutral-100);
--header-primary-divider-color: var(--magnetic-base-neutral-35);
--header-warning-color: var(--magnetic-base-yellow-70);
--json-primary-color: var(--magnetic-base-neutral-100);
--json-primary-divider-color: var(--magnetic-base-neutral-45);
--json-primary-inactive-color: var(--magnetic-base-neutral-40);
--json-primary-background-color: var(--magnetic-theme-custom-20);
--json-success-color: var(--magnetic-accent-emerald-60);
--json-accent-color: var(--magnetic-base-blue-65);
--json-hover-accent-color: undefined;
--loader-primary-divider-color: var(--magnetic-base-neutral-80);
--loader-primary-background-color: var(--magnetic-base-neutral-15);
--loader-icon-background-color: var(--magnetic-base-neutral-40);
--loader-accent-color: var(--magnetic-base-blue-65);
--loader-error-color: var(--magnetic-base-red-50);
--menu-primary-color: var(--magnetic-base-neutral-5);
--menu-secondary-color: var(--magnetic-base-neutral-50);
--menu-primary-text-color: var(--magnetic-base-neutral-45);
--menu-secondary-text-color: var(--magnetic-base-neutral-100);
--menu-primary-icon-color: var(--magnetic-base-neutral-100);
--menu-primary-divider-color: var(--magnetic-base-neutral-40);
--menu-primary-hover-color: var(--magnetic-theme-custom-29);
--menu-accent-color: var(--magnetic-base-blue-65);
--navigation-primary-color: var(--magnetic-base-neutral-35);
--navigation-secondary-color: var(--magnetic-base-neutral-50);
--navigation-primary-text-color: var(--magnetic-base-neutral-45);
--navigation-secondary-text-color: var(--magnetic-base-neutral-100);
--navigation-primary-icon-color: var(--magnetic-accent-slate-80);
--navigation-secondary-icon-color: var(--magnetic-base-neutral-100);
--navigation-primary-divider-color: var(--magnetic-base-neutral-45);
--navigation-accent-color: var(--magnetic-base-blue-65);
--navigation-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
--tooltip-primary-color: var(--magnetic-base-neutral-40);
--tooltip-border-color: var(--magnetic-base-neutral-40);
--tooltip-border-opacity-color: 0.2;
--tooltip-primary-text-color: var(--magnetic-base-neutral-100);
--walkme-overlay-opacity: 0.3;
--walkme-highlight-background: var(--magnetic-theme-custom-29);
--walkme-hover-color: var(--magnetic-base-neutral-90);
--walkme-content-background: var(--magnetic-base-neutral-35);
--walkme-divider-color: var(--magnetic-base-neutral-50);
--walkme-steps-color: var(--magnetic-base-neutral-45);
--banner-bg: 0.4;
--banner-border: 0.4;
--detail-comp-primary-text-color: var(--magnetic-base-neutral-100);
--detail-comp-secondary-text-color: var(--magnetic-base-neutral-35);
--detail-comp-tertiary-text-color: var(--magnetic-base-neutral-100);
--detail-comp-primary-divider-color: var(--magnetic-base-neutral-98);
--detail-comp-secondary-divider-color: var(--magnetic-base-neutral-45);
--detail-comp-hover-color: var(--magnetic-base-neutral-90);
--detail-comp-inactive-color: var(--magnetic-base-neutral-80);
--detail-comp-secondary-inactive-color: var(--magnetic-base-neutral-40);
--detail-comp-primary-background-color: var(--magnetic-base-neutral-15);
--detail-comp-secondary-background-color: var(--magnetic-base-neutral-15);
--detail-comp-thirty-background-color: var(--magnetic-base-neutral-15);
--detail-comp-secondary-active-color: var(--magnetic-base-neutral-35);
--wizard-primary-bg-color: var(--magnetic-base-neutral-98);
--wizard-secondary-bg-color: var(--magnetic-theme-custom-20);
--wizard-tertiary-bg-color: var(--magnetic-base-neutral-98);
--wizard-primary-divider-color: var(--magnetic-base-neutral-45);
--wizard-primary-text-color: var(--magnetic-base-neutral-100);
--wizard-secondary-text-color: var(--magnetic-base-neutral-45);
--wizard-tip-bg-color: var(--magnetic-base-neutral-98);
--wizard-tip-hover-bg-color: var(--magnetic-base-neutral-90);
--flow-primary-bg-color: var(--magnetic-base-neutral-5);
--flow-secondary-bg-color: var(--magnetic-theme-custom-20);
--flow-tertiary-bg-color: var(--magnetic-base-neutral-15);
--flow-quaternary-bg-color: var(--magnetic-base-neutral-25);
--flow-steps-progress-color: var(--magnetic-theme-custom-20);
--flow-steps-finished-color: var(--magnetic-base-neutral-98);
--flow-steps-node-bg-color: var(--magnetic-base-neutral-40);
--flow-steps-node-font-color: var(--magnetic-base-neutral-45);
--flow-help-icon-color: var(--magnetic-base-neutral-45);
--flow-primary-footer-color: var(--magnetic-base-neutral-98);
--flow-divider-color: var(--magnetic-base-neutral-45);
--flow-primary-divider-color: var(--magnetic-base-neutral-98);
--flow-secondary-divider-color: var(--magnetic-base-neutral-35);
--flow-dark-divider-color: var(--magnetic-base-neutral-40);
--flow-progress-inactive-color: var(--magnetic-base-neutral-90);
--flow-heading-text-color: var(--magnetic-base-neutral-90);
--flow-primary-text-color: var(--magnetic-base-neutral-98);
--flow-secondary-text-color: var(--magnetic-base-neutral-100);
--flow-primary-icon-color: var(--magnetic-accent-slate-80);
--flow-hovered-icon-color: var(--magnetic-base-neutral-100);
--flow-primary-inactive-text-color: var(--magnetic-base-neutral-80);
--flow-secondary-innactive-color: var(--magnetic-base-neutral-80);
--flow-secondary-inactive-hover-color: var(--magnetic-base-neutral-100);
--flow-header-icon-bg-color: rgba(80, 85, 107, 0.5);
--context-help-bg-color: var(--magnetic-base-neutral-98);
--context-help-title-text-color: var(--magnetic-base-neutral-100);
--context-help-primary-text-color: var(--magnetic-base-neutral-100);
--context-help-divider-color: var(--magnetic-base-neutral-40);
--context-help-secondary-divider-color: var(--magnetic-base-neutral-80);
--context-help-secondary-bg-color: var(--magnetic-base-neutral-90);
--context-help-secondary-icon-color: var(--magnetic-base-neutral-45);
--context-help-secondary-text-color: var(--magnetic-base-neutral-45);
--context-help-thead-bg-color: var(--magnetic-base-neutral-90);
--context-help-thead-text-color: var(--magnetic-base-neutral-45);
--context-help-table-text-color: var(--magnetic-base-neutral-100);
--context-help-table-border-color: var(--magnetic-base-neutral-90);
--context-help-drawer-border-color: var(--magnetic-base-neutral-90);
--context-help-table-divider-color: var(--magnetic-base-neutral-40);
--context-help-resizer-border-color: var(--magnetic-base-neutral-45);
--context-help-resizer-dot-color: var(--magnetic-accent-slate-80);
--view-file-icon-normal-color: var(--magnetic-accent-slate-80);
--view-file-icon-hover-color: var(--magnetic-base-neutral-100);
--view-file-drawer-background-color: var(--magnetic-base-neutral-90);
--view-file-drawer-title-divider-color: var(--magnetic-base-neutral-40);
--view-file-drawer-inactive-text-color: var(--magnetic-base-neutral-45);
--header-title-primary-text-color: var(--magnetic-base-neutral-45);
--header-title-secondary-text-color: var(--magnetic-base-neutral-100);
--accent-color-background-color: var(--magnetic-base-blue-65);
--workflow-tools-task-header-color: var(--magnetic-base-neutral-90);
--workflow-tools-task-header-hover-color: var(--magnetic-theme-custom-29);
--workflow-tools-expand-collapse-icon-color: var(--magnetic-accent-slate-80);
--workflow-preview-background-color: var(--magnetic-base-neutral-25);
--node-background-color: var(--magnetic-base-neutral-25);
--node-header-icon-color: var(--magnetic-base-neutral-80);
--node-header-title-color: var(--magnetic-base-neutral-98);
--node-header-subtitle-color: var(--magnetic-base-neutral-80);
--node-header-divider-color: var(--magnetic-base-neutral-35);
--node-base-icon-color: var(--magnetic-base-neutral-80);
--node-border-color: var(--magnetic-base-neutral-40);
--node-key-color: var(--magnetic-base-neutral-98);
--node-value-color: var(--magnetic-base-neutral-80);
--workspace-body-background-color: var(--magnetic-base-neutral-15);
--workspace-line-color: var(--magnetic-base-neutral-25);
--adapter-bg-color: var(--magnetic-base-neutral-25);
--adapter-border-color: var(--magnetic-base-neutral-35);
--adapter-unknown-status-color: var(--magnetic-base-neutral-80);
--unknown-status-color: var(--magnetic-base-neutral-70);
--tooltip-topology-background-color: var(--magnetic-base-neutral-25);
--tooltip-topology-text-color: var(--magnetic-base-neutral-80);
--schematic-background-color: var(--magnetic-base-neutral-25);
--device-border-color: var(--magnetic-base-neutral-60);
--device-positive-border-color: var(--magnetic-base-green-60);
--device-warning-border-color: #e0a419;
--device-critical-border-color: var(--magnetic-base-red-55);
--device-neutral-border-color: var(--magnetic-base-neutral-40);
--device-positive-bg-color: var(--magnetic-accent-lime-35);
--device-warning-bg-color: var(--magnetic-theme-custom-8);
--device-critical-bg-color: var(--magnetic-theme-custom-4);
--device-neutral-bg-color: var(--magnetic-base-neutral-70);
--device-positive-icon-color: var(--magnetic-base-green-70);
--device-warning-icon-color: var(--magnetic-base-yellow-80);
--device-critical-icon-color: var(--magnetic-base-red-60);
--replacement-needed-background-color: var(--magnetic-theme-custom-27);
--main-header-background: linear-gradient(90deg, #373C42 0%, rgba(55, 60, 66, 0.7) 100%);
--background: var(--magnetic-base-neutral-5);
--tertiary-background: var(--magnetic-base-neutral-25);
--card-background: var(--magnetic-base-neutral-15);
--hovered-selected-background: var(--magnetic-base-neutral-15);
--hovered-selected-text: var(--magnetic-base-neutral-98);
--disable-state-or-dividers: var(--magnetic-base-neutral-50);
--icons: var(--magnetic-base-neutral-80);
--placeholder: var(--magnetic-base-neutral-70);
--secondary-text: var(--magnetic-base-neutral-80);
--disabled-text: var(--magnetic-base-neutral-45);
--primary-text: var(--magnetic-base-neutral-98);
--heading: var(--magnetic-base-neutral-90);
--divider-border: var(--magnetic-base-neutral-35);
--switcher-point-color: var(--magnetic-base-neutral-15);
--table-header-divider: var(--magnetic-base-neutral-35);
--overlay-bg-modal: rgba(0, 0, 0, 0.4);
--active-background: var(--magnetic-theme-custom-21);
--hover-background: var(--magnetic-base-neutral-25);
--hover-secondary-button-background: var(--magnetic-base-neutral-25);
--hover-secondary-button-color: var(--magnetic-base-blue-55);
--accent-color-isnd: #649ef5;
--accent-focused-text: var(--magnetic-base-neutral-15);
--tag-remove-hover-color: var(--magnetic-base-red-60);
--warning-status-background-color: var(--magnetic-theme-custom-8);
--critical-status-background-color: var(--magnetic-theme-custom-4);
--positive-status-background-color: var(--magnetic-accent-lime-35);
--info-status-background-color: var(--magnetic-accent-slate-40);
--icon-status-sign-color: var(--magnetic-base-neutral-15);
--warning-status-sign-color: var(--magnetic-base-neutral-15);
--disabled-background-color: var(--magnetic-theme-custom-13);
--icons-hover: var(--magnetic-base-neutral-90);
--disabled-icons: var(--magnetic-base-neutral-50);
--hover-button-color: #7cadf7;
--hover-bg-button-color: #2f3d52;
--disabled-button-color: #2f3d52;
--disabled-bg-button-color: #23282e;
--switcher-bg-color: var(--magnetic-base-neutral-80);
--switcher-bg-hover-color: var(--magnetic-base-neutral-70);
--switcher-bg-checked-color: var(--magnetic-base-blue-65);
--switcher-bg-checked-hover-color: var(--magnetic-base-blue-55);
--switcher-bg-disabled-color: var(--magnetic-base-neutral-40);
--switcher-bg-disabled-checked-color: var(--magnetic-base-neutral-40);
--badge-cyan-bg-color: var(--magnetic-base-light-blue-35);
--badge-blue-bg-color: var(--magnetic-theme-custom-13);
--badge-lavender-bg-color: var(--magnetic-theme-custom-25);
--badge-magenta-bg-color: var(--magnetic-theme-custom-18);
--badge-pink-bg-color: var(--magnetic-theme-custom-4);
--badge-rust-bg-color: var(--magnetic-theme-custom-10);
--badge-golden-bg-color: var(--magnetic-theme-custom-8);
--badge-green-bg-color: var(--magnetic-base-green-35);
--badge-green-cyan-bg-color: var(--magnetic-accent-emerald-35);
--badge-teal-blue-bg-color: var(--magnetic-accent-teal-35);
--badge-positive-bg-color: #395534;
--badge-allow-bg-color: #395534;
--badge-excellent-bg-color: #2f5546;
--badge-low-warning-bg-color: #1f565b;
--badge-warning-bg-color: #5c4d28;
--badge-severe-warning-bg-color: #644637;
--badge-critical-bg-color: #63363e;
--badge-negative-bg-color: #63363e;
--badge-deny-bg-color: #63363e;
--badge-neutral-bg-color: #373c42;
--badge-unknown-bg-color: #373c42;
--badge-disabled-bg-color: #373c42;
--badge-info-bg-color: #3e506a;
--badge-in-progress-bg-color: #3e506a;
--icon-color-positive: #6bbf41;
--icon-color-allow: #6bbf41;
--icon-color-excellent: #4cbf7f;
--icon-color-low-warning: #0bb2b8;
--icon-color-warning: #f0c243;
--icon-color-severe-warning: #fc8d4c;
--icon-color-critical: #fa5762;
--icon-color-negative: #fa5762;
--icon-color-deny: #fa5762;
--icon-color-neutral: #c1c6cc;
--icon-color-unknown: #c1c6cc;
--icon-color-disabled: #c1c6cc;
--icon-color-info: #7cadf7;
--icon-color-in-progress: #7cadf7;
--navigation-primary-selected-color: var(--magnetic-base-neutral-25);
--navigation-primary-hover-color: var(--magnetic-base-neutral-35);
--navigation-primary-hover-select-color: var(--magnetic-base-neutral-35);
--navigation-primary-active-color: var(--magnetic-base-neutral-15);
--navigation-item-left-bar-color: var(--magnetic-base-blue-65);
--navigation-item-right-bar-color: var(--magnetic-base-blue-65);
--navigation-icon-group-color: var(--magnetic-base-neutral-80);
--navigation-icon-group-selected-color: var(--magnetic-base-blue-60);
--navigation-reminders-header-tag-background: var(--magnetic-theme-custom-13);
--navigation-reminders-header-tag-text-color: var(--magnetic-base-neutral-98);
--navigation-reminder-background-color: var(--magnetic-base-neutral-15);
--navigation-reminder-close-button-color: var(--magnetic-base-neutral-45);
--navigation-title-text-color: var(--magnetic-base-neutral-45);
--navigation-feature-mark-indicator-background-color: var(--magnetic-base-yellow-70);
--navigation-group-container-arrow-icon-color: var(--magnetic-base-neutral-80);
--navigation-icon-info-badge-color: var(--magnetic-base-neutral-90);
--navigation-item-group-collapsed-shadow: 0px 5px 8px rgba(0, 0, 0, 0.30);
--navigation-item-color: var(--magnetic-base-neutral-65);
--navigation-item-active-color: var(--magnetic-base-neutral-98);
--navigation-flyout-menu-shadow: 8px 8px 8px 0 rgb(255, 255, 255, 0.05);
--navigation-item-flyout-active-color: var(--magnetic-base-blue-40);
--navigation-item-flyout-active-background-color: var(--magnetic-base-neutral-70);
--navigation-item-flyout-caret-default-color: var(--magnetic-base-neutral-85);
--navigation-item-flyout-close-default-color: var(--magnetic-base-neutral-85);
--navigation-item-flyout-selected-check-color: var(--magnetic-base-blue-50);
--navigation-item-flyout-selected-text-color: var(--magnetic-base-neutral-98);
--navigation-item-flyout-title-color: rgb(202, 203, 206);
--notification-alert-title-color: var(--magnetic-base-neutral-90);
--notification-alert-text-color: var(--magnetic-base-neutral-90);
--notification-alert-close-icon-color: var(--magnetic-base-neutral-60);
--notifications-alert-link-color: undefined;
--accent-destructive-color: var(--magnetic-base-red-60);
--accent-destructive-hover-color: var(--magnetic-base-red-70);
--accent-destructive-background-color: var(--magnetic-base-red-35);
--accent-destructive-disabled-color: var(--magnetic-base-red-35);
--magnetic-button-background: var(--magnetic-base-blue-45);
--magnetic-button-border: var(--magnetic-base-blue-45);
--magnetic-action-dropdown-border: var(--magnetic-base-neutral-60);
--magnetic-header-description: var(--magnetic-base-neutral-40);
--magnetic-header: var(--magnetic-base-neutral-25);
--magnetic-header-title: var(--magnetic-base-neutral-50);
--magnetic-drawer-background: var(--magnetic-base-neutral-100);
--magnetic-categorical-1: #6977F0;
--magnetic-categorical-2: #17C2C2;
--magnetic-categorical-3: #E0CCFF;
--magnetic-categorical-4: #E3447C;
--magnetic-categorical-5: #9DBA4C;
--magnetic-categorical-6: #9B5FF5;
--magnetic-categorical-7: #FF87A9;
--magnetic-categorical-8: #028E99;
--magnetic-categorical-9: #9ADFFC;
--magnetic-categorical-10: #767EB2;
--magnetic-categorical-11: #FC8D4C;
--magnetic-categorical-12: #169855;
--magnetic-positive: #6BBF41;
--magnetic-warning: #F0C243;
--magnetic-severe-warning: #F7782F;
--magnetic-negative: #FA5762;
--magnetic-dormant: #A7ADB5;
--main-workflows-header-background: linear-gradient(90deg, #373c42 0%, #0f1214 100%);
--brand-accent-icon-default: #c1c6cc;
--brand-accent-icon-active: #6bbf41;
--brand-accent-icon-disabled: #6f7680;
--brand-accent-icon-weak-default: #6f7680;
--brand-accent-icon-weak-active: #398519;
--brand-accent-icon-weak-disabled: #fff;
--brand-accent-icon-medium-default: #979fa8;
--brand-accent-icon-medium-disabled: #fff;
--brand-accent-border-hover: #7e868f;
--brand-accent-border-focus: #52a62b;
--brand-accent-border-active: #52a62b;
--brand-accent-border-weak-active: #398519;
--brand-accent-border-medium-default: #596069;
--brand-accent-border-medium-active: #2b7a0c;
--brand-accent-border-strong-default: #0f1214;
--brand-accent-border-strong-hover: #fff;
--brand-accent-border-strong-focus: #fff;
--brand-accent-border-strong-active: #0f1214;
--base-bg-default: #0f1214;
--base-bg-hover: #0f1214;
--base-bg-active: #0f1214;
--base-bg-disabled: #464c54;
--base-bg-weak-default: #23282e;
--base-bg-weak-hover: #373c42;
--base-bg-weak-active: #23282e;
--base-bg-weak-disabled: #464c54;
--base-bg-medium-default: #373c42;
--base-bg-medium-hover: #464c54;
--base-bg-medium-active: #373c42;
--base-bg-medium-disabled: #e85fc6;
--base-bg-strong-default: #a7adb5;
--base-bg-strong-hover: #d0d4d9;
--base-bg-strong-focus: #d0d4d9;
--base-bg-strong-active: #d0d4d9;
--base-bg-strong-disabled: #596069;
--base-icon-in-default: #23282e;
--base-icon-in-hover: #23282e;
--base-icon-in-focus: #23282e;
--base-icon-in-active: #23282e;
--base-icon-in-disabled: #6f7680;
--base-text-default: #f7f7f7;
--base-text-disabled: #6f7680;
--base-text-weak-disabled: #6f7680;
--base-text-medium-default: #d0d4d9;
--base-text-medium-disabled: #6f7680;
--base-text-strong-default: #f0f1f2;
--base-text-strong-disabled: #6f7680;
--base-text-in-default: #23282e;
--base-text-in-hover: #23282e;
--base-text-in-focus: #23282e;
--base-text-in-active: #23282e;
--base-text-in-disabled: #23282e;
--base-text-in-weak-default: #fff;
--base-border-default: #596069;
--base-border-weak-default: #23282e;
--base-border-medium-default: #464c54;
--base-border-strong-default: #c1c6cc;
--inverse-bg-weak-default: #464c54;
--inverse-icon-strong-disabled: #6f7680;
--control-bg-default: #23282e;
--control-bg-hover: #2a3442;
--control-bg-focus: #2a3442;
--control-bg-active: #2a3442;
--control-bg-disabled: #373c42;
--control-bg-weak-default: #23282e;
--control-bg-weak-hover: #373c42;
--control-bg-weak-focus: #23282e;
--control-bg-weak-active: #2a3442;
--control-bg-weak-disabled: #373c42;
--control-bg-medium-default: #23282e;
--control-bg-medium-hover: #373c42;
--control-bg-medium-focus: #979fa8;
--control-bg-medium-active: #2a3442;
--control-bg-medium-disabled: #373c42;
--control-bg-strong-default: #649ef5;
--control-bg-strong-hover: #7cadf7;
--control-bg-strong-focus: #7cadf7;
--control-bg-strong-active: #7cadf7;
--control-bg-strong-disabled: #596069;
--control-icon-default: #649ef5;
--control-icon-hover: #7cadf7;
--control-icon-focus: #7cadf7;
--control-icon-active: #7cadf7;
--control-icon-disabled: #cce1ff;
--control-icon-weak-default: #c1c6cc;
--control-icon-weak-hover: #649ef5;
--control-icon-weak-focus: #649ef5;
--control-icon-weak-active: #649ef5;
--control-icon-weak-disabled: #6f7680;
--control-icon-medium-default: #649ef5;
--control-icon-medium-hover: #979fa8;
--control-icon-medium-focus: #979fa8;
--control-icon-medium-active: #889099;
--control-icon-medium-disabled: #e1e4e8;
--control-icon-strong-default: #d0d4d9;
--control-icon-strong-hover: #f0f1f2;
--control-icon-strong-focus: #649ef5;
--control-icon-strong-active: #649ef5;
--control-icon-strong-disabled: #6f7680;
--control-icon-in-default: #23282e;
--control-icon-in-hover: #23282e;
--control-icon-in-focus: #23282e;
--control-icon-in-active: #23282e;
--control-icon-in-disabled: #6f7680;
--control-icon-in-strong-default: #649ef5;
--control-icon-in-strong-hover: #7cadf7;
--control-icon-in-strong-focus: #7cadf7;
--control-icon-in-strong-active: #7cadf7;
--control-icon-in-strong-disabled: #6f7680;
--control-border-default: #7e868f;
--control-border-hover: #7cadf7;
--control-border-focus: #7cadf7;
--control-border-active: #7cadf7;
--control-border-disabled: #596069;
--control-border-weak-default: #656c75;
--control-border-weak-disabled: #596069;
--control-border-medium-default: #649ef5;
--control-border-medium-hover: #649ef5;
--control-border-medium-focus: #649ef5;
--control-border-medium-active: #649ef5;
--control-border-medium-disabled: #596069;
--control-border-strong-default: #c1c6cc;
--control-border-strong-focus: #656c75;
--control-border-strong-active: #649ef5;
--control-border-strong-disabled: #596069;
--interact-bg-default: #649ef5;
--interact-bg-hover: #7cadf7;
--interact-bg-focus: #7cadf7;
--interact-bg-active: #7cadf7;
--interact-bg-disabled: #446392;
--interact-bg-weak-default: #23282e;
--interact-bg-weak-hover: #2f3d52;
--interact-bg-weak-focus: #2f3d52;
--interact-bg-weak-active: #2f3d52;
--interact-bg-weak-disabled: #464c54;
--interact-bg-medium-default: #649ef5;
--interact-bg-medium-hover: #596069;
--interact-bg-medium-active: #3a5276;
--interact-bg-strong-hover: #596069;
--interact-bg-strong-active: #596069;
--interact-text-default: #649ef5;
--interact-text-hover: #7cadf7;
--interact-text-focus: #7cadf7;
--interact-text-active: #7cadf7;
--interact-text-disabled: #446392;
--interact-text-weak-default: #c1c6cc;
--interact-text-weak-hover: #649ef5;
--interact-text-weak-focus: #649ef5;
--interact-text-weak-active: #649ef5;
--interact-text-weak-disabled: #6f7680;
--interact-text-in-default: #23282e;
--interact-text-in-hover: #23282e;
--interact-text-in-focus: #23282e;
--interact-text-in-active: #23282e;
--interact-text-in-disabled: #23282e;
--interact-icon-default: #649ef5;
--interact-icon-hover: #7cadf7;
--interact-icon-focus: #7cadf7;
--interact-icon-active: #7cadf7;
--interact-icon-disabled: #446392;
--interact-icon-weak-default: #c1c6cc;
--interact-icon-weak-hover: #d0d4d9;
--interact-icon-weak-focus: #d0d4d9;
--interact-icon-weak-active: #d0d4d9;
--interact-icon-weak-disabled: #6f7680;
--interact-icon-medium-default: #c1c6cc;
--interact-icon-medium-hover: #649ef5;
--interact-icon-medium-focus: #649ef5;
--interact-icon-medium-active: #649ef5;
--interact-icon-medium-disabled: #6f7680;
--interact-icon-strong-default: #d0d4d9;
--interact-icon-strong-hover: #f0f1f2;
--interact-icon-strong-focus: #f0f1f2;
--interact-icon-strong-active: #f0f1f2;
--interact-icon-strong-disabled: #6f7680;
--interact-icon-in-default: #23282e;
--interact-icon-in-hover: #23282e;
--interact-icon-in-focus: #23282e;
--interact-icon-in-active: #23282e;
--interact-icon-in-disabled: #23282e;
--interact-border-default: #649ef5;
--interact-border-hover: #7cadf7;
--interact-border-focus: #7cadf7;
--interact-border-active: #7cadf7;
--interact-border-disabled: #446392;
--interact-border-weak-default: #656c75;
--interact-border-weak-disabled: #596069;
--interact-border-medium-default: #649ef5;
--interact-border-medium-hover: #a3c8ff;
--interact-border-medium-focus: #649ef5;
--interact-border-medium-active: #649ef5;
--positive-bg-default: #6bbf41;
--positive-bg-hover: #6bbf41;
--positive-bg-focus: #6bbf41;
--positive-bg-active: #6bbf41;
--positive-bg-disabled: #6bbf41;
--positive-bg-weak-default: #23282e;
--positive-bg-weak-hover: #23282e;
--positive-bg-weak-focus: #23282e;
--positive-bg-weak-active: #23282e;
--positive-bg-weak-disabled: #23282e;
--positive-bg-medium-default: #395534;
--positive-bg-medium-hover: #395534;
--positive-bg-medium-focus: #395534;
--positive-bg-medium-active: #395534;
--positive-bg-medium-disabled: #373c42;
--positive-bg-strong-default: #23381e;
--positive-icon-default: #6bbf41;
--positive-icon-hover: #6bbf41;
--positive-icon-focus: #6bbf41;
--positive-icon-active: #6bbf41;
--positive-icon-disabled: #596069;
--positive-icon-weak-default: #6bbf41;
--positive-icon-weak-hover: #6bbf41;
--positive-icon-weak-focus: #6bbf41;
--positive-icon-weak-active: #6bbf41;
--positive-icon-weak-disabled: #596069;
--positive-icon-strong-default: #6bbf41;
--positive-icon-strong-hover: #6bbf41;
--positive-icon-strong-focus: #6bbf41;
--positive-icon-strong-active: #6bbf41;
--positive-icon-strong-disabled: #477438;
--positive-icon-in-default: #23282e;
--positive-icon-in-hover: #23282e;
--positive-icon-in-focus: #23282e;
--positive-icon-in-active: #23282e;
--positive-icon-in-disabled: #23282e;
--positive-border-default: #6bbf41;
--positive-border-hover: #6bbf41;
--positive-border-focus: #6bbf41;
--positive-border-active: #6bbf41;
--positive-border-disabled: #6bbf41;
--positive-border-weak-default: #23282e;
--positive-border-weak-hover: #6bbf41;
--positive-border-weak-focus: #6bbf41;
--positive-border-weak-active: #6bbf41;
--positive-border-weak-disabled: #596069;
--positive-border-strong-default: #f7f7f7;
--positive-border-strong-hover: #f7f7f7;
--positive-border-strong-focus: #f7f7f7;
--positive-border-strong-active: #f7f7f7;
--positive-border-strong-disabled: #f7f7f7;
--positive-text-in-default: #23282e;
--positive-text-in-hover: #23282e;
--positive-text-in-focus: #23282e;
--positive-text-in-active: #23282e;
--positive-text-in-disabled: #23282e;
--warning-bg-default: #f0c243;
--warning-bg-hover: #f0c243;
--warning-bg-focus: #f0c243;
--warning-bg-active: #f0c243;
--warning-bg-disabled: #f0c243;
--warning-bg-weak-default: #23282e;
--warning-bg-weak-hover: #23282e;
--warning-bg-weak-focus: #23282e;
--warning-bg-weak-active: #23282e;
--warning-bg-weak-disabled: #23282e;
--warning-bg-medium-default: #5c4d28;
--warning-bg-medium-hover: #5c4d28;
--warning-bg-medium-focus: #5c4d28;
--warning-bg-medium-active: #5c4d28;
--warning-bg-medium-disabled: #373c42;
--warning-bg-strong-default: #35301c;
--warning-icon-default: #f0c243;
--warning-icon-hover: #f0c243;
--warning-icon-focus: #f0c243;
--warning-icon-active: #f0c243;
--warning-icon-disabled: #596069;
--warning-icon-strong-default: #f0c243;
--warning-icon-strong-hover: #f0c243;
--warning-icon-strong-focus: #f0c243;
--warning-icon-strong-active: #f0c243;
--warning-icon-strong-disabled: #f0c243;
--warning-icon-in-default: #23282e;
--warning-icon-in-hover: #23282e;
--warning-icon-in-focus: #23282e;
--warning-icon-in-active: #23282e;
--warning-icon-in-disabled: #23282e;
--warning-border-default: #f0c243;
--warning-border-hover: #f0c243;
--warning-border-focus: #f0c243;
--warning-border-active: #f0c243;
--warning-border-disabled: #f0c243;
--warning-border-weak-default: #23282e;
--warning-border-weak-hover: #23282e;
--warning-border-weak-focus: #23282e;
--warning-border-weak-active: #23282e;
--warning-border-weak-disabled: #596069;
--warning-border-strong-default: #f7f7f7;
--warning-border-strong-hover: #f7f7f7;
--warning-border-strong-focus: #f7f7f7;
--warning-border-strong-active: #f7f7f7;
--warning-border-strong-disabled: #f7f7f7;
--warning-text-in-default: #23282e;
--warning-text-in-hover: #23282e;
--warning-text-in-focus: #23282e;
--warning-text-in-active: #23282e;
--warning-text-in-disabled: #23282e;
--severe-warning-bg-default: #f7782f;
--severe-warning-bg-hover: #f7782f;
--severe-warning-bg-focus: #f7782f;
--severe-warning-bg-active: #f7782f;
--severe-warning-bg-disabled: #f7782f;
--severe-warning-bg-weak-default: #23282e;
--severe-warning-bg-weak-hover: #23282e;
--severe-warning-bg-weak-focus: #23282e;
--severe-warning-bg-weak-active: #23282e;
--severe-warning-bg-weak-disabled: #23282e;
--severe-warning-bg-medium-default: #644637;
--severe-warning-bg-medium-hover: #644637;
--severe-warning-bg-medium-focus: #644637;
--severe-warning-bg-medium-active: #644637;
--severe-warning-bg-medium-disabled: #373c42;
--severe-warning-bg-strong-default: #462e21;
--severe-warning-icon-default: #f7782f;
--severe-warning-icon-hover: #f7782f;
--severe-warning-icon-focus: #f7782f;
--severe-warning-icon-active: #f7782f;
--severe-warning-icon-disabled: #596069;
--severe-warning-icon-strong-default: #fc8d4c;
--severe-warning-icon-strong-hover: #fc8d4c;
--severe-warning-icon-strong-focus: #fc8d4c;
--severe-warning-icon-strong-active: #fc8d4c;
--severe-warning-icon-strong-disabled: #fc8d4c;
--severe-warning-icon-in-default: #23282e;
--severe-warning-icon-in-hover: #23282e;
--severe-warning-icon-in-focus: #23282e;
--severe-warning-icon-in-active: #23282e;
--severe-warning-icon-in-disabled: #23282e;
--severe-warning-border-default: #f7782f;
--severe-warning-border-hover: #f7782f;
--severe-warning-border-focus: #f7782f;
--severe-warning-border-active: #f7782f;
--severe-warning-border-disabled: #f7782f;
--severe-warning-border-weak-default: #23282e;
--severe-warning-border-weak-hover: #23282e;
--severe-warning-border-weak-focus: #23282e;
--severe-warning-border-weak-active: #23282e;
--severe-warning-border-weak-disabled: #596069;
--negative-bg-default: #fa5762;
--negative-bg-hover: #ff6e72;
--negative-bg-focus: #ff6e72;
--negative-bg-active: #ff6e72;
--negative-bg-disabled: #8f3f48;
--negative-bg-weak-default: #23282e;
--negative-bg-weak-hover: #984952;
--negative-bg-weak-focus: #984952;
--negative-bg-weak-active: #984952;
--negative-bg-weak-disabled: #373c42;
--negative-bg-medium-default: #63363e;
--negative-bg-medium-hover: #63363e;
--negative-bg-medium-focus: #63363e;
--negative-bg-medium-active: #63363e;
--negative-bg-medium-disabled: #373c42;
--negative-bg-strong-default: #46272a;
--negative-text-default: #fa5762;
--negative-text-hover: #ff878b;
--negative-text-focus: #ff878b;
--negative-text-active: #ff878b;
--negative-text-disabled: #8f3f48;
--negative-text-in-default: #23282e;
--negative-text-in-hover: #23282e;
--negative-text-in-focus: #23282e;
--negative-text-in-active: #23282e;
--negative-text-in-disabled: #23282e;
--negative-icon-default: #fa5762;
--negative-icon-hover: #ff878b;
--negative-icon-focus: #ff878b;
--negative-icon-active: #ff878b;
--negative-icon-disabled: #8f3f48;
--negative-icon-weak-default: #ffb2b5;
--negative-icon-weak-hover: #ffb2b5;
--negative-icon-weak-focus: #ffb2b5;
--negative-icon-weak-active: #ffb2b5;
--negative-icon-weak-disabled: #596069;
--negative-icon-in-default: #23282e;
--negative-icon-in-hover: #23282e;
--negative-icon-in-focus: #23282e;
--negative-icon-in-active: #23282e;
--negative-icon-in-disabled: #23282e;
--negative-border-default: #fa5762;
--negative-border-hover: #ff878b;
--negative-border-focus: #ff878b;
--negative-border-active: #ff878b;
--negative-border-disabled: #914b50;
--negative-border-weak-default: #23282e;
--negative-border-weak-hover: #23282e;
--negative-border-weak-focus: #23282e;
--negative-border-weak-active: #23282e;
--negative-border-weak-disabled: #596069;
--negative-border-medium-default: #eb4651;
--negative-border-medium-hover: #ff878b;
--negative-border-medium-focus: #ff878b;
--negative-border-medium-active: #ff878b;
--negative-border-medium-disabled: #8f3f48;
--negative-border-strong-default: #f7f7f7;
--negative-border-strong-hover: #fff;
--negative-border-strong-focus: #f7f7f7;
--negative-border-strong-active: #f7f7f7;
--negative-border-strong-disabled: #f7f7f7;
--info-bg-default: #7cadf7;
--info-bg-hover: #7cadf7;
--info-bg-focus: #7cadf7;
--info-bg-active: #7cadf7;
--info-bg-disabled: #7cadf7;
--info-bg-weak-default: #23282e;
--info-bg-weak-hover: #23282e;
--info-bg-weak-focus: #23282e;
--info-bg-weak-active: #23282e;
--info-bg-weak-disabled: #23282e;
--info-bg-medium-default: #3e506a;
--info-bg-medium-hover: #3e506a;
--info-bg-medium-focus: #3e506a;
--info-bg-medium-active: #3e506a;
--info-bg-medium-disabled: #373c42;
--info-bg-strong-default: #283648;
--info-icon-default: #7cadf7;
--info-icon-hover: #7cadf7;
--info-icon-focus: #7cadf7;
--info-icon-active: #7cadf7;
--info-icon-disabled: #596069;
--info-icon-weak-default: #7cadf7;
--info-icon-weak-hover: #7cadf7;
--info-icon-weak-focus: #7cadf7;
--info-icon-weak-active: #7cadf7;
--info-icon-weak-disabled: #596069;
--info-icon-in-default: #23282e;
--info-icon-in-hover: #23282e;
--info-icon-in-focus: #23282e;
--info-icon-in-active: #23282e;
--info-icon-in-disabled: #23282e;
--info-border-default: #7cadf7;
--info-border-hover: #7cadf7;
--info-border-focus: #7cadf7;
--info-border-active: #7cadf7;
--info-border-disabled: #7cadf7;
--info-border-weak-default: #23282e;
--info-border-weak-hover: #23282e;
--info-border-weak-focus: #23282e;
--info-border-weak-active: #23282e;
--info-border-weak-disabled: #596069;
--dormant-bg-medium-default: #464c54;
--dormant-bg-medium-disabled: #373c42;
--dormant-icon-default: #c1c6cc;
--dormant-icon-disabled: #596069;
--dormant-icon-in-default: #23282e;
--dormant-icon-in-disabled: #23282e;
--dormant-icon-in-medium-default: #23282e;
--dormant-border-default: #a7adb5;
--dormant-border-disabled: #596069;
--accent-a-default: #9ca6ff;
--accent-a-hover: #8a95ff;
--accent-a-weak-default: #4d5477;
--accent-b-default: #e3447c;
--accent-b-hover: #cf3a7a;
--accent-b-weak-default: #704959;
--accent-c-default: #fcb3c8;
--accent-c-hover: #ff87a9;
--accent-c-weak-default: #6f5964;
--accent-d-default: #9b5ff5;
--accent-d-hover: #8d4eed;
--accent-d-weak-default: #5b5077;
--accent-e-default: #9dba4c;
--accent-e-hover: #89ab2c;
--accent-e-weak-default: #4e5b39;
--accent-f-default: #d95a1a;
--accent-f-hover: #c44f14;
--accent-f-weak-default: #6f4b39;
--accent-g-default: #4ad9d9;
--accent-g-hover: #17c2c2;
--accent-g-weak-default: #1f5e62;
--accent-h-default: #028e99;
--accent-h-hover: #01818c;
--accent-h-weak-default: #456a6d;
--accent-i-default: #f582d8;
--accent-i-hover: #f26dd1;
--accent-i-weak-default: #6c476a;
--accent-j-default: #767eb2;
--accent-j-hover: #6871a3;
--accent-j-weak-default: #505569;
--accent-k-default: #4cbf7f;
--accent-k-hover: #36b26e;
--accent-k-weak-default: #315d4a;
--in-progress-bg-medium-default: #3e506a;
--in-progress-bg-medium-hover: #3e506a;
--in-progress-bg-medium-focus: #3e506a;
--in-progress-bg-medium-active: #3e506a;
--in-progress-bg-medium-disabled: #373c42;
--in-progress-icon-default: #7cadf7;
--in-progress-icon-hover: #7cadf7;
--in-progress-icon-focus: #7cadf7;
--in-progress-icon-active: #7cadf7;
--in-progress-icon-disabled: #596069;
--in-progress-icon-in-default: #23282e;
--in-progress-icon-in-hover: #23282e;
--in-progress-icon-in-focus: #23282e;
--in-progress-icon-in-active: #23282e;
--in-progress-icon-in-disabled: #23282e;
--in-progress-border-default: #7cadf7;
--in-progress-border-hover: #7cadf7;
--in-progress-border-focus: #7cadf7;
--in-progress-border-active: #7cadf7;
--in-progress-border-disabled: #7cadf7;
--low-warning-bg-medium-default: #1f565b;
--low-warning-bg-medium-hover: #1f565b;
--low-warning-bg-medium-focus: #1f565b;
--low-warning-bg-medium-active: #1f565b;
--low-warning-bg-medium-disabled: #373c42;
--low-warning-icon-default: #0bb2b8;
--low-warning-icon-hover: #0bb2b8;
--low-warning-icon-focus: #0bb2b8;
--low-warning-icon-active: #0bb2b8;
--low-warning-icon-disabled: #596069;
--low-warning-icon-in-default: #23282e;
--low-warning-icon-in-hover: #23282e;
--low-warning-icon-in-focus: #23282e;
--low-warning-icon-in-active: #23282e;
--low-warning-icon-in-disabled: #23282e;
--low-warning-border-default: #0bb2b8;
--low-warning-border-hover: #0bb2b8;
--low-warning-border-focus: #0bb2b8;
--low-warning-border-active: #0bb2b8;
--low-warning-border-disabled: #0bb2b8;
--excellent-bg-medium-default: #2f5546;
--excellent-bg-medium-hover: #2f5546;
--excellent-bg-medium-focus: #2f5546;
--excellent-bg-medium-active: #2f5546;
--excellent-bg-medium-disabled: #373c42;
--excellent-icon-default: #4cbf7f;
--excellent-icon-hover: #4cbf7f;
--excellent-icon-focus: #4cbf7f;
--excellent-icon-active: #4cbf7f;
--excellent-icon-disabled: #596069;
--excellent-icon-in-default: #23282e;
--excellent-icon-in-hover: #23282e;
--excellent-icon-in-focus: #23282e;
--excellent-icon-in-active: #23282e;
--excellent-icon-in-disabled: #23282e;
--excellent-border-default: #4cbf7f;
--excellent-border-hover: #4cbf7f;
--excellent-border-focus: #4cbf7f;
--excellent-border-active: #4cbf7f;
--excellent-border-disabled: #4cbf7f;
}
:root {
--u-gutter: 16px;
--u-gutter-small: 15px;
--u-gutter-extra-small: 10px;
--u-transition: .2s ease;
--u-accessibility-outline: 2px var(--accent-color) dashed !important;
--u-accessibility-outline-offset: -2px;
--display-block: block;
--display-none: none;
--transparent: transparent;
--box-shadow-none: none;
--box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
--box-shadow-navigation: 0 4px 12px rgba(0,0,0,.122);
--opacity-0: 0;
--opacity-1: 0.1;
--opacity-2: 0.2;
--opacity-3: 0.3;
--opacity-4: 0.4;
--opacity-5: 0.5;
--opacity-6: 0.6;
--opacity-7: 0.7;
--opacity-8: 0.8;
--opacity-9: 0.9;
--opacity: 1;
--u-var-font-family: "Inter", "Roboto", "Noto", sans-serif;
--u-var-font-family-secondary: "Sharp Sans", "Inter", "Roboto", "Noto", sans-serif;
--u-var-font-size-large: 18px;
--u-var-font-size-normal: 16px;
--u-var-font-size-small: 14px;
--u-var-font-size-extra-small: 12px;
--u-var-font-weight-medium: 600;
--u-var-font-weight-normal: 400;
--u-var-font-weight-large: 700;
--font-size-60: 60px;
--font-size-48: 48px;
--font-size-40: 40px;
--font-size-32: 32px;
--font-size-24: 24px;
--font-size-18: 18px;
--font-size-16: 16px;
--font-size-14: 14px;
--font-size-12: 12px;
--line-height-120: 1.20;
--line-height-125: 1.25;
--line-height-130: 1.30;
--line-height-134: 1.34;
--line-height-138: 1.38;
--line-height-142: 1.42;
--line-height-143: 1.43;
--line-height-150: 1.50;
}
body[data-theme="dark"] {
  color-scheme: dark;
}