:root {
  --duration-loop: infinite;
  --duration-x-slow: 800ms;
  --duration-slow: 600ms;
  --duration-moderate: 300ms;
  --duration-quick: 200ms;
  --duration-fast: 150ms;
  --duration-x-fast: 100ms;
  --duration-xx-fast: 50ms;
  --duration-instant: 0;
  --transition-accelerate: cubic-bezier(0.4, 0, 1, 1);
  --transition-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --transition-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-sharp: cubic-bezier(0.4, 0, 0.6, 1);
  --transition-linear: linear;
  --breakpoint-none: 0;
  --breakpoint-xx-small: 480;
  --breakpoint-x-small: 768;
  --breakpoint-small: 992;
  --breakpoint-medium: 1020;
  --breakpoint-large: 1200;
  --breakpoint-x-large: 1920;
  --breakpoint-xx-large: 3000;
  --color-brand-primary: #005aff;
  --color-info: #0049b4;
  --color-danger: #c91514;
  --color-caution: #f47f31;
  --color-warning: #f7b737;
  --color-success: #25b04d;
  --color-status-critical: #c91514;
  --color-status-major: #f47f31;
  --color-status-minor: #f7b737;
  --color-status-success: #25b04d;
  --color-status-warning: #006076;
  --color-status-cleared: #5274af;
  --color-status-installed: #25b04d;
  --color-status-fault: #c7cdd6;
  --color-status-maintenance: #9765fe;
  --color-status-kpi-info: #616770;
  --color-status-kpi-conditional: #2b3441;
  --color-status-kpi-intermediate: #f7cfae;
  --color-brand-primary-dark: #005aff;
  --color-info-dark: #4092ff;
  --color-danger-dark: #c91514;
  --color-caution-dark: #f47f31;
  --color-warning-dark: #f7b737;
  --color-success-dark: #25b04d;
  --color-status-critical-dark: #c91514;
  --color-status-major-dark: #f47f31;
  --color-status-minor-dark: #f7b737;
  --color-status-success-dark: #25b04d;
  --color-status-warning-dark: #b0f0ff;
  --color-status-cleared-dark: #5274af;
  --color-status-installed-dark: #25b04d;
  --color-status-fault-dark: #f7f9fd;
  --color-status-maintenance-dark: #9765fe;
  --color-status-kpi-info-dark: #c7cdd6;
  --color-status-kpi-conditional-dark: #70767f;
  --color-status-kpi-intermediate-dark: #f7cfae;
  --ff-color-nokia-blue-50: #f9fcff;
  --ff-color-nokia-blue-100: #e4f0ff;
  --ff-color-nokia-blue-200: #badaff;
  --ff-color-nokia-blue-300: #8ec2ff;
  --ff-color-nokia-blue-400: #4092ff;
  --ff-color-nokia-blue-500: #0168ff;
  --ff-color-nokia-blue-600: #005aff;
  --ff-color-nokia-blue-700: #0049b4;
  --ff-color-nokia-blue-800: #003480;
  --ff-color-nokia-blue-900: #001135;
  --ff-color-nokia-blue-1000: #000915;
  --ff-color-cyan-50: #f3fdff;
  --ff-color-cyan-100: #e8fbff;
  --ff-color-cyan-200: #d3f7fe;
  --ff-color-cyan-300: #b0f0ff;
  --ff-color-cyan-400: #80e6ff;
  --ff-color-cyan-500: #57dbfb;
  --ff-color-cyan-600: #00c9ff;
  --ff-color-cyan-700: #02a6d2;
  --ff-color-cyan-800: #018fb5;
  --ff-color-cyan-900: #006076;
  --ff-color-cyan-1000: #023743;
  --ff-color-lime-50: #f9feef;
  --ff-color-lime-100: #f0fddc;
  --ff-color-lime-200: #e3fbbe;
  --ff-color-lime-300: #d7f9a3;
  --ff-color-lime-400: #c4f07d;
  --ff-color-lime-500: #a4d761;
  --ff-color-lime-600: #7fb72c;
  --ff-color-lime-700: #58801e;
  --ff-color-lime-800: #3b5e0a;
  --ff-color-lime-900: #1e3003;
  --ff-color-lime-1000: #151f06;
  --ff-color-green-50: #f3fcf3;
  --ff-color-green-100: #e4ffeb;
  --ff-color-green-200: #c5fcd6;
  --ff-color-green-300: #9df3b7;
  --ff-color-green-400: #6bde91;
  --ff-color-green-500: #45c671;
  --ff-color-green-600: #25b04d;
  --ff-color-green-700: #13902f;
  --ff-color-green-800: #077015;
  --ff-color-green-900: #004707;
  --ff-color-green-1000: #162718;
  --ff-color-yellow-50: #fff7d3;
  --ff-color-yellow-100: #fff0af;
  --ff-color-yellow-200: #ffe890;
  --ff-color-yellow-300: #ffd568;
  --ff-color-yellow-400: #f7b737;
  --ff-color-yellow-500: #d98c0f;
  --ff-color-yellow-600: #b06205;
  --ff-color-yellow-700: #7e3b02;
  --ff-color-yellow-800: #471b00;
  --ff-color-yellow-900: #2f1200;
  --ff-color-yellow-1000: #1c0b01;
  --ff-color-orange-50: #fffaf5;
  --ff-color-orange-100: #fff1e4;
  --ff-color-orange-200: #ffe1c5;
  --ff-color-orange-300: #ffd0a5;
  --ff-color-orange-400: #ffa663;
  --ff-color-orange-500: #f47f31;
  --ff-color-orange-600: #d7560c;
  --ff-color-orange-700: #af3903;
  --ff-color-orange-800: #7d2101;
  --ff-color-orange-900: #470e00;
  --ff-color-orange-1000: #280902;
  --ff-color-red-50: #fff8f7;
  --ff-color-red-100: #ffe6e4;
  --ff-color-red-200: #fdc8c5;
  --ff-color-red-300: #fbaaa7;
  --ff-color-red-400: #f26c69;
  --ff-color-red-500: #e23b3b;
  --ff-color-red-600: #c91514;
  --ff-color-red-700: #a60808;
  --ff-color-red-800: #790303;
  --ff-color-red-900: #470000;
  --ff-color-red-1000: #210502;
  --ff-color-pink-50: #fff7fb;
  --ff-color-pink-100: #feeff6;
  --ff-color-pink-200: #fce5f0;
  --ff-color-pink-300: #fcd3e6;
  --ff-color-pink-400: #faafca;
  --ff-color-pink-500: #fb5792;
  --ff-color-pink-600: #e74183;
  --ff-color-pink-700: #d22c6d;
  --ff-color-pink-800: #a81b52;
  --ff-color-pink-900: #880b3c;
  --ff-color-pink-1000: #3d0e1d;
  --ff-color-purple-50: #fbfaff;
  --ff-color-purple-100: #eae4ff;
  --ff-color-purple-200: #d4c5ff;
  --ff-color-purple-300: #c0a5ff;
  --ff-color-purple-400: #9765fe;
  --ff-color-purple-500: #7d33f2;
  --ff-color-purple-600: #5a0dd5;
  --ff-color-purple-700: #4604ae;
  --ff-color-purple-800: #33017d;
  --ff-color-purple-900: #1e0047;
  --ff-color-purple-1000: #130b2b;
  --ff-color-brown-50: #fff9f4;
  --ff-color-brown-100: #fff3e9;
  --ff-color-brown-200: #ffe8d5;
  --ff-color-brown-300: #f7cfae;
  --ff-color-brown-400: #e2ba99;
  --ff-color-brown-500: #b58d6c;
  --ff-color-brown-600: #906847;
  --ff-color-brown-700: #6f4726;
  --ff-color-brown-800: #5b3312;
  --ff-color-brown-900: #472000;
  --ff-color-brown-1000: #271200;
  --ff-color-grey-50: #fafafa;
  --ff-color-grey-100: #f3f3f3;
  --ff-color-grey-200: #ebebeb;
  --ff-color-grey-300: #dcdcdc;
  --ff-color-grey-400: #cccccc;
  --ff-color-grey-500: #999999;
  --ff-color-grey-600: #757575;
  --ff-color-grey-700: #666666;
  --ff-color-grey-800: #333333;
  --ff-color-grey-900: #212121;
  --ff-color-grey-1000: #171717;
  --ff-color-tone-10: #fcfcfd;
  --ff-color-tone-50: #f7f9fd;
  --ff-color-tone-100: #edeff4;
  --ff-color-tone-200: #dfe6ef;
  --ff-color-tone-300: #c7cdd6;
  --ff-color-tone-400: #949aa3;
  --ff-color-tone-500: #70767f;
  --ff-color-tone-600: #616770;
  --ff-color-tone-700: #4e5560;
  --ff-color-tone-800: #333e4d;
  --ff-color-tone-900: #2b3441;
  --ff-color-tone-1000: #242d3c;
  --ff-color-tone-1100: #18212e;
  --ff-color-tone-1200: #101620;
  --ff-color-black: #000000;
  --ff-color-white: #ffffff;
  --ff-color-highlight-yellow: #ffff00;
  --ff-color-highlight-green: #00ff00;
  --ff-color-highlight-cyan: #00ffff;
  --ff-color-highlight-magenta: #ff00ff;
  --ff-color-highlight-lime: #c4ff32;
  --ff-color-highlight-pink: #ffccff;
  --ff-color-highlight-mint: #abfcbf;
  --ff-color-highlight-blue: #00caff;
  --ff-color-highlight-purple: #ccb7ff;
  --ff-color-highlight-overlap: #777777;
  --ff-color-highlight-selected: #42a5f5;
  --legacy-color-black: #000000;
  --legacy-color-white: #ffffff;
  --legacy-color-transparent: #ffffff00;
  --legacy-color-nokia-blue-10: #e9edf5;
  --legacy-color-nokia-blue-50: #a2b7d9;
  --legacy-color-nokia-blue-100: #7d97c3;
  --legacy-color-nokia-blue-200: #5274af;
  --legacy-color-nokia-blue-300: #124191;
  --legacy-color-nokia-blue-400: #0f3677;
  --legacy-color-nokia-blue-500: #0b2351;
  --legacy-color-neutral-grey-10: #fafafa;
  --legacy-color-neutral-grey-50: #f1f1f1;
  --legacy-color-neutral-grey-100: #e0e0e0;
  --legacy-color-neutral-grey-150: #cccccc;
  --legacy-color-neutral-grey-200: #b5b5b5;
  --legacy-color-neutral-grey-250: #9e9e9e;
  --legacy-color-neutral-grey-300: #737373;
  --legacy-color-neutral-grey-350: #3d3d3d;
  --legacy-color-neutral-grey-400: #212121;
  --legacy-color-warm-taupe-10: #f4f1f0;
  --legacy-color-warm-taupe-50: #eae5e3;
  --legacy-color-warm-taupe-100: #d7ccc8;
  --legacy-color-midnight-blue-10: #e7ebee;
  --legacy-color-midnight-blue-50: #b9c3ca;
  --legacy-color-midnight-blue-100: #738796;
  --legacy-color-midnight-blue-200: #465f73;
  --legacy-color-midnight-blue-300: #012345;
  --legacy-color-midnight-blue-400: #011e34;
  --legacy-color-midnight-blue-500: #011428;
  --legacy-color-kingfisher-blue-10: #ebf6fe;
  --legacy-color-kingfisher-blue-50: #c2e4fd;
  --legacy-color-kingfisher-blue-100: #86c9fb;
  --legacy-color-kingfisher-blue-200: #5fb7fa;
  --legacy-color-kingfisher-blue-300: #239df9;
  --legacy-color-kingfisher-blue-400: #1e80cd;
  --legacy-color-kingfisher-blue-500: #055b99;
  --legacy-color-cerulean-blue-10: #e7faff;
  --legacy-color-cerulean-blue-50: #b9f2ff;
  --legacy-color-cerulean-blue-100: #74e5ff;
  --legacy-color-cerulean-blue-200: #47ddff;
  --legacy-color-cerulean-blue-300: #03d0ff;
  --legacy-color-cerulean-blue-400: #04abd1;
  --legacy-color-cerulean-blue-500: #00758f;
  --legacy-color-polo-blue-100: #90b6d3;
  --legacy-color-science-blue-10: #dae8fc;
  --legacy-color-science-blue-50: #c5daf9;
  --legacy-color-science-blue-100: #8eb9f5;
  --legacy-color-science-blue-200: #438cef;
  --legacy-color-science-blue-300: #146be9;
  --legacy-color-science-blue-400: #0e4faa;
  --legacy-color-science-blue-500: #0b3d83;
  --legacy-color-steel-teal-50: #d4dee1;
  --legacy-color-steel-teal-100: #abbec5;
  --legacy-color-steel-teal-300: #597d8b;
  --legacy-color-lime-green-10: #f0f7e7;
  --legacy-color-lime-green-50: #bedc96;
  --legacy-color-lime-green-100: #a9d173;
  --legacy-color-lime-green-200: #8cc246;
  --legacy-color-lime-green-300: #62ac00;
  --legacy-color-lime-green-400: #518b01;
  --legacy-color-lime-green-500: #457a00;
  --legacy-color-sea-green-10: #e8f6f4;
  --legacy-color-sea-green-50: #bae5e0;
  --legacy-color-sea-green-100: #76cbc1;
  --legacy-color-sea-green-200: #48bbad;
  --legacy-color-sea-green-300: #05a18f;
  --legacy-color-sea-green-400: #048375;
  --legacy-color-sea-green-500: #036358;
  --legacy-color-apple-green-10: #f6fbe8;
  --legacy-color-apple-green-50: #e4f3ba;
  --legacy-color-apple-green-100: #c9e876;
  --legacy-color-apple-green-200: #b7df48;
  --legacy-color-apple-green-300: #9cd305;
  --legacy-color-apple-green-400: #80ad07;
  --legacy-color-apple-green-500: #678b04;
  --legacy-color-canary-yellow-10: #fff9e8;
  --legacy-color-canary-yellow-50: #ffe8a4;
  --legacy-color-canary-yellow-100: #ffdc75;
  --legacy-color-canary-yellow-200: #ffd047;
  --legacy-color-canary-yellow-300: #ffbf02;
  --legacy-color-canary-yellow-400: #e89d00;
  --legacy-color-canary-yellow-500: #916d03;
  --legacy-color-pumpkin-orange-10: #fff2e7;
  --legacy-color-pumpkin-orange-50: #ffdab9;
  --legacy-color-pumpkin-orange-100: #ffb673;
  --legacy-color-pumpkin-orange-200: #ff9c45;
  --legacy-color-pumpkin-orange-300: #ff7900;
  --legacy-color-pumpkin-orange-400: #e56200;
  --legacy-color-pumpkin-orange-500: #bc5b01;
  --legacy-color-crimson-red-10: #f4e7ea;
  --legacy-color-crimson-red-50: #e7b5c2;
  --legacy-color-crimson-red-100: #cf6c86;
  --legacy-color-crimson-red-200: #bc3b5b;
  --legacy-color-crimson-red-300: #8e0022;
  --legacy-color-crimson-red-400: #74001d;
  --legacy-color-crimson-red-500: #3d000e;
  --legacy-color-crimson-red-600: #29000a;
  --legacy-color-crimson-red-700: #14000e;
  --legacy-color-poppy-red-10: #fbe8e8;
  --legacy-color-poppy-red-50: #ef989b;
  --legacy-color-poppy-red-100: #ea7679;
  --legacy-color-poppy-red-200: #e3494c;
  --legacy-color-poppy-red-300: #d9070a;
  --legacy-color-poppy-red-400: #b20609;
  --legacy-color-poppy-red-500: #8b0407;
  --legacy-color-pitaya-pink-10: #ffe9ef;
  --legacy-color-pitaya-pink-50: #ffbed0;
  --legacy-color-pitaya-pink-100: #ff7ea1;
  --legacy-color-pitaya-pink-200: #ff5482;
  --legacy-color-pitaya-pink-300: #ff1654;
  --legacy-color-pitaya-pink-400: #d11445;
  --legacy-color-pitaya-pink-500: #a3002c;
  --legacy-color-blush-pink-10: #fef0fb;
  --legacy-color-blush-pink-50: #fed3f3;
  --legacy-color-blush-pink-100: #fea7e8;
  --legacy-color-blush-pink-200: #fc89e2;
  --legacy-color-blush-pink-300: #fc5ed6;
  --legacy-color-blush-pink-400: #e23ab8;
  --legacy-color-blush-pink-500: #b4048b;
  --legacy-color-vivid-violet-10: #f5e8fd;
  --legacy-color-vivid-violet-50: #e3bbfa;
  --legacy-color-vivid-violet-100: #c777f6;
  --legacy-color-vivid-violet-200: #b449f3;
  --legacy-color-vivid-violet-300: #aa00ff;
  --legacy-color-vivid-violet-400: #7e06c4;
  --legacy-color-vivid-violet-500: #59048b;
  --legacy-color-amethyst-purple-10: #f0e8f9;
  --legacy-color-amethyst-purple-50: #d3baef;
  --legacy-color-amethyst-purple-100: #a776e0;
  --legacy-color-amethyst-purple-200: #8949d5;
  --legacy-color-amethyst-purple-300: #5e05c6;
  --legacy-color-amethyst-purple-400: #4c05a3;
  --legacy-color-amethyst-purple-500: #370372;
  --legacy-color-dark-grey-10: #404142;
  --legacy-color-dark-grey-50: #3a3b3c;
  --legacy-color-dark-grey-100: #383839;
  --legacy-color-dark-grey-150: #333435;
  --legacy-color-dark-grey-200: #303131;
  --legacy-color-dark-grey-250: #2e2f30;
  --legacy-color-dark-grey-300: #2b2c2d;
  --legacy-color-dark-grey-350: #252627;
  --legacy-color-dark-grey-400: #232425;
  --legacy-color-dark-grey-450: #1f2021;
  --legacy-color-dark-grey-500: #1a1d1f;
  --np-color-black: #000000;
  --np-color-white: #ffffff;
  --np-color-nokia-blue-corporate: #124191;
  --np-color-blue-black: #001135;
  --np-color-classic-blue: #0045b6;
  --np-color-off-black: #0c1117;
  --np-color-blue-5: #f9fcff;
  --np-color-blue-10: #e4f0ff;
  --np-color-blue-20: #d1e5ff;
  --np-color-blue-30: #badaff;
  --np-color-blue-40: #6eb1ff;
  --np-color-blue-50: #4092ff;
  --np-color-blue-60: #0168ff;
  --np-color-blue-70: #005aff;
  --np-color-blue-80: #0045b6;
  --np-color-blue-90: #003480;
  --np-color-blue-100: #001d47;
  --np-color-cyan-5: #f3fdff;
  --np-color-cyan-10: #e8fbff;
  --np-color-cyan-20: #d3f8fe;
  --np-color-cyan-30: #afefff;
  --np-color-cyan-40: #7fe6ff;
  --np-color-cyan-50: #57dbfb;
  --np-color-cyan-60: #00c9ff;
  --np-color-cyan-70: #02a6d2;
  --np-color-cyan-80: #007c9d;
  --np-color-cyan-90: #006076;
  --np-color-cyan-100: #023743;
  --np-color-tone-5: #f7f8fc;
  --np-color-tone-10: #eff4fc;
  --np-color-tone-20: #e9eff9;
  --np-color-tone-30: #dfe6ef;
  --np-color-tone-40: #c7cdd6;
  --np-color-tone-50: #949aa3;
  --np-color-tone-60: #70767f;
  --np-color-tone-70: #616770;
  --np-color-tone-80: #4e5560;
  --np-color-tone-90: #2b3441;
  --np-color-tone-100: #18212e;
  --np-color-grey-5: #f9f9f9;
  --np-color-grey-10: #f3f3f3;
  --np-color-grey-20: #ebebeb;
  --np-color-grey-30: #dcdcdc;
  --np-color-grey-40: #cccccc;
  --np-color-grey-50: #999999;
  --np-color-grey-60: #757575;
  --np-color-grey-70: #666666;
  --np-color-grey-80: #545454;
  --np-color-grey-90: #333333;
  --np-color-grey-100: #202020;
  --np-color-teal-5: #f3fbfc;
  --np-color-teal-10: #e4fbff;
  --np-color-teal-20: #b9eaf2;
  --np-color-teal-30: #90dce5;
  --np-color-teal-40: #50c4d0;
  --np-color-teal-50: #23abb6;
  --np-color-teal-60: #0893a8;
  --np-color-teal-70: #027490;
  --np-color-teal-80: #01516e;
  --np-color-teal-90: #003047;
  --np-color-teal-100: #02232a;
  --np-color-mint-5: #f2fbf9;
  --np-color-mint-10: #e2fdf8;
  --np-color-mint-20: #b7f9ec;
  --np-color-mint-30: #94f0de;
  --np-color-mint-40: #6dd4bf;
  --np-color-mint-50: #4cb9a3;
  --np-color-mint-60: #2fa08a;
  --np-color-mint-70: #198570;
  --np-color-mint-80: #036652;
  --np-color-mint-90: #003f32;
  --np-color-mint-100: #192f2b;
  --np-color-green-5: #f3fcf3;
  --np-color-green-10: #e4ffeb;
  --np-color-green-20: #c5fcd6;
  --np-color-green-30: #9af6af;
  --np-color-green-40: #6bde91;
  --np-color-green-50: #45c671;
  --np-color-green-60: #25b04d;
  --np-color-green-70: #13902f;
  --np-color-green-80: #077015;
  --np-color-green-90: #004707;
  --np-color-green-100: #162718;
  --np-color-lime-5: #f9feef;
  --np-color-lime-10: #f0fddc;
  --np-color-lime-20: #e3fbbe;
  --np-color-lime-30: #d7f9a3;
  --np-color-lime-40: #c4f07d;
  --np-color-lime-50: #a4d761;
  --np-color-lime-60: #7fb72c;
  --np-color-lime-70: #58801e;
  --np-color-lime-80: #3b5e0a;
  --np-color-lime-90: #1e3003;
  --np-color-lime-100: #151f06;
  --np-color-yellow-5: #fffae6;
  --np-color-yellow-10: #fff6d3;
  --np-color-yellow-20: #ffefaf;
  --np-color-yellow-30: #ffe890;
  --np-color-yellow-40: #ffd568;
  --np-color-yellow-50: #f7b737;
  --np-color-yellow-60: #d98c0f;
  --np-color-yellow-70: #b06205;
  --np-color-yellow-80: #7e3b02;
  --np-color-yellow-90: #471b00;
  --np-color-yellow-100: #2e1100;
  --np-color-orange-5: #fff9f4;
  --np-color-orange-10: #fff1dc;
  --np-color-orange-20: #ffe1c5;
  --np-color-orange-30: #ffd0a5;
  --np-color-orange-40: #ffa663;
  --np-color-orange-50: #f47f31;
  --np-color-orange-60: #d7550c;
  --np-color-orange-70: #af3903;
  --np-color-orange-80: #7d2101;
  --np-color-orange-90: #470e00;
  --np-color-orange-100: #280902;
  --np-color-red-5: #fff8f7;
  --np-color-red-10: #ffe6e4;
  --np-color-red-20: #fdc8c5;
  --np-color-red-30: #fbaaa7;
  --np-color-red-40: #f26c69;
  --np-color-red-50: #e23b3b;
  --np-color-red-60: #c91514;
  --np-color-red-70: #a60808;
  --np-color-red-80: #790303;
  --np-color-red-90: #470000;
  --np-color-red-100: #210502;
  --np-color-pink-5: #fff7fb;
  --np-color-pink-10: #ffe4ef;
  --np-color-pink-20: #ffc3db;
  --np-color-pink-30: #ffa2c7;
  --np-color-pink-40: #ff5c9d;
  --np-color-pink-50: #da3476;
  --np-color-pink-60: #b81254;
  --np-color-pink-70: #a10040;
  --np-color-pink-80: #70002c;
  --np-color-pink-90: #3e011a;
  --np-color-pink-100: #26000f;
  --np-color-purple-5: #fbfaff;
  --np-color-purple-10: #eae4ff;
  --np-color-purple-20: #d4c5ff;
  --np-color-purple-30: #c0a5ff;
  --np-color-purple-40: #9765fe;
  --np-color-purple-50: #7d33f2;
  --np-color-purple-60: #5a0dd5;
  --np-color-purple-70: #4604ae;
  --np-color-purple-80: #33017d;
  --np-color-purple-90: #1e0047;
  --np-color-purple-100: #130b2b;
  --np-color-brown-5: #fff9f4;
  --np-color-brown-10: #fff3e9;
  --np-color-brown-20: #ffe8d5;
  --np-color-brown-30: #f7cfae;
  --np-color-brown-40: #e2ba99;
  --np-color-brown-50: #b58d6c;
  --np-color-brown-60: #906847;
  --np-color-brown-70: #6f4726;
  --np-color-brown-80: #5b3312;
  --np-color-brown-90: #472000;
  --np-color-brown-100: #271200;
  --opacity-transparent: 0;
  --opacity-xxx-light: 0.05;
  --opacity-xx-light: 0.12;
  --opacity-x-light: 0.25;
  --opacity-light: 0.4;
  --opacity-mid: 0.5;
  --opacity-heavy: 0.75;
  --opacity-x-heavy: 0.85;
  --opacity-xx-heavy: 0.95;
  --opacity-solid: 1;
  --radius-none: 0rem;
  --radius-xx-small: 0.125rem;
  --radius-x-small: 0.25rem;
  --radius-small: 0.5rem;
  --radius-medium: 1rem;
  --radius-circle: 50%;
  --shadow-spread-0: 0rem;
  --shadow-spread-1: 0.0625rem;
  --shadow-spread-2: 0.125rem;
  --shadow-spread-3: 0.1875rem;
  --shadow-spread-4: 0.25rem;
  --shadow-spread-6: 0.375rem;
  --shadow-spread-8: 0.5rem;
  --shadow-spread-9: 0.5625rem;
  --shadow-spread-12: 0.75rem;
  --shadow-spread-16: 1rem;
  --shadow-spread-24: 1.5rem;
  --legacy-shadow-xxxx-small: 0 0 0px 0 rgba(0, 0, 0, 0.12),
    0 0px 0px 0 rgba(0, 0, 0, 0.24);
  --legacy-shadow-xxx-small: 0 0 1px 0 rgba(0, 0, 0, 0.12),
    0 1px 1px 0 rgba(0, 0, 0, 0.24);
  --legacy-shadow-xx-small: 0 0 2px 0 rgba(0, 0, 0, 0.12),
    0 2px 2px 0 rgba(0, 0, 0, 0.24);
  --legacy-shadow-x-small: 0 0 3px 0 rgba(0, 0, 0, 0.12),
    0 3px 3px 0 rgba(0, 0, 0, 0.24);
  --legacy-shadow-small: 0 0 4px 0 rgba(0, 0, 0, 0.12),
    0 4px 4px 0 rgba(0, 0, 0, 0.24);
  --legacy-shadow-medium: 0 0 6px 0 rgba(0, 0, 0, 0.12),
    0 6px 6px 0 rgba(0, 0, 0, 0.24);
  --legacy-shadow-large: 0 0 8px 0 rgba(0, 0, 0, 0.12),
    0 8px 8px 0 rgba(0, 0, 0, 0.24);
  --legacy-shadow-x-large: 0 0 9px 0 rgba(0, 0, 0, 0.12),
    0 9px 9px 0 rgba(0, 0, 0, 0.24);
  --legacy-shadow-xx-large: 0 0 12px 0 rgba(0, 0, 0, 0.12),
    0 12px 12px 0 rgba(0, 0, 0, 0.24);
  --legacy-shadow-xxx-large: 0 0 16px 0 rgba(0, 0, 0, 0.12),
    0 16px 16px 0 rgba(0, 0, 0, 0.24);
  --legacy-shadow-xxxx-large: 0 0 24px 0 rgba(0, 0, 0, 0.12),
    0 24px 24px 0 rgba(0, 0, 0, 0.24);
  --np-shadow-x-small: 0px 0px 2px 2px rgba(0, 0, 0, 0.02);
  --np-shadow-small: 0px 1px 4px rgba(0, 0, 0, 0.1);
  --np-shadow-medium: 0px 2px 10px rgba(0, 0, 0, 0.1);
  --np-shadow-large: 0px 4px 20px rgba(0, 0, 0, 0.1);
  --np-shadow-x-large: 0px 6px 30px rgba(0, 0, 0, 0.1);
  --ff-shadow-small: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  --ff-shadow-medium: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  --ff-shadow-large: 0 6px 12px 0 rgba(0, 0, 0, 0.12);
  --ff-shadow-x-large: 0 12px 24px 0 rgba(0, 0, 0, 0.24);
  --size-none: 0rem;
  --size-xxx-small: 0.25rem;
  --size-xx-small: 0.5rem;
  --size-x-small: 0.75rem;
  --size-small: 1rem;
  --size-medium: 1.5rem;
  --size-large: 2rem;
  --size-x-large: 2.5rem;
  --size-xx-large: 3rem;
  --size-xxx-large: 4rem;
  --size-xxxx-large: 5rem;
  --spacing-none: 0rem;
  --spacing-xxx-small: 0.125rem;
  --spacing-xx-small: 0.25rem;
  --spacing-x-small: 0.5rem;
  --spacing-small: 0.75rem;
  --spacing-medium: 1rem;
  --spacing-large: 1.5rem;
  --spacing-x-large: 2rem;
  --spacing-xx-large: 2.5rem;
  --spacing-xxx-large: 3rem;
  --spacing-xxxx-large: 4rem;
  --spacing-xxxxx-large: 5rem;
  --touch-height-aaa: 2.75rem;
  --touch-height-aa: 1.5rem;
  --touch-square-aaa: 2.75rem;
  --touch-square-aa: 1.5rem;
  --font-weight-thin: 100;
  --font-weight-ultra-light: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-weight-black: 900;
  --font-line-height-large: 175%;
  --font-line-height-medium: 150%;
  --font-line-height-small: 125%;
  --font-line-height-none: 100%;
  --font-size-xxxx-small: 0.625rem;
  --font-size-xxx-small: 0.75rem;
  --font-size-xx-small: 0.875rem;
  --font-size-x-small: 1rem;
  --font-size-small: 1.125rem;
  --font-size-medium: 1.375rem;
  --font-size-large: 1.5rem;
  --font-size-x-large: 2rem;
  --font-size-xx-large: 2.5rem;
  --font-size-xxx-large: 2.75rem;
  --font-size-xxxx-large: 3rem;
  --font-letter-spacing-xx-small: -0.0625rem;
  --font-letter-spacing-x-small: -0.0313rem;
  --font-letter-spacing-small: -0.0156rem;
  --font-letter-spacing-medium: 0rem;
  --font-letter-spacing-large: 0.0156rem;
  --font-letter-spacing-x-large: 0.0313rem;
  --font-letter-spacing-xx-large: 0.0625rem;
  --font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
    "Helvetica Neue", sans-serif;
  --font-family-headline: "NokiaPureHeadline", -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --font-family-text: "NokiaPureText", -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --font-family-data: "NokiaPureData", -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --text-transform-uppercase: uppercase;
  --text-transform-lowercase: lowercase;
  --text-transform-capitalize: capitalize;
  --ff-typography-micro: 700 0.625rem/150% "NokiaPureText", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --ff-typography-caption: 400 0.75rem/150% "NokiaPureText", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --ff-typography-label: 700 0.875rem/150% "NokiaPureText", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --ff-typography-body: 400 0.875rem/150% "NokiaPureText", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --ff-typography-h6: 700 1rem/150% "NokiaPureText", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --ff-typography-h5: 700 1.125rem/125% "NokiaPureText", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --ff-typography-h4: 400 1.5rem/125% "NokiaPureText", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --ff-typography-h3: 700 2rem/125% "NokiaPureText", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --ff-typography-h2: 700 2.5rem/125% "NokiaPureText", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --ff-typography-h1: 300 3rem/125% "NokiaPureHeadline", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --legacy-typography-micro: 400 0.625rem/150% "NokiaPureText", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --legacy-typography-caption: 400 0.75rem/125% "NokiaPureText", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --legacy-typography-label: 700 0.75rem/125% "NokiaPureText", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --legacy-typography-body: 400 0.875rem/150% "NokiaPureText", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --legacy-typography-h6: 700 1rem/150% "NokiaPureText", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --legacy-typography-h4: 300 1.5rem/125% "NokiaPureHeadline", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --legacy-typography-h1-alpha: 100 2.75rem/125% "NokiaPureHeadline",
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue",
    sans-serif;
  --legacy-typography-h1-numeric: 100 2.75rem/100% "NokiaPureHeadline",
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue",
    sans-serif;
  --np-typography-h1: 700 3rem/125% "NokiaPureHeadline", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --np-typography-h2: 700 2.5rem/125% "NokiaPureHeadline", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --np-typography-h3: 700 2rem/125% "NokiaPureHeadline", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --np-typography-h4: 700 1.5rem/125% "NokiaPureHeadline", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --np-typography-h5: 700 1.375rem/125% "NokiaPureHeadline", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --np-typography-h6: 700 1.125rem/150% "NokiaPureHeadline", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --np-typography-title-large: 600 1.125rem/150% -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --np-typography-title-medium: 600 1rem/150% -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --np-typography-title-small: 600 0.875rem/150% -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --np-typography-body-large: 400 1.125rem/150% -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --np-typography-body-medium: 400 1rem/150% -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --np-typography-body-small: 400 0.875rem/150% -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --np-typography-body-x-small: 400 0.75rem/150% -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --np-typography-label-medium: 600 0.875rem/150% -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --np-typography-label-small: 600 0.75rem/150% -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --np-typography-label-caps: 600 0.75rem/150% -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;

  --color-brand-primary-rgb: 0, 90, 255;
  --color-info-rgb: 0, 73, 180;
  --color-danger-rgb: 201, 21, 20;
  --color-caution-rgb: 244, 127, 49;
  --color-warning-rgb: 247, 183, 55;
  --color-success-rgb: 37, 176, 77;
  --color-status-critical-rgb: 201, 21, 20;
  --color-status-major-rgb: 244, 127, 49;
  --color-status-minor-rgb: 247, 183, 55;
  --color-status-success-rgb: 37, 176, 77;
  --color-status-warning-rgb: 0, 96, 118;
  --color-status-cleared-rgb: 82, 116, 175;
  --color-status-installed-rgb: 37, 176, 77;
  --color-status-fault-rgb: 199, 205, 214;
  --color-status-maintenance-rgb: 151, 101, 254;
  --color-status-KPI-info-rgb: 97, 103, 112;
  --color-status-KPI-conditional-rgb: 43, 52, 65;
  --color-status-KPI-intermediate-rgb: 247, 207, 174;
  --color-brand-primary-dark-rgb: 0, 90, 255;
  --color-info-dark-rgb: 64, 146, 255;
  --color-danger-dark-rgb: 201, 21, 20;
  --color-caution-dark-rgb: 244, 127, 49;
  --color-warning-dark-rgb: 247, 183, 55;
  --color-success-dark-rgb: 37, 176, 77;
  --color-status-critical-dark-rgb: 201, 21, 20;
  --color-status-major-dark-rgb: 244, 127, 49;
  --color-status-minor-dark-rgb: 247, 183, 55;
  --color-status-success-dark-rgb: 37, 176, 77;
  --color-status-warning-dark-rgb: 176, 240, 255;
  --color-status-cleared-dark-rgb: 82, 116, 175;
  --color-status-installed-dark-rgb: 37, 176, 77;
  --color-status-fault-dark-rgb: 247, 249, 253;
  --color-status-maintenance-dark-rgb: 151, 101, 254;
  --color-status-KPI-info-dark-rgb: 199, 205, 214;
  --color-status-KPI-conditional-dark-rgb: 112, 118, 127;
  --color-status-KPI-intermediate-dark-rgb: 247, 207, 174;
  --ff-color-nokia-blue-50-rgb: 249, 252, 255;
  --ff-color-nokia-blue-100-rgb: 228, 240, 255;
  --ff-color-nokia-blue-200-rgb: 186, 218, 255;
  --ff-color-nokia-blue-300-rgb: 142, 194, 255;
  --ff-color-nokia-blue-400-rgb: 64, 146, 255;
  --ff-color-nokia-blue-500-rgb: 1, 104, 255;
  --ff-color-nokia-blue-600-rgb: 0, 90, 255;
  --ff-color-nokia-blue-700-rgb: 0, 73, 180;
  --ff-color-nokia-blue-800-rgb: 0, 52, 128;
  --ff-color-nokia-blue-900-rgb: 0, 17, 53;
  --ff-color-nokia-blue-1000-rgb: 0, 9, 21;
  --ff-color-cyan-50-rgb: 243, 253, 255;
  --ff-color-cyan-100-rgb: 232, 251, 255;
  --ff-color-cyan-200-rgb: 211, 247, 254;
  --ff-color-cyan-300-rgb: 176, 240, 255;
  --ff-color-cyan-400-rgb: 128, 230, 255;
  --ff-color-cyan-500-rgb: 87, 219, 251;
  --ff-color-cyan-600-rgb: 0, 201, 255;
  --ff-color-cyan-700-rgb: 2, 166, 210;
  --ff-color-cyan-800-rgb: 1, 143, 181;
  --ff-color-cyan-900-rgb: 0, 96, 118;
  --ff-color-cyan-1000-rgb: 2, 55, 67;
  --ff-color-lime-50-rgb: 249, 254, 239;
  --ff-color-lime-100-rgb: 240, 253, 220;
  --ff-color-lime-200-rgb: 227, 251, 190;
  --ff-color-lime-300-rgb: 215, 249, 163;
  --ff-color-lime-400-rgb: 196, 240, 125;
  --ff-color-lime-500-rgb: 164, 215, 97;
  --ff-color-lime-600-rgb: 127, 183, 44;
  --ff-color-lime-700-rgb: 88, 128, 30;
  --ff-color-lime-800-rgb: 59, 94, 10;
  --ff-color-lime-900-rgb: 30, 48, 3;
  --ff-color-lime-1000-rgb: 21, 31, 6;
  --ff-color-green-50-rgb: 243, 252, 243;
  --ff-color-green-100-rgb: 228, 255, 235;
  --ff-color-green-200-rgb: 197, 252, 214;
  --ff-color-green-300-rgb: 157, 243, 183;
  --ff-color-green-400-rgb: 107, 222, 145;
  --ff-color-green-500-rgb: 69, 198, 113;
  --ff-color-green-600-rgb: 37, 176, 77;
  --ff-color-green-700-rgb: 19, 144, 47;
  --ff-color-green-800-rgb: 7, 112, 21;
  --ff-color-green-900-rgb: 0, 71, 7;
  --ff-color-green-1000-rgb: 22, 39, 24;
  --ff-color-yellow-50-rgb: 255, 247, 211;
  --ff-color-yellow-100-rgb: 255, 240, 175;
  --ff-color-yellow-200-rgb: 255, 232, 144;
  --ff-color-yellow-300-rgb: 255, 213, 104;
  --ff-color-yellow-400-rgb: 247, 183, 55;
  --ff-color-yellow-500-rgb: 217, 140, 15;
  --ff-color-yellow-600-rgb: 176, 98, 5;
  --ff-color-yellow-700-rgb: 126, 59, 2;
  --ff-color-yellow-800-rgb: 71, 27, 0;
  --ff-color-yellow-900-rgb: 47, 18, 0;
  --ff-color-yellow-1000-rgb: 28, 11, 1;
  --ff-color-orange-50-rgb: 255, 250, 245;
  --ff-color-orange-100-rgb: 255, 241, 228;
  --ff-color-orange-200-rgb: 255, 225, 197;
  --ff-color-orange-300-rgb: 255, 208, 165;
  --ff-color-orange-400-rgb: 255, 166, 99;
  --ff-color-orange-500-rgb: 244, 127, 49;
  --ff-color-orange-600-rgb: 215, 86, 12;
  --ff-color-orange-700-rgb: 175, 57, 3;
  --ff-color-orange-800-rgb: 125, 33, 1;
  --ff-color-orange-900-rgb: 71, 14, 0;
  --ff-color-orange-1000-rgb: 40, 9, 2;
  --ff-color-red-50-rgb: 255, 248, 247;
  --ff-color-red-100-rgb: 255, 230, 228;
  --ff-color-red-200-rgb: 253, 200, 197;
  --ff-color-red-300-rgb: 251, 170, 167;
  --ff-color-red-400-rgb: 242, 108, 105;
  --ff-color-red-500-rgb: 226, 59, 59;
  --ff-color-red-600-rgb: 201, 21, 20;
  --ff-color-red-700-rgb: 166, 8, 8;
  --ff-color-red-800-rgb: 121, 3, 3;
  --ff-color-red-900-rgb: 71, 0, 0;
  --ff-color-red-1000-rgb: 33, 5, 2;
  --ff-color-pink-50-rgb: 255, 247, 251;
  --ff-color-pink-100-rgb: 254, 239, 246;
  --ff-color-pink-200-rgb: 252, 229, 240;
  --ff-color-pink-300-rgb: 252, 211, 230;
  --ff-color-pink-400-rgb: 250, 175, 202;
  --ff-color-pink-500-rgb: 251, 87, 146;
  --ff-color-pink-600-rgb: 231, 65, 131;
  --ff-color-pink-700-rgb: 210, 44, 109;
  --ff-color-pink-800-rgb: 168, 27, 82;
  --ff-color-pink-900-rgb: 136, 11, 60;
  --ff-color-pink-1000-rgb: 61, 14, 29;
  --ff-color-purple-50-rgb: 251, 250, 255;
  --ff-color-purple-100-rgb: 234, 228, 255;
  --ff-color-purple-200-rgb: 212, 197, 255;
  --ff-color-purple-300-rgb: 192, 165, 255;
  --ff-color-purple-400-rgb: 151, 101, 254;
  --ff-color-purple-500-rgb: 125, 51, 242;
  --ff-color-purple-600-rgb: 90, 13, 213;
  --ff-color-purple-700-rgb: 70, 4, 174;
  --ff-color-purple-800-rgb: 51, 1, 125;
  --ff-color-purple-900-rgb: 30, 0, 71;
  --ff-color-purple-1000-rgb: 19, 11, 43;
  --ff-color-brown-50-rgb: 255, 249, 244;
  --ff-color-brown-100-rgb: 255, 243, 233;
  --ff-color-brown-200-rgb: 255, 232, 213;
  --ff-color-brown-300-rgb: 247, 207, 174;
  --ff-color-brown-400-rgb: 226, 186, 153;
  --ff-color-brown-500-rgb: 181, 141, 108;
  --ff-color-brown-600-rgb: 144, 104, 71;
  --ff-color-brown-700-rgb: 111, 71, 38;
  --ff-color-brown-800-rgb: 91, 51, 18;
  --ff-color-brown-900-rgb: 71, 32, 0;
  --ff-color-brown-1000-rgb: 39, 18, 0;
  --ff-color-grey-50-rgb: 250, 250, 250;
  --ff-color-grey-100-rgb: 243, 243, 243;
  --ff-color-grey-200-rgb: 235, 235, 235;
  --ff-color-grey-300-rgb: 220, 220, 220;
  --ff-color-grey-400-rgb: 204, 204, 204;
  --ff-color-grey-500-rgb: 153, 153, 153;
  --ff-color-grey-600-rgb: 117, 117, 117;
  --ff-color-grey-700-rgb: 102, 102, 102;
  --ff-color-grey-800-rgb: 51, 51, 51;
  --ff-color-grey-900-rgb: 33, 33, 33;
  --ff-color-grey-1000-rgb: 23, 23, 23;
  --ff-color-tone-10-rgb: 252, 252, 253;
  --ff-color-tone-50-rgb: 247, 249, 253;
  --ff-color-tone-100-rgb: 237, 239, 244;
  --ff-color-tone-200-rgb: 223, 230, 239;
  --ff-color-tone-300-rgb: 199, 205, 214;
  --ff-color-tone-400-rgb: 148, 154, 163;
  --ff-color-tone-500-rgb: 112, 118, 127;
  --ff-color-tone-600-rgb: 97, 103, 112;
  --ff-color-tone-700-rgb: 78, 85, 96;
  --ff-color-tone-800-rgb: 51, 62, 77;
  --ff-color-tone-900-rgb: 43, 52, 65;
  --ff-color-tone-1000-rgb: 36, 45, 60;
  --ff-color-tone-1100-rgb: 24, 33, 46;
  --ff-color-tone-1200-rgb: 16, 22, 32;
  --ff-color-black-rgb: 0, 0, 0;
  --ff-color-white-rgb: 255, 255, 255;
  --ff-color-highlight-yellow-rgb: 255, 255, 0;
  --ff-color-highlight-green-rgb: 0, 255, 0;
  --ff-color-highlight-cyan-rgb: 0, 255, 255;
  --ff-color-highlight-magenta-rgb: 255, 0, 255;
  --ff-color-highlight-lime-rgb: 196, 255, 50;
  --ff-color-highlight-pink-rgb: 255, 204, 255;
  --ff-color-highlight-mint-rgb: 171, 252, 191;
  --ff-color-highlight-blue-rgb: 0, 202, 255;
  --ff-color-highlight-purple-rgb: 204, 183, 255;
  --ff-color-highlight-overlap-rgb: 119, 119, 119;
  --ff-color-highlight-selected-rgb: 66, 165, 245;

  --legacy-color-white-rgb: 255, 255, 255;
  --legacy-color-transparent-rgb: 255, 255, 255;
  --legacy-color-nokia-blue-10-rgb: 233, 237, 245;
  --legacy-color-nokia-blue-50-rgb: 162, 183, 217;
  --legacy-color-nokia-blue-100-rgb: 125, 151, 195;
  --legacy-color-nokia-blue-200-rgb: 82, 116, 175;
  --legacy-color-nokia-blue-300-rgb: 18, 65, 145;
  --legacy-color-nokia-blue-400-rgb: 15, 54, 119;
  --legacy-color-nokia-blue-500-rgb: 11, 35, 81;
  --legacy-color-neutral-grey-10-rgb: 250, 250, 250;
  --legacy-color-neutral-grey-50-rgb: 241, 241, 241;
  --legacy-color-neutral-grey-100-rgb: 224, 224, 224;
  --legacy-color-neutral-grey-150-rgb: 204, 204, 204;
  --legacy-color-neutral-grey-200-rgb: 181, 181, 181;
  --legacy-color-neutral-grey-250-rgb: 158, 158, 158;
  --legacy-color-neutral-grey-300-rgb: 115, 115, 115;
  --legacy-color-neutral-grey-350-rgb: 61, 61, 61;
  --legacy-color-neutral-grey-400-rgb: 33, 33, 33;
  --legacy-color-warm-taupe-10-rgb: 244, 241, 240;
  --legacy-color-warm-taupe-50-rgb: 234, 229, 227;
  --legacy-color-warm-taupe-100-rgb: 215, 204, 200;
  --legacy-color-midnight-blue-10-rgb: 231, 235, 238;
  --legacy-color-midnight-blue-50-rgb: 185, 195, 202;
  --legacy-color-midnight-blue-100-rgb: 115, 135, 150;
  --legacy-color-midnight-blue-200-rgb: 70, 95, 115;
  --legacy-color-midnight-blue-300-rgb: 1, 35, 69;
  --legacy-color-midnight-blue-400-rgb: 1, 30, 52;
  --legacy-color-midnight-blue-500-rgb: 1, 20, 40;
  --legacy-color-kingfisher-blue-10-rgb: 235, 246, 254;
  --legacy-color-kingfisher-blue-50-rgb: 194, 228, 253;
  --legacy-color-kingfisher-blue-100-rgb: 134, 201, 251;
  --legacy-color-kingfisher-blue-200-rgb: 95, 183, 250;
  --legacy-color-kingfisher-blue-300-rgb: 35, 157, 249;
  --legacy-color-kingfisher-blue-400-rgb: 30, 128, 205;
  --legacy-color-kingfisher-blue-500-rgb: 5, 91, 153;
  --legacy-color-cerulean-blue-10-rgb: 231, 250, 255;
  --legacy-color-cerulean-blue-50-rgb: 185, 242, 255;
  --legacy-color-cerulean-blue-100-rgb: 116, 229, 255;
  --legacy-color-cerulean-blue-200-rgb: 71, 221, 255;
  --legacy-color-cerulean-blue-300-rgb: 3, 208, 255;
  --legacy-color-cerulean-blue-400-rgb: 4, 171, 209;
  --legacy-color-cerulean-blue-500-rgb: 0, 117, 143;
  --legacy-color-polo-blue-100-rgb: 144, 182, 211;
  --legacy-color-science-blue-10-rgb: 218, 232, 252;
  --legacy-color-science-blue-50-rgb: 197, 218, 249;
  --legacy-color-science-blue-100-rgb: 142, 185, 245;
  --legacy-color-science-blue-200-rgb: 67, 140, 239;
  --legacy-color-science-blue-300-rgb: 20, 107, 233;
  --legacy-color-science-blue-400-rgb: 14, 79, 170;
  --legacy-color-science-blue-500-rgb: 11, 61, 131;
  --legacy-color-steel-teal-50-rgb: 212, 222, 225;
  --legacy-color-steel-teal-100-rgb: 171, 190, 197;
  --legacy-color-steel-teal-300-rgb: 89, 125, 139;
  --legacy-color-lime-green-10-rgb: 240, 247, 231;
  --legacy-color-lime-green-50-rgb: 190, 220, 150;
  --legacy-color-lime-green-100-rgb: 169, 209, 115;
  --legacy-color-lime-green-200-rgb: 140, 194, 70;
  --legacy-color-lime-green-300-rgb: 98, 172, 0;
  --legacy-color-lime-green-400-rgb: 81, 139, 1;
  --legacy-color-lime-green-500-rgb: 69, 122, 0;
  --legacy-color-sea-green-10-rgb: 232, 246, 244;
  --legacy-color-sea-green-50-rgb: 186, 229, 224;
  --legacy-color-sea-green-100-rgb: 118, 203, 193;
  --legacy-color-sea-green-200-rgb: 72, 187, 173;
  --legacy-color-sea-green-300-rgb: 5, 161, 143;
  --legacy-color-sea-green-400-rgb: 4, 131, 117;
  --legacy-color-sea-green-500-rgb: 3, 99, 88;
  --legacy-color-apple-green-10-rgb: 246, 251, 232;
  --legacy-color-apple-green-50-rgb: 228, 243, 186;
  --legacy-color-apple-green-100-rgb: 201, 232, 118;
  --legacy-color-apple-green-200-rgb: 183, 223, 72;
  --legacy-color-apple-green-300-rgb: 156, 211, 5;
  --legacy-color-apple-green-400-rgb: 128, 173, 7;
  --legacy-color-apple-green-500-rgb: 103, 139, 4;
  --legacy-color-canary-yellow-10-rgb: 255, 249, 232;
  --legacy-color-canary-yellow-50-rgb: 255, 232, 164;
  --legacy-color-canary-yellow-100-rgb: 255, 220, 117;
  --legacy-color-canary-yellow-200-rgb: 255, 208, 71;
  --legacy-color-canary-yellow-300-rgb: 255, 191, 2;
  --legacy-color-canary-yellow-400-rgb: 232, 157, 0;
  --legacy-color-canary-yellow-500-rgb: 145, 109, 3;
  --legacy-color-pumpkin-orange-10-rgb: 255, 242, 231;
  --legacy-color-pumpkin-orange-50-rgb: 255, 218, 185;
  --legacy-color-pumpkin-orange-100-rgb: 255, 182, 115;
  --legacy-color-pumpkin-orange-200-rgb: 255, 156, 69;
  --legacy-color-pumpkin-orange-300-rgb: 255, 121, 0;
  --legacy-color-pumpkin-orange-400-rgb: 229, 98, 0;
  --legacy-color-pumpkin-orange-500-rgb: 188, 91, 1;
  --legacy-color-crimson-red-10-rgb: 244, 231, 234;
  --legacy-color-crimson-red-50-rgb: 231, 181, 194;
  --legacy-color-crimson-red-100-rgb: 207, 108, 134;
  --legacy-color-crimson-red-200-rgb: 188, 59, 91;
  --legacy-color-crimson-red-300-rgb: 142, 0, 34;
  --legacy-color-crimson-red-400-rgb: 116, 0, 29;
  --legacy-color-crimson-red-500-rgb: 61, 0, 14;
  --legacy-color-crimson-red-600-rgb: 41, 0, 10;
  --legacy-color-crimson-red-700-rgb: 20, 0, 14;
  --legacy-color-poppy-red-10-rgb: 251, 232, 232;
  --legacy-color-poppy-red-50-rgb: 239, 152, 155;
  --legacy-color-poppy-red-100-rgb: 234, 118, 121;
  --legacy-color-poppy-red-200-rgb: 227, 73, 76;
  --legacy-color-poppy-red-300-rgb: 217, 7, 10;
  --legacy-color-poppy-red-400-rgb: 178, 6, 9;
  --legacy-color-poppy-red-500-rgb: 139, 4, 7;
  --legacy-color-pitaya-pink-10-rgb: 255, 233, 239;
  --legacy-color-pitaya-pink-50-rgb: 255, 190, 208;
  --legacy-color-pitaya-pink-100-rgb: 255, 126, 161;
  --legacy-color-pitaya-pink-200-rgb: 255, 84, 130;
  --legacy-color-pitaya-pink-300-rgb: 255, 22, 84;
  --legacy-color-pitaya-pink-400-rgb: 209, 20, 69;
  --legacy-color-pitaya-pink-500-rgb: 163, 0, 44;
  --legacy-color-blush-pink-10-rgb: 254, 240, 251;
  --legacy-color-blush-pink-50-rgb: 254, 211, 243;
  --legacy-color-blush-pink-100-rgb: 254, 167, 232;
  --legacy-color-blush-pink-200-rgb: 252, 137, 226;
  --legacy-color-blush-pink-300-rgb: 252, 94, 214;
  --legacy-color-blush-pink-400-rgb: 226, 58, 184;
  --legacy-color-blush-pink-500-rgb: 180, 4, 139;
  --legacy-color-vivid-violet-10-rgb: 245, 232, 253;
  --legacy-color-vivid-violet-50-rgb: 227, 187, 250;
  --legacy-color-vivid-violet-100-rgb: 199, 119, 246;
  --legacy-color-vivid-violet-200-rgb: 180, 73, 243;
  --legacy-color-vivid-violet-300-rgb: 170, 0, 255;
  --legacy-color-vivid-violet-400-rgb: 126, 6, 196;
  --legacy-color-vivid-violet-500-rgb: 89, 4, 139;
  --legacy-color-amethyst-purple-10-rgb: 240, 232, 249;
  --legacy-color-amethyst-purple-50-rgb: 211, 186, 239;
  --legacy-color-amethyst-purple-100-rgb: 167, 118, 224;
  --legacy-color-amethyst-purple-200-rgb: 137, 73, 213;
  --legacy-color-amethyst-purple-300-rgb: 94, 5, 198;
  --legacy-color-amethyst-purple-400-rgb: 76, 5, 163;
  --legacy-color-amethyst-purple-500-rgb: 55, 3, 114;
  --legacy-color-dark-grey-10-rgb: 64, 65, 66;
  --legacy-color-dark-grey-50-rgb: 58, 59, 60;
  --legacy-color-dark-grey-100-rgb: 56, 56, 57;
  --legacy-color-dark-grey-150-rgb: 51, 52, 53;
  --legacy-color-dark-grey-200-rgb: 48, 49, 49;
  --legacy-color-dark-grey-250-rgb: 46, 47, 48;
  --legacy-color-dark-grey-300-rgb: 43, 44, 45;
  --legacy-color-dark-grey-350-rgb: 37, 38, 39;
  --legacy-color-dark-grey-400-rgb: 35, 36, 37;
  --legacy-color-dark-grey-450-rgb: 31, 32, 33;
  --legacy-color-dark-grey-500-rgb: 26, 29, 31;
  --np-color-black-rgb: 0, 0, 0;
  --np-color-white-rgb: 255, 255, 255;
  --np-color-nokia-blue-corporate-rgb: 18, 65, 145;
  --np-color-blue-black-rgb: 0, 17, 53;
  --np-color-classic-blue-rgb: 0, 69, 182;
  --np-color-off-black-rgb: 12, 17, 23;
  --np-color-blue-5-rgb: 249, 252, 255;
  --np-color-blue-10-rgb: 228, 240, 255;
  --np-color-blue-20-rgb: 209, 229, 255;
  --np-color-blue-30-rgb: 186, 218, 255;
  --np-color-blue-40-rgb: 110, 177, 255;
  --np-color-blue-50-rgb: 64, 146, 255;
  --np-color-blue-60-rgb: 1, 104, 255;
  --np-color-blue-70-rgb: 0, 90, 255;
  --np-color-blue-80-rgb: 0, 69, 182;
  --np-color-blue-90-rgb: 0, 52, 128;
  --np-color-blue-100-rgb: 0, 29, 71;
  --np-color-cyan-5-rgb: 243, 253, 255;
  --np-color-cyan-10-rgb: 232, 251, 255;
  --np-color-cyan-20-rgb: 211, 248, 254;
  --np-color-cyan-30-rgb: 175, 239, 255;
  --np-color-cyan-40-rgb: 127, 230, 255;
  --np-color-cyan-50-rgb: 87, 219, 251;
  --np-color-cyan-60-rgb: 0, 201, 255;
  --np-color-cyan-70-rgb: 2, 166, 210;
  --np-color-cyan-80-rgb: 0, 124, 157;
  --np-color-cyan-90-rgb: 0, 96, 118;
  --np-color-cyan-100-rgb: 2, 55, 67;
  --np-color-tone-5-rgb: 247, 248, 252;
  --np-color-tone-10-rgb: 239, 244, 252;
  --np-color-tone-20-rgb: 233, 239, 249;
  --np-color-tone-30-rgb: 223, 230, 239;
  --np-color-tone-40-rgb: 199, 205, 214;
  --np-color-tone-50-rgb: 148, 154, 163;
  --np-color-tone-60-rgb: 112, 118, 127;
  --np-color-tone-70-rgb: 97, 103, 112;
  --np-color-tone-80-rgb: 78, 85, 96;
  --np-color-tone-90-rgb: 43, 52, 65;
  --np-color-tone-100-rgb: 24, 33, 46;
  --np-color-grey-5-rgb: 249, 249, 249;
  --np-color-grey-10-rgb: 243, 243, 243;
  --np-color-grey-20-rgb: 235, 235, 235;
  --np-color-grey-30-rgb: 220, 220, 220;
  --np-color-grey-40-rgb: 204, 204, 204;
  --np-color-grey-50-rgb: 153, 153, 153;
  --np-color-grey-60-rgb: 117, 117, 117;
  --np-color-grey-70-rgb: 102, 102, 102;
  --np-color-grey-80-rgb: 84, 84, 84;
  --np-color-grey-90-rgb: 51, 51, 51;
  --np-color-grey-100-rgb: 32, 32, 32;
  --np-color-teal-5-rgb: 243, 251, 252;
  --np-color-teal-10-rgb: 228, 251, 255;
  --np-color-teal-20-rgb: 185, 234, 242;
  --np-color-teal-30-rgb: 144, 220, 229;
  --np-color-teal-40-rgb: 80, 196, 208;
  --np-color-teal-50-rgb: 35, 171, 182;
  --np-color-teal-60-rgb: 8, 147, 168;
  --np-color-teal-70-rgb: 2, 116, 144;
  --np-color-teal-80-rgb: 1, 81, 110;
  --np-color-teal-90-rgb: 0, 48, 71;
  --np-color-teal-100-rgb: 2, 35, 42;
  --np-color-mint-5-rgb: 242, 251, 249;
  --np-color-mint-10-rgb: 226, 253, 248;
  --np-color-mint-20-rgb: 183, 249, 236;
  --np-color-mint-30-rgb: 148, 240, 222;
  --np-color-mint-40-rgb: 109, 212, 191;
  --np-color-mint-50-rgb: 76, 185, 163;
  --np-color-mint-60-rgb: 47, 160, 138;
  --np-color-mint-70-rgb: 25, 133, 112;
  --np-color-mint-80-rgb: 3, 102, 82;
  --np-color-mint-90-rgb: 0, 63, 50;
  --np-color-mint-100-rgb: 25, 47, 43;
  --np-color-green-5-rgb: 243, 252, 243;
  --np-color-green-10-rgb: 228, 255, 235;
  --np-color-green-20-rgb: 197, 252, 214;
  --np-color-green-30-rgb: 154, 246, 175;
  --np-color-green-40-rgb: 107, 222, 145;
  --np-color-green-50-rgb: 69, 198, 113;
  --np-color-green-60-rgb: 37, 176, 77;
  --np-color-green-70-rgb: 19, 144, 47;
  --np-color-green-80-rgb: 7, 112, 21;
  --np-color-green-90-rgb: 0, 71, 7;
  --np-color-green-100-rgb: 22, 39, 24;
  --np-color-lime-5-rgb: 249, 254, 239;
  --np-color-lime-10-rgb: 240, 253, 220;
  --np-color-lime-20-rgb: 227, 251, 190;
  --np-color-lime-30-rgb: 215, 249, 163;
  --np-color-lime-40-rgb: 196, 240, 125;
  --np-color-lime-50-rgb: 164, 215, 97;
  --np-color-lime-60-rgb: 127, 183, 44;
  --np-color-lime-70-rgb: 88, 128, 30;
  --np-color-lime-80-rgb: 59, 94, 10;
  --np-color-lime-90-rgb: 30, 48, 3;
  --np-color-lime-100-rgb: 21, 31, 6;
  --np-color-yellow-5-rgb: 255, 250, 230;
  --np-color-yellow-10-rgb: 255, 246, 211;
  --np-color-yellow-20-rgb: 255, 239, 175;
  --np-color-yellow-30-rgb: 255, 232, 144;
  --np-color-yellow-40-rgb: 255, 213, 104;
  --np-color-yellow-50-rgb: 247, 183, 55;
  --np-color-yellow-60-rgb: 217, 140, 15;
  --np-color-yellow-70-rgb: 176, 98, 5;
  --np-color-yellow-80-rgb: 126, 59, 2;
  --np-color-yellow-90-rgb: 71, 27, 0;
  --np-color-yellow-100-rgb: 46, 17, 0;
  --np-color-orange-5-rgb: 255, 249, 244;
  --np-color-orange-10-rgb: 255, 241, 220;
  --np-color-orange-20-rgb: 255, 225, 197;
  --np-color-orange-30-rgb: 255, 208, 165;
  --np-color-orange-40-rgb: 255, 166, 99;
  --np-color-orange-50-rgb: 244, 127, 49;
  --np-color-orange-60-rgb: 215, 85, 12;
  --np-color-orange-70-rgb: 175, 57, 3;
  --np-color-orange-80-rgb: 125, 33, 1;
  --np-color-orange-90-rgb: 71, 14, 0;
  --np-color-orange-100-rgb: 40, 9, 2;
  --np-color-red-5-rgb: 255, 248, 247;
  --np-color-red-10-rgb: 255, 230, 228;
  --np-color-red-20-rgb: 253, 200, 197;
  --np-color-red-30-rgb: 251, 170, 167;
  --np-color-red-40-rgb: 242, 108, 105;
  --np-color-red-50-rgb: 226, 59, 59;
  --np-color-red-60-rgb: 201, 21, 20;
  --np-color-red-70-rgb: 166, 8, 8;
  --np-color-red-80-rgb: 121, 3, 3;
  --np-color-red-90-rgb: 71, 0, 0;
  --np-color-red-100-rgb: 33, 5, 2;
  --np-color-pink-5-rgb: 255, 247, 251;
  --np-color-pink-10-rgb: 255, 228, 239;
  --np-color-pink-20-rgb: 255, 195, 219;
  --np-color-pink-30-rgb: 255, 162, 199;
  --np-color-pink-40-rgb: 255, 92, 157;
  --np-color-pink-50-rgb: 218, 52, 118;
  --np-color-pink-60-rgb: 184, 18, 84;
  --np-color-pink-70-rgb: 161, 0, 64;
  --np-color-pink-80-rgb: 112, 0, 44;
  --np-color-pink-90-rgb: 62, 1, 26;
  --np-color-pink-100-rgb: 38, 0, 15;
  --np-color-purple-5-rgb: 251, 250, 255;
  --np-color-purple-10-rgb: 234, 228, 255;
  --np-color-purple-20-rgb: 212, 197, 255;
  --np-color-purple-30-rgb: 192, 165, 255;
  --np-color-purple-40-rgb: 151, 101, 254;
  --np-color-purple-50-rgb: 125, 51, 242;
  --np-color-purple-60-rgb: 90, 13, 213;
  --np-color-purple-70-rgb: 70, 4, 174;
  --np-color-purple-80-rgb: 51, 1, 125;
  --np-color-purple-90-rgb: 30, 0, 71;
  --np-color-purple-100-rgb: 19, 11, 43;
  --np-color-brown-5-rgb: 255, 249, 244;
  --np-color-brown-10-rgb: 255, 243, 233;
  --np-color-brown-20-rgb: 255, 232, 213;
  --np-color-brown-30-rgb: 247, 207, 174;
  --np-color-brown-40-rgb: 226, 186, 153;
  --np-color-brown-50-rgb: 181, 141, 108;
  --np-color-brown-60-rgb: 144, 104, 71;
  --np-color-brown-70-rgb: 111, 71, 38;
  --np-color-brown-80-rgb: 91, 51, 18;
  --np-color-brown-90-rgb: 71, 32, 0;
  --np-color-brown-100-rgb: 39, 18, 0;

  --g-color-button-primary-hover: var(--ff-color-nokia-blue-700);
  --g-color-button-primary-pressed: var(--ff-color-nokia-blue-800);

  --g-color-global-primary-base: var(--ff-color-nokia-blue-600);
  --g-color-global-primary-hover: rgba(
    var(--legacy-color-white-rgb),
    var(--opacity-xx-light)
  );
  --g-color-global-primary-pressed: rgba(
    var(--legacy-color-white-rgb),
    var(--opacity-x-light)
  );
  --g-color-global-secondary-focus: rgba(
    var(--ff-color-nokia-blue-400-rgb),
    var(--opacity-mid)
  );

  --g-color-global-primary-focus: rgba(
    var(--ff-color-nokia-blue-400-rgb),
    var(--opacity-mid)
  );

  --g-color-global-primary-content: var(--legacy-color-white);
  --g-color-global-primary-disabled-content: var(--legacy-color-nokia-blue-200);
  --g-color-global-primary-disabled-background: var(
    --legacy-color-neutral-grey-100
  );
  --g-color-global-primary-divider: var(--legacy-color-transparent);
  --g-color-global-primary-placeholder: var(--legacy-color-white);
  --g-color-global-primary-label: var(--legacy-color-nokia-blue-50);
  --g-color-global-primary-error-text: var(--legacy-color-poppy-red-300);
  --g-color-global-primary-text: var(--legacy-color-white);
  --g-color-global-primary-hyperlink: var(--legacy-color-science-blue-300);
  --g-color-global-secondary-base: var(--legacy-color-white);
  --g-color-global-secondary-hover: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-xx-light)
  );
  --g-color-global-secondary-pressed: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-x-light)
  );
  --g-color-global-secondary-focus: var(--legacy-color-kingfisher-blue-300);
  --g-color-global-secondary-disabled-content: var(
    --legacy-color-neutral-grey-250
  );
  --g-color-global-secondary-disabled-background: var(
    --legacy-color-neutral-grey-50
  );

  --g-color-input-hover: var(--ff-color-grey-700);
  --g-color-input-border: var(--ff-color-grey-600);
  --g-color-input-border-hover: var(--ff-color-grey-700);
  --g-color-input-border-pressed: var(--ff-color-grey-800);
  --g-color-input-border-error: var(--ff-color-red-600);
  --g-color-input-border-error-hover: var(--ff-color-red-600);
  --g-color-input-border-error-pressed: var(---ff-color-red-700);
  --g-color-input-border-selected: var(--ff-color-nokia-blue-600);
  --g-color-input-border-selected-hover: var(--ff-color-nokia-blue-700);
  --g-color-input-border-selected-pressed: var(--ff-color-nokia-blue-800);

  --g-color-global-secondary-divider: var(--legacy-color-neutral-grey-100);
  --g-color-global-transparent: var(--legacy-color-transparent);
  --g-color-input-border: var(--legacy-color-neutral-grey-300);
  --g-color-input-border-hover: var(--legacy-color-neutral-grey-400);
  --g-color-global-secondary-placeholder: var(--legacy-color-neutral-grey-300);
  --g-color-global-secondary-label: var(--legacy-color-neutral-grey-300);
  --g-color-global-secondary-content: var(--legacy-color-neutral-grey-350);
  --g-color-global-secondary-text: var(--legacy-color-neutral-grey-400);
  --g-color-global-secondary-error-text: var(--legacy-color-poppy-red-300);
  --g-color-global-secondary-pressed-content: var(
    --legacy-color-neutral-grey-350
  );
  --g-color-global-secondary-background: var(--legacy-color-transparent);

  --g-color-secondary-button-content: var(--ff-color-nokia-blue-600);
  --g-color-global-secondary-selected: var(--ff-color-nokia-blue-100);
  --g-color-button-secondary-hover: var(--ff-color-nokia-blue-200);
  --g-color-button-secondary-pressed: var(--ff-color-nokia-blue-300);

  --g-color-global-secondary-disabled-text: var(
    --legacy-color-neutral-grey-250
  );
  --g-color-default-button-content: var(--legacy-color-nokia-blue-300);
  --g-color-data-grid-base: var(--legacy-color-white);
  --g-color-data-grid-hover: var(--legacy-color-neutral-grey-50);
  --g-color-data-grid-pressed: rgba(
    var(-legacy-color-black-rgb),
    var(-opacity-x-light)
  );
  --g-color-data-grid-pressed-text: var(--legacy-color-neutral-grey-400);
  --g-color-data-grid-focus: var(--legacy-color-neutral-grey-100);
  --g-color-data-grid-disabled-content: var(--legacy-color-transparent);
  --g-color-data-grid-disabled-background: var(--legacy-color-transparent);
  --g-color-data-grid-divider: var(--legacy-color-neutral-grey-100);
  
  /* --g-color-data-grid-divider: rgba(var(--ff-color-black-rgb),var(--opacity-xx-light)); */

  --g-color-data-grid-placeholder: var(--legacy-color-neutral-grey-300);
  --g-color-data-grid-label: var(--legacy-color-neutral-grey-350);
  --g-color-data-grid-text: var(--legacy-color-neutral-grey-400);
  --g-color-data-grid-error-background: var(--legacy-color-poppy-red-10);
  --g-color-data-grid-error-text: var(--legacy-color-poppy-red-300);
  --g-color-data-grid-error-hover: var(--legacy-color-poppy-red-50);
  --g-color-data-grid-error-pressed: var(--legacy-color-poppy-red-100);
  --g-color-data-grid-error-focus: var(--legacy-color-poppy-red-50);
  --g-color-data-grid-selected: var(--legacy-color-kingfisher-blue-10);
  --g-color-data-grid-selected-hover: var(--legacy-color-kingfisher-blue-50);
  --g-color-data-grid-selected-pressed: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-x-light)
  );
  --g-color-data-grid-selected-focus: var(--legacy-color-kingfisher-blue-10);
  --g-color-data-grid-header-base: var(--legacy-color-neutral-grey-10);
  --g-color-data-grid-input-border: var(--legacy-color-neutral-grey-350);
  --g-color-cta-disabled-content: var(--legacy-color-neutral-grey-250);
  --g-color-fileupload-background: var(--legacy-color-transparent);
  --g-color-fileupload-border: var(--legacy-color-neutral-grey-300);
  --g-color-fileupload-active-background: var(
    --legacy-color-kingfisher-blue-10
  );
  --g-color-fileupload-error-background: var(--legacy-color-neutral-grey-50);
  --g-color-fileupload-icon: var(--legacy-color-kingfisher-blue-400);
  --g-color-fileupload-icon-error: var(--legacy-color-poppy-red-300);
  --g-color-slider-track: var(--legacy-color-neutral-grey-100);
  --g-color-status-success: var(--legacy-color-lime-green-200);
  --g-color-status-critical: var(--legacy-color-poppy-red-300);
  --g-color-status-major: var(--legacy-color-pumpkin-orange-300);
  --g-color-status-minor: var(--legacy-color-canary-yellow-300);
  --g-color-status-warning: var(--legacy-color-kingfisher-blue-200);
  --g-color-status-cleared: var(--legacy-color-sea-green-100);
  --g-color-status-kpi-conditional: var(--legacy-color-steel-teal-100);
  --g-color-status-kpi-info: var(--legacy-color-neutral-grey-250);
  --g-color-status-fault: var(--legacy-color-neutral-grey-200);
  --g-color-status-kpi-intermediate: var(--legacy-color-warm-taupe-100);
  --g-color-status-content: var(--legacy-color-neutral-grey-400);
  --g-color-status-maintenance: var(--legacy-color-vivid-violet-300);
  --g-color-status-installed: var(--legacy-color-lime-green-300);
  --g-color-status-critical-off: var(--legacy-color-poppy-red-100);
  --g-color-status-major-off: var(--legacy-color-pumpkin-orange-100);
  --g-color-status-minor-off: var(--legacy-color-canary-yellow-100);
  --g-color-status-warning-off: var(--legacy-color-kingfisher-blue-100);
  --g-color-status-critical-on: var(--legacy-color-poppy-red-300);
  --g-color-status-major-on: var(--legacy-color-pumpkin-orange-500);
  --g-color-status-minor-on: var(--legacy-color-canary-yellow-500);
  --g-color-status-warning-on: var(--legacy-color-kingfisher-blue-500);
  --g-color-status-critical-disabled: var(--legacy-color-poppy-red-50);
  --g-color-status-major-disabled: var(--legacy-color-pumpkin-orange-50);
  --g-color-status-minor-disabled: var(--legacy-color-canary-yellow-50);
  --g-color-status-warning-disabled: var(--legacy-color-kingfisher-blue-50);
  --g-color-list-focus: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-xx-light)
  );
  --g-color-list-hover: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-xxx-light)
  );
  --g-color-list-selected: var(--legacy-color-kingfisher-blue-10);
  --g-color-list-disabled: rgba(
    var(--legacy-color-dark-grey-350-rgb),
    var(--opacity-light)
  );
  --g-color-list-text-selected: var(--legacy-color-nokia-blue-300);
  --g-color-list-item-base: rgba(
    var(--legacy-color-white-rgb),
    var(--opacity-transparent)
  );
  --g-color-list-item-focus: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-xx-light)
  );
  --g-color-list-item-selected-hover: var(--legacy-color-kingfisher-blue-50);
  --g-color-list-item-hover: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-xxx-light)
  );
  --g-color-list-badge-hover-border: #ebebeb;
  --g-color-list-item-selected: var(--legacy-color-kingfisher-blue-10);
  --g-color-list-item-disabled: var(--legacy-color-neutral-grey-50);
  --g-color-list-item-pressed: rgba(
    var(--legacy-color-kingfisher-blue-300-rgb),
    var(--opacity-x-light)
  );
  --g-color-list-item-unread: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-xx-light)
  );
  --g-color-list-item-pressed-content: var(--legacy-color-neutral-grey-350);
  --g-color-list-header-background: var(--legacy-color-neutral-grey-50);
  --g-color-list-item-active: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-xx-light)
  );
  --g-color-stepform-base: var(--legacy-color-neutral-grey-10);
  --g-color-stepform-hover: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-xxx-light)
  );
  --g-color-stepform-pressed: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-x-light)
  );
  --g-color-stepform-background: var(--legacy-color-poppy-red-10);
  --g-color-stepform-selected-background: var(
    --legacy-color-kingfisher-blue-10
  );
  --g-color-stepform-selected-hover: rgba(
    var(--legacy-color-kingfisher-blue-300-rgb),
    var(--opacity-xxx-light)
  );
  --g-color-stepform-selected-hover-background: var(
    --legacy-color-kingfisher-blue-50
  );
  --g-color-stepform-selected-text: var(--legacy-color-nokia-blue-300);
  --g-color-stepform-active: var(--legacy-color-nokia-blue-300);
  --g-color-stepform-completed-disabled: var(--legacy-color-nokia-blue-50);
  --g-color-stepform-future: var(--legacy-color-neutral-grey-250);
  --g-color-stepform-warning: var(--legacy-color-canary-yellow-300);
  --g-color-stepform-disabled-warning-icon: var(
    --legacy-color-canary-yellow-50
  );
  --g-color-stepform-error-icon: var(--legacy-color-poppy-red-300);
  --g-color-stepform-error-background: var(--legacy-color-poppy-red-10);
  --g-color-stepform-error-hover-background: var(--legacy-color-poppy-red-50);
  --g-color-stepform-pressed-error-icon: var(--legacy-color-poppy-red-400);
  --g-color-stepform-disabled-error-icon: var(--legacy-color-poppy-red-50);
  --g-color-stepform-text: var(--legacy-color-neutral-grey-400);
  --g-color-stepform-pressed-text: var(--legacy-color-nokia-blue-300);
  --g-color-calendar-range-title: var(--legacy-color-nokia-blue-400);

  --g-color-tabs-base: var(--ff-color-transparent);
  --g-color-tabs-hover: rgba(
    var(--ff-color-black-rgb),
    var(--opacity-xxx-light)
  );
  --g-color-tabs-active-hover: var(--ff-color-nokia-blue-700);

  --g-color-tabs-hover-solid: #f0f0f09c;
  --g-color-tabs-pressed: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-x-light)
  );
  --g-color-tabs-pressed-text: var(--legacy-color-nokia-blue-300);
  --g-color-tree-base: rgba(
    var(--legacy-color-white-rgb),
    var(--opacity-transparent)
  );
  --g-color-tree-selected-hover: rgba(
    var(--legacy-color-kingfisher-blue-300-rgb),
    var(--opacity-xxx-light)
  );
  --g-color-tree-hover: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-xxx-light)
  );
  --g-color-tree-selected: var(--legacy-color-kingfisher-blue-10);
  --g-color-tree-disabled: var(--legacy-color-neutral-grey-50);
  --g-color-tree-pressed: rgba(
    var(--legacy-color-kingfisher-blue-300-rgb),
    var(--opacity-x-light)
  );
  --g-color-text-selection: rgba(
    var(--legacy-color-kingfisher-blue-300-rgb),
    var(--opacity-x-light)
  );
  --g-color-text-selection-focus: rgba(
    var(--legacy-color-vivid-violet-300-rgb),
    var(--opacity-x-light)
  );
  --g-color-expansion-panel-base: var(--legacy-color-white);
  --g-color-expansion-panel-selected-hover: var(
    --legacy-color-kingfisher-blue-50
  );
  --g-color-expansion-panel-hover: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-xxx-light)
  );
  --g-color-expansion-panel-selected: var(--legacy-color-kingfisher-blue-10);
  --g-color-expansion-panel-disabled: var(--legacy-color-neutral-grey-50);
  --g-color-expansion-panel-pressed: rgba(
    var(--legacy-color-kingfisher-blue-300-rgb),
    var(--opacity-x-light)
  );
  --g-color-chip-base: var(--legacy-color-neutral-grey-100);
  --g-color-chip-hover: var(--legacy-color-neutral-grey-200);
  --g-color-chip-pressed: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-x-light)
  );
  --g-color-chip-focus: var(--legacy-color-neutral-grey-100);
  --g-color-chip-content: var(--legacy-color-black);
  --g-color-chip-selected-content: var(--legacy-color-black);
  --g-color-chip-secondary-content: var(--legacy-color-black);
  --g-color-chip-secondary-selected-content: var(--legacy-color-black);
  --g-color-chip-icon: var(--legacy-color-neutral-grey-400);
  --g-color-chip-selected-icon: var(--legacy-color-neutral-grey-400);
  --g-color-chip-disabled: var(--legacy-color-neutral-grey-50);
  --g-color-chip-disabled-content: var(--legacy-color-neutral-grey-250);
  --g-color-chip-selected: var(--legacy-color-kingfisher-blue-10);
  --g-color-chip-selected-hover: var(--legacy-color-kingfisher-blue-50);
  --g-color-chip-selected-pressed: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-x-light)
  );
  --g-color-chip-selected-focus: var(--legacy-color-kingfisher-blue-10);
  --g-color-chip-info: var(--legacy-color-midnight-blue-10);
  --g-color-chip-error-background: var(--legacy-color-poppy-red-10);
  --g-color-chip-error-hover: var(--legacy-color-poppy-red-50);
  --g-color-chip-error-pressed: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-x-light)
  );
  --g-color-chip-error-selected-background: var(--legacy-color-poppy-red-50);
  --g-color-chip-error-selected-hover: var(--legacy-color-poppy-red-100);
  --g-color-chip-primary-focus: var(--legacy-color-nokia-blue-400);
  --g-color-text-with-chip-chip-editor-background-color: var(
    --legacy-color-kingfisher-blue-10
  );
  --g-color-hyperlink-disabled: var(--legacy-color-nokia-blue-100);
  --g-color-hyperlink-pressed: var(--legacy-color-nokia-blue-300);
  --g-color-input-hover: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-heavy)
  );
  --g-color-tooltip-text: var(--legacy-color-white);
  --g-color-tooltip-background: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-heavy)
  );
  --g-color-query-background-on: var(--legacy-color-neutral-grey-100);
  --g-color-query-background-focus: rgba(
    var(--legacy-color-kingfisher-blue-300-rgb),
    var(--opacity-x-light)
  );
  --g-color-toggle-group-hover-on: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-xxx-light)
  );
  --g-color-toggle-group-background-on: var(--legacy-color-neutral-grey-100);
  --g-color-toggle-group-background-on-hover: var(
    --legacy-color-neutral-grey-200
  );
  --g-color-toggle-group-divider-on: var(--legacy-color-neutral-grey-150);
  --g-color-toggle-group-content-on: var(--legacy-color-neutral-grey-400);
  --g-color-toggle-group-content-off: var(--legacy-color-neutral-grey-300);
  --g-color-toggle-group-content-pressed-on: var(
    --legacy-color-neutral-grey-400
  );
  --g-color-toggle-group-content-pressed-off: var(--legacy-color-black);
  --g-color-toggle-content-on: var(--legacy-color-white);
  --g-color-toggle-background-on: var(--legacy-color-nokia-blue-300);
  --g-color-toggle-focus-on: var(--legacy-color-kingfisher-blue-100);
  --g-color-or-toggle-background: var(--legacy-color-neutral-grey-100);
  --g-color-toggle-hover-on: var(--legacy-color-nokia-blue-200);
  --g-color-progress-indicator: var(--legacy-color-science-blue-300);
  --g-color-progress-indicator-track: var(--legacy-color-neutral-grey-100);
  --g-color-progress-indicator-determinate: var(
    --legacy-color-science-blue-400
  );
  --g-color-avatar-dark-blue: var(--legacy-color-nokia-blue-300);
  --g-color-avatar-light-blue: var(--legacy-color-cerulean-blue-200);
  --g-color-avatar-dark-purple: var(--legacy-color-amethyst-purple-300);
  --g-color-avatar-light-purple: var(--legacy-color-vivid-violet-300);
  --g-color-avatar-pink: var(--legacy-color-blush-pink-200);
  --g-color-avatar-orange: var(--legacy-color-pumpkin-orange-200);
  --g-color-avatar-yellow: var(--legacy-color-canary-yellow-300);
  --g-color-avatar-blue: var(--legacy-color-science-blue-300);
  --g-color-avatar-green: var(--legacy-color-apple-green-300);
  --g-color-avatar-content: var(--legacy-color-black);
  --g-color-app-banner-primary-focus: rgba(
    var(--legacy-color-white-rgb),
    var(--opacity-heavy)
  );
  --g-color-app-banner-primary-content: var(--legacy-color-white);
  --g-color-panel-header-background: var(--ff-color-tone-100);
  
  --g-color-app-banner-secondary-content: rgba(
    var(--legacy-color-white-rgb),
    var(--opacity-heavy)
  );
  --g-color-app-banner-background: var(--ff-color-nokia-blue-600);
  --g-color-app-banner-badge-hover-border: #375b9f;
  --g-color-app-banner-badge-pressed-border: #6181b7;
  --g-color-app-banner-divider: rgba(
    var(--legacy-color-white-rgb),
    var(--opacity-mid)
  );
  --g-color-app-banner-badge: var(--legacy-color-poppy-red-100);
  --g-color-app-banner-shadow-spread: var(--shadow-spread-4);
  --g-color-app-banner-pressed: rgba(
    var(--legacy-color-white-rgb),
    var(--opacity-x-light)
  );
  --g-color-app-banner-disabled-content: rgba(
    var(--legacy-color-white-rgb),
    var(--opacity-light)
  );
  --g-color-cli-background: var(--legacy-color-neutral-grey-400);
  --g-color-cli-text: var(--legacy-color-white);
  --g-color-cli-background-text: var(--legacy-color-kingfisher-blue-500);
  --g-color-cli-cursor: var(--legacy-color-science-blue-300);
  --g-color-cli-icon: var(--legacy-color-white);
  --g-color-cli-background-pag: var(--legacy-color-neutral-grey-350);
  --g-color-snackbar-background: var(--legacy-color-neutral-grey-400);
  --g-color-snackbar-text: var(--legacy-color-white);
  --g-color-snackbar-hyperlink: var(--legacy-color-cerulean-blue-200);
  --g-color-snackbar-progress-indicator-determinate: var(
    --legacy-color-science-blue-200
  );
  --g-color-snackbar-progress-indicator: var(--legacy-color-cerulean-blue-100);
  --g-color-snackbar-icon-button-color-hover: var(
    --legacy-color-neutral-grey-350
  );
  --g-color-snackbar-icon-button-color-pressed: var(
    --legacy-color-neutral-grey-250
  );
  --g-color-feedback-info-background: var(--legacy-color-nokia-blue-10);
  --g-color-feedback-error-background: var(--legacy-color-poppy-red-10);
  --g-color-feedback-warning-background: var(--legacy-color-canary-yellow-10);
  --g-color-feedback-success-background: var(--legacy-color-lime-green-10);
  --g-color-feedback-success: var(--legacy-color-lime-green-400);
  --g-color-feedback-hyperlink: var(--legacy-color-science-blue-400);
  --g-color-feedback-overlay: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-mid)
  );
  --g-color-overlay-top-divider: var(--legacy-color-neutral-grey-100);
  --g-color-fab-primary-background-medium: var(
    --legacy-color-cerulean-blue-200
  );
  --g-color-fab-primary-background-small: var(--legacy-color-white);
  --g-color-fab-content: var(--legacy-color-neutral-grey-400);
  --g-color-fab-primary-focus: var(--legacy-color-kingfisher-blue-500);
  --g-color-fab-primary-focus-small: var(--legacy-color-kingfisher-blue-400);
  --g-color-fab-primary-focus-medium: var(--legacy-color-kingfisher-blue-500);
  --g-color-fab-hover-small: var(--legacy-color-neutral-grey-100);
  --g-color-fab-hover-medium: var(--legacy-color-cerulean-blue-100);
  --g-color-fab-hover-content-small: var(--legacy-color-neutral-grey-350);
  --g-color-fab-hover-content-medium: var(--legacy-color-neutral-grey-400);
  --g-color-fab-pressed-small: var(--legacy-color-neutral-grey-200);
  --g-color-fab-pressed-medium: var(--legacy-color-cerulean-blue-50);
  --g-color-fab-secondary-background: var(--legacy-color-canary-yellow-200);
  --g-color-fab-close-background: var(--legacy-color-poppy-red-300);
  --g-color-fab-close-content: var(--legacy-color-white);
  --g-color-fab-mini-background: var(--legacy-color-white);
  --g-color-fab-active-background-small: var(--legacy-color-white);
  --g-color-fab-active-background-medium: var(--legacy-color-cerulean-blue-200);
  --g-color-fab-active-background-keydown-small: var(--legacy-color-white);
  --g-color-fab-active-background-keydown-medium: var(
    --legacy-color-cerulean-blue-200
  );
  --g-color-fab-active-focus-small-border: var(
    --legacy-color-kingfisher-blue-400
  );
  --g-color-fab-active-focus-medium-border: var(
    --legacy-color-kingfisher-blue-500
  );
  --g-color-fab-icon-container-medium-content: var(
    --legacy-color-neutral-grey-400
  );
  --g-color-fab-icon-container-small-content: var(
    --legacy-color-neutral-grey-350
  );
  --g-color-fab-text-container-medium-content: var(
    --legacy-color-neutral-grey-400
  );
  --g-color-fab-text-container-small-content: var(
    --legacy-color-neutral-grey-350
  );
  --g-color-fab-small-height: 2.5rem;
  --g-color-fab-medium-height: 3.5rem;
  --g-color-switch-primary-off-track: rgba(
    var(--legacy-color-neutral-grey-300-rgb),
    var(--opacity-light)
  );
  --g-color-switch-primary-off-knob: var(--legacy-color-neutral-grey-300);
  --g-color-switch-primary-off-hover: rgba(
    var(--legacy-color-neutral-grey-300-rgb),
    var(--opacity-xx-light)
  );
  --g-color-switch-primary-off-pressed: rgba(
    var(--legacy-color-neutral-grey-300-rgb),
    var(--opacity-x-light)
  );
  --g-color-switch-primary-off-disabled-knob: var(
    --legacy-color-neutral-grey-200
  );
  --g-color-switch-primary-on-track: rgba(
    var(--legacy-color-nokia-blue-300-rgb),
    var(--opacity-light)
  );
  --g-color-switch-primary-on-knob: var(--legacy-color-nokia-blue-300);
  --g-color-switch-primary-on-hover: rgba(
    var(--legacy-color-nokia-blue-300-rgb),
    var(--opacity-xx-light)
  );
  --g-color-switch-primary-on-pressed: rgba(
    var(--legacy-color-nokia-blue-300-rgb),
    var(--opacity-x-light)
  );
  --g-color-switch-primary-on-disabled-knob: var(--legacy-color-nokia-blue-100);
  --g-color-switch-secondary-off-track: rgba(
    var(--legacy-color-poppy-red-300-rgb),
    var(--opacity-light)
  );
  --g-color-switch-secondary-off-knob: var(--legacy-color-poppy-red-300);
  --g-color-switch-secondary-off-hover: rgba(
    var(--legacy-color-poppy-red-300-rgb),
    var(--opacity-xx-light)
  );
  --g-color-switch-secondary-off-pressed: rgba(
    var(--legacy-color-poppy-red-300-rgb),
    var(--opacity-x-light)
  );
  --g-color-switch-secondary-off-disabled-knob: var(
    --legacy-color-poppy-red-100
  );
  --g-color-switch-secondary-on-track: rgba(
    var(--legacy-color-lime-green-400-rgb),
    var(--opacity-light)
  );
  --g-color-switch-secondary-on-knob: var(--legacy-color-lime-green-400);
  --g-color-switch-secondary-on-hover: rgba(
    var(--legacy-color-lime-green-400-rgb),
    var(--opacity-xx-light)
  );
  --g-color-switch-secondary-on-pressed: rgba(
    var(--legacy-color-lime-green-400-rgb),
    var(--opacity-x-light)
  );
  --g-color-switch-secondary-on-disabled-knob: var(
    --legacy-color-lime-green-100
  );
  --g-color-assure-and-optimize: var(--legacy-color-lime-green-400);
  --g-color-administration: var(--legacy-color-nokia-blue-300);
  --g-color-automate: var(--legacy-color-midnight-blue-100);
  --g-color-care: var(--legacy-color-cerulean-blue-500);
  --g-color-insights: var(--legacy-color-pumpkin-orange-400);
  --g-color-inventory: var(--legacy-color-pitaya-pink-300);
  --g-color-monitoring: var(--legacy-color-poppy-red-300);
  --g-color-optical: var(--legacy-color-kingfisher-blue-400);
  --g-color-orchestrate-and-fulfill: var(--legacy-color-amethyst-purple-300);
  --g-color-sam: var(--legacy-color-sea-green-300);
  --g-color-security: var(--legacy-color-neutral-grey-350);
  --g-color-user-assistance: var(--legacy-color-canary-yellow-300);
  --g-color-badge-blue: var(--legacy-color-kingfisher-blue-400);
  --g-color-badge-green: var(--legacy-color-lime-green-400);
  --g-color-badge-grey: var(--legacy-color-neutral-grey-300);
  --g-color-breadcrumb-pressed-content: var(--legacy-color-neutral-grey-350);
  --g-color-expression-normal: var(--legacy-color-nokia-blue-300);
  --g-color-expression-focus: var(--legacy-color-kingfisher-blue-400);
  --g-color-checkbox-checked: var(--legacy-color-nokia-blue-300);
  --g-color-radio-button-checked: var(--legacy-color-nokia-blue-300);
  --g-color-statusbar-input-border: var(--legacy-color-science-blue-300);
  --g-color-sticky-header: var(--legacy-color-white);
  --g-color-sticky-header-hover: var(--legacy-color-neutral-grey-50);
  --g-color-sticky-header-active: var(--legacy-color-neutral-grey-100);
  --g-color-nav-close-content: var(--legacy-color-neutral-grey-100);
  --g-color-nav-close-hover: rgba(
    var(--legacy-color-neutral-grey-100-rgb),
    var(--opacity-xx-light)
  );
  --g-color-nokia-logo-blue: var(--ff-color-nokia-blue-600);
  --g-color-nokia-logo-white: var(--legacy-color-white);
  --g-color-background-0: var(--legacy-color-white);
  --g-color-background-1: var(--legacy-color-white);
  --g-color-background-2: var(--legacy-color-white);
  --g-color-background-3: var(--legacy-color-white);
  --g-color-background-4: var(--legacy-color-white);
  --g-color-background-6: var(--legacy-color-white);
  --g-color-background-8: var(--legacy-color-white);
  --g-color-background-9: var(--legacy-color-white);
  --g-color-background-12: var(--legacy-color-white);
  --g-color-background-16: var(--legacy-color-white);
  --g-color-background-24: var(--legacy-color-white);
  --g-color-background-0-dark: var(--legacy-color-neutral-grey-10);
  --g-color-background-1-dark: var(--legacy-color-neutral-grey-10);
  --g-color-background-2-dark: var(--legacy-color-neutral-grey-10);
  --g-color-background-3-dark: var(--legacy-color-neutral-grey-10);
  --g-color-background-4-dark: var(--legacy-color-neutral-grey-10);
  --g-color-background-6-dark: var(--legacy-color-neutral-grey-10);
  --g-color-background-8-dark: var(--legacy-color-neutral-grey-10);
  --g-color-background-9-dark: var(--legacy-color-neutral-grey-10);
  --g-color-background-12-dark: var(--legacy-color-neutral-grey-10);
  --g-color-background-16-dark: var(--legacy-color-neutral-grey-10);
  --g-color-background-24-dark: var(--legacy-color-neutral-grey-10);
  --g-color-background-0-transparent: var(--legacy-color-transparent);
  --g-color-background-1-transparent: var(--legacy-color-transparent);
  --g-color-background-2-transparent: var(--legacy-color-transparent);
  --g-color-background-3-transparent: var(--legacy-color-transparent);
  --g-color-background-4-transparent: var(--legacy-color-transparent);
  --g-color-background-6-transparent: var(--legacy-color-transparent);
  --g-color-background-8-transparent: var(--legacy-color-transparent);
  --g-color-background-9-transparent: var(--legacy-color-transparent);
  --g-color-background-12-transparent: var(--legacy-color-transparent);
  --g-color-background-16-transparent: var(--legacy-color-transparent);
  --g-color-background-24-transparent: var(--legacy-color-transparent);
  --g-color-shadow-0: var(--legacy-color-transparent);
  --g-color-shadow-1: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-xx-light)
  );
  --g-color-shadow-2: rgba(
    var(--legacy-color-black-rgb),
    var(--opacity-x-light)
  );
  --g-color-carousel-active: var(--legacy-color-nokia-blue-100);
}

/*| .form-control */

.form-control {
  box-shadow: inset 0px 0px 0px var(--shadow-spread-1)
    var(--g-color-input-border);
  color: var(--g-color-global-secondary-text);
  height: 3rem;
  caret-color: var(--g-color-global-secondary-text);
  background: var(--g-color-global-secondary-base);
  border-radius: var(--radius-x-small);
  padding: 0 var(--spacing-x-small);
}
.form-control:hover {
  box-shadow: inset 0px 0px 0px var(--shadow-spread-2)
    var(--g-color-input-border-hover) !important;
}
.form-control:focus {
  outline: none !important;
  box-shadow: 0 0 0 0.0625rem var(--ff-color-white),
    0 0 0 0.1875rem var(--g-color-global-primary-focus),
    inset 0 0 0 0.0625rem var(--g-color-input-border-selected) !important;
}
.form-control:focus:hover {
  outline: none !important;
  box-shadow: 0 0 0 0.0625rem var(--ff-color-white),
    0 0 0 0.1875rem var(--g-color-global-primary-focus),
    inset 0 0 0 0.125rem var(--g-color-input-border-selected) !important;
}

/*| Buttons |*/
.offer-dashboard-page .btn {
  box-sizing: border-box;
  outline: none;
  cursor: pointer;
  min-width: 4rem;
  max-width: 100%;
  margin: 0px;
  padding: 0 1rem !important;
  border: unset !important;
  border-radius: 0.25rem !important;
  overflow: visible;
  height: 3.5rem !important;
  font-size: 14px;
  line-height: 3.5rem !important;
  text-transform: capitalize;
}
/*| Button  - Primary |*/

.offer-dashboard-page .nokia-primary-btn {
  font-weight: var(--font-weight-bold);
  background-color: var(--g-color-global-primary-base) !important;
}
.offer-dashboard-page .nokia-primary-btn:hover {
  background-color: var(--g-color-button-primary-hover) !important;
  border: unset !important;
  transform: unset !important;
}

.offer-dashboard-page .nokia-primary-btn:active:not(:disabled) {
  background-color: var(--g-color-button-primary-pressed) !important;
}
.offer-dashboard-page .nokia-primary-btn:focus {
  background-color: var(--g-color-global-primary-base) !important;
  box-shadow: 0 0 0 0.0625rem var(--ff-color-white),
    0 0 0 0.1875rem var(--g-color-global-primary-focus) !important;
  border: unset !important;
  transform: unset !important;
}

/*| Button  - secondary |*/

.offer-dashboard-page .nokia-secondary-btn {
  background-color: var(--g-color-global-secondary-selected) !important;
  color: var(--g-color-secondary-button-content);
  font-weight: var(--font-weight-bold);
}
.offer-dashboard-page .nokia-secondary-btn:hover {
  background-color: var(--g-color-button-secondary-hover) !important;
  border: unset !important;
  transform: unset !important;
}
.offer-dashboard-page .nokia-secondary-btn:active:not(:disabled) {
  background-color: var(--g-color-button-secondary-pressed) !important;
  box-shadow: unset !important;
}

.offer-dashboard-page .nokia-secondary-btn:focus {
  background-color: var(--g-color-global-secondary-selected) !important;
  box-shadow: 0 0 0 0.0625rem var(--ff-color-white),
    0 0 0 0.1875rem var(--g-color-global-secondary-focus) !important;
  border: unset !important;
  transform: unset !important;
}
/*| ui-dialog-buttonset |*/
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right !important;
  display: flex;
  gap: 5px;
}
/*| Tab |*/
.tabs .nav-tabs {
  font-family: var(--font-family-text);
  font-size: 15px;
}
.nav-tabs li {
  display: inline-block;
  max-width: unset;
  min-width: 5.5rem;
  color: var(--g-color-global-secondary-text);
  background-color: var(--g-color-tabs-base);
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  outline: none;
  padding: 0;
  border-radius: 0.25rem 0.25rem 0px 0px;
  overflow: visible;
}
.nav-tabs li:hover {
  background-color: var(--g-color-tabs-hover);
  border-radius: 0.5rem 0.5rem 0 0;
}
nav.tabs .nav-tabs li a {
  padding: 1rem 1.3rem 0 1.3rem;
  color: var(--g-color-global-secondary-text);
  transition: unset !important;
  cursor: pointer;
}
nav.tabs .nav-tabs li.active a {
  color: var(--ff-color-white);
  background-color: var(--g-color-global-primary-base);
  border-radius: 0.5rem 0.5rem 0 0;
  border: 0 !important;
  margin: 0;
  transition: unset !important;
  cursor: pointer;
}
nav.tabs .nav-tabs li.active a:hover {
  color: var(--ff-color-white);
  background-color: var(--g-color-tabs-active-hover);
}
.nav-tabs li:focus {
  box-shadow: 0 0 0 0.0625rem var(--ff-color-white),
    0 0 0 0.1875rem var(--g-color-global-primary-focus);
}

nav.tabs .nav-tabs li.active a:focus {
  color: var(--ff-color-white);
  box-shadow: 0 0 0 0.0625rem var(--ff-color-white),
    0 0 0 0.1875rem var(--g-color-global-primary-focus);
}

/*| Panel |*/
.panel-default > .panel-heading {
  padding: 5px 15px;
  color: var(--g-color-global-secondary-text);
  border-color: #ddd;
  background: var(--g-color-panel-header-background);
}

/*| Dashboard Table |*/
.view-offer-dashboard .table-striped {
  color: var(--g-color-global-secondary-text);
  font-family: var(--font-family-text);
}
.view-offer-dashboard .views-rectangle-header {
  background-color: unset !important;
  border: 0;
  border-bottom: 0.0625rem solid var(--g-color-data-grid-divider);
  color: var(--ff-color-grey-800) !important;
  box-shadow: unset;
}
.view-offer-dashboard .views-rectangle-header th a {
  color: var(--ff-color-grey-800) !important;
  font-weight: var(--font-weight-bold);
}
.view-offer-dashboard .views-rectangle-header tr{
  background-color: var(--ff-color-white);
  border: unset;
  box-shadow: unset;
  width: unset;
  height: unset;
}
.view-offer-dashboard .views-rectangle-header th{
  border-radius: var(--radius-x-small);
  cursor: pointer;
  vertical-align: middle;
}
.view-offer-dashboard .views-rectangle-header th:hover{
  background-color: var(--ff-color-grey-100) !important;
}

.offer-dashboard-page .view-offer-dashboard tbody tr {
  cursor: pointer;
  background-color: var(--ff-color-white);
  border: unset !important;
  border-bottom: solid 0.0625rem rgba(var(--ff-color-black-rgb),var(--opacity-xx-light));
  box-shadow: unset;
  width: unset;
  height: unset;
}
.offer-dashboard-page .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: var(--ff-color-white);
}
.offer-dashboard-page .table-hover > tbody > tr:hover {
  background-color: rgba(var(--ff-color-black-rgb),var(--opacity-xxx-light));
}
.offer-dashboard-page .table-hover > tbody > tr:hover td:hover {
  background-color: rgba(var(--ff-color-black-rgb),var(--opacity-xxx-light));
}
.offer-dashboard-page .table-hover > tbody > tr:active,.table-hover > tbody > tr:focus{
  background-color: var(--ff-color-nokia-blue-100);
}


/*| .offer-dashboard-page |*/

.offer-dashboard-page .search-clear-items .dashboard-clear:after{
	content: none !important;
}
.offer-dashboard-page .search-clear-items span.search-form-clear {
  position: absolute;
  right: 0;
  top: 0px;
}

.offer-dashboard-page .search-clear-items button.dashboard-clear {
  background-image: url(/themes/custom/nokia_dac/css/images/close_icons.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px;
}
.offer-dashboard-page .search-clear-items button.dashboard-clear:hover {
  background-size: contain;
}


/*| Footer button |*/
.footer .btn {
  line-height: 3rem !important;
}

/* views-exposed-form */
.offer-dashboard-page .views-exposed-form {
  position: relative;
}
div.offer-dashboard div#edit-actions {
  top: 4px;
  margin: 0 8px;
}
.offer-dashboard-page .views-exposed-form div#edit-actions button#edit-reset {
  width: 3rem !important;
  height: 3rem !important;
  border-radius: 100% !important;
  padding: 0 !important;
}
.offer-dashboard-page .views-exposed-form div#edit-actions button#edit-reset:hover{
  box-shadow: 0px 0px 5px #000;
}
.offer-dashboard-page .search-dashboard-form #edit-search-filter {
  height: 3.5rem !important;
}

/*| .offer-shopping-cart-page |*/
.offer-shopping-cart-page div#edit-actions {
  display: flex;
  gap: 10px;
}