@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Material+Icons|Lato:300,400,700,900|Roboto+Mono:300,400,700,900&display=swap");
:root, [data-theme] {
  --nj-semantic-elevation-shadow-2-dp: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 2px 2px 0 rgba(0, 0, 0, .06), 0 3px 1px rgba(0, 0, 0, .06);
  --nj-semantic-elevation-shadow-4-dp: 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 5px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 0.06);
  --nj-semantic-elevation-shadow-6-dp: 0 3px 5px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.06), 0 1px 18px rgba(0, 0, 0, 0.06);
  --nj-semantic-elevation-shadow-8-dp: 0 5px 5px rgba(0, 0, 0, 0.1), 0 8px 10px rgba(0, 0, 0, 0.06), 0 3px 14px rgba(0, 0, 0, 0.06);
  --nj-semantic-elevation-shadow-16-dp: 0 8px 10px rgba(0, 0, 0, 0.1), 0 16px 24px rgba(0, 0, 0, 0.06), 0 6px 30px rgba(0, 0, 0, 0.06);
  --nj-semantic-elevation-shadow-24-dp: 0 11px 15px rgba(0, 0, 0, 0.1), 0 24px 38px rgba(0, 0, 0, 0.06), 0 9px 46px rgba(0, 0, 0, 0.06);
  --nj-semantic-font-weight-light: 300; /* DEPRECATED: will be removed in the next major version. Please don’t use this value anymore. */
  --nj-semantic-font-weight-regular: 400;
  --nj-semantic-font-weight-bold: 700;
  --nj-semantic-font-weight-black: 900; /* DEPRECATED: will be removed in the next major version. Please don’t use this value anymore. */
  --nj-semantic-font-line-height-sans-serif: 1.5;
  --nj-semantic-motion-easing-fast-out-slow-in: cubic-bezier(.4, 0, .2, 1);
  --nj-semantic-motion-easing-linear-out-slow-in: cubic-bezier(0, 0, .2, 1);
  --nj-semantic-motion-easing-fast-out-linear-in: cubic-bezier(.4, 0, 1, 1);
  --nj-core-color-grey-0: #ffffff;
  --nj-core-color-grey-100: #f6f8f9;
  --nj-core-color-grey-200: #ebeef1;
  --nj-core-color-grey-300: #ccd4da;
  --nj-core-color-grey-400: #9eadb8;
  --nj-core-color-grey-500: #778c9b;
  --nj-core-color-grey-600: #60798b;
  --nj-core-color-grey-700: #435c6e;
  --nj-core-color-grey-800: #334551;
  --nj-core-color-grey-900: #232d35;
  --nj-core-color-grey-1000: #171d21;
  --nj-core-color-grey-alpha-0: rgba(0, 0, 0, 0);
  --nj-core-color-grey-alpha-100: rgba(30, 80, 105, 0.04);
  --nj-core-color-grey-alpha-200: rgba(5, 43, 80, 0.08);
  --nj-core-color-grey-alpha-300: rgba(0, 40, 70, 0.2);
  --nj-core-color-grey-alpha-400: rgba(6, 45, 73, 0.39);
  --nj-core-color-grey-alpha-500: rgba(3, 42, 70, 0.54);
  --nj-core-color-grey-alpha-inverse-0: rgba(0, 0, 0, 0);
  --nj-core-color-grey-alpha-inverse-100: rgba(188, 225, 229, 0.03);
  --nj-core-color-grey-alpha-inverse-200: rgba(164, 211, 229, 0.07);
  --nj-core-color-grey-alpha-inverse-300: rgba(168, 213, 247, 0.17);
  --nj-core-color-grey-alpha-inverse-400: rgba(166, 222, 255, 0.31);
  --nj-core-color-grey-alpha-inverse-500: rgba(179, 221, 251, 0.45);
  --nj-core-color-pink-100: #fff4f9;
  --nj-core-color-pink-200: #ffe9f3;
  --nj-core-color-pink-300: #ffc1df;
  --nj-core-color-pink-400: #ff80bd;
  --nj-core-color-pink-500: #fb3492;
  --nj-core-color-pink-600: #e01b78;
  --nj-core-color-pink-700: #963563;
  --nj-core-color-pink-800: #5c3749;
  --nj-core-color-pink-900: #34282e;
  --nj-core-color-red-100: #fff7f5;
  --nj-core-color-red-200: #ffeae5;
  --nj-core-color-red-300: #ffc5b9;
  --nj-core-color-red-400: #ff8979;
  --nj-core-color-red-500: #f34e46;
  --nj-core-color-red-600: #db3735;
  --nj-core-color-red-700: #aa2424;
  --nj-core-color-red-800: #7f1d1b;
  --nj-core-color-red-900: #521814;
  --nj-core-color-red-alpha-0: rgba(0, 0, 0, 0);
  --nj-core-color-red-alpha-100: rgba(255, 55, 5, 0.04);
  --nj-core-color-red-alpha-200: rgba(255, 64, 19, 0.11);
  --nj-core-color-red-alpha-300: rgba(255, 48, 5, 0.28);
  --nj-core-color-red-alpha-400: rgba(255, 32, 2, 0.53);
  --nj-core-color-orange-100: #fff5ed;
  --nj-core-color-orange-200: #ffeada;
  --nj-core-color-orange-300: #ffc89d;
  --nj-core-color-orange-400: #ff8c47;
  --nj-core-color-orange-500: #d96929;
  --nj-core-color-orange-600: #bc5921;
  --nj-core-color-orange-700: #8e441a;
  --nj-core-color-orange-800: #693315;
  --nj-core-color-orange-900: #442312;
  --nj-core-color-orange-alpha-0: rgba(0, 0, 0, 0);
  --nj-core-color-orange-alpha-100: rgba(255, 130, 30, 0.08);
  --nj-core-color-orange-alpha-200: rgba(255, 115, 8, 0.15);
  --nj-core-color-orange-alpha-300: rgba(255, 114, 4, 0.39);
  --nj-core-color-orange-alpha-400: rgba(255, 97, 3, 0.73);
  --nj-core-color-yellow-100: #fff7e0;
  --nj-core-color-yellow-200: #ffeeb4;
  --nj-core-color-yellow-300: #ffcc59;
  --nj-core-color-yellow-400: #d5a334;
  --nj-core-color-yellow-500: #ab8327;
  --nj-core-color-yellow-600: #947023;
  --nj-core-color-yellow-700: #6f551d;
  --nj-core-color-yellow-800: #533f18;
  --nj-core-color-yellow-900: #362a13;
  --nj-core-color-green-100: #f3faf4;
  --nj-core-color-green-200: #e2f3e3;
  --nj-core-color-green-300: #aedfb3;
  --nj-core-color-green-400: #63be74;
  --nj-core-color-green-500: #199d47;
  --nj-core-color-green-600: #008836;
  --nj-core-color-green-700: #006725;
  --nj-core-color-green-800: #004d1c;
  --nj-core-color-green-900: #0a3315;
  --nj-core-color-green-alpha-0: rgba(0, 0, 0, 0);
  --nj-core-color-green-alpha-100: rgba(35, 155, 35, 0.05);
  --nj-core-color-green-alpha-200: rgba(13, 155, 22, 0.12);
  --nj-core-color-green-alpha-300: rgba(2, 155, 18, 0.32);
  --nj-core-color-green-alpha-400: rgba(3, 150, 31, 0.62);
  --nj-core-color-blue-100: #f6f8fd;
  --nj-core-color-blue-200: #e7eefc;
  --nj-core-color-blue-300: #c0d4f9;
  --nj-core-color-blue-400: #7fadef;
  --nj-core-color-blue-500: #3c8cde;
  --nj-core-color-blue-600: #007acd;
  --nj-core-color-blue-700: #005aa0;
  --nj-core-color-blue-800: #004478;
  --nj-core-color-blue-900: #0b2d4e;
  --nj-core-color-blue-alpha-0: rgba(0, 0, 0, 0);
  --nj-core-color-blue-alpha-100: rgba(30, 80, 205, 0.04);
  --nj-core-color-blue-alpha-200: rgba(15, 85, 225, 0.1);
  --nj-core-color-blue-alpha-300: rgba(3, 83, 231, 0.25);
  --nj-core-color-blue-alpha-400: rgba(4, 94, 224, 0.51);
  --nj-core-color-ultramarine-100: #f6f7fb;
  --nj-core-color-ultramarine-200: #eceef7;
  --nj-core-color-ultramarine-300: #ccd1e9;
  --nj-core-color-ultramarine-400: #9fa9d4;
  --nj-core-color-ultramarine-500: #7986bf;
  --nj-core-color-ultramarine-600: #6372b2;
  --nj-core-color-ultramarine-700: #44549b;
  --nj-core-color-ultramarine-800: #2b3d83;
  --nj-core-color-ultramarine-900: #182663;
  --nj-core-color-purple-100: #faf7fc;
  --nj-core-color-purple-200: #f2ecf7;
  --nj-core-color-purple-300: #deccec;
  --nj-core-color-purple-400: #bf9ed9;
  --nj-core-color-purple-500: #a377c5;
  --nj-core-color-purple-600: #9261b7;
  --nj-core-color-purple-700: #744299;
  --nj-core-color-purple-800: #533669;
  --nj-core-color-purple-900: #312838;
  --nj-core-color-purple-alpha-0: rgba(0, 0, 0, 0);
  --nj-core-color-purple-alpha-100: rgba(130, 55, 180, 0.04);
  --nj-core-color-purple-alpha-200: rgba(93, 18, 155, 0.08);
  --nj-core-color-purple-alpha-300: rgba(90, 0, 160, 0.2);
  --nj-core-color-purple-alpha-400: rgba(91, 6, 158, 0.39);
  --nj-core-color-teal-100: #f1fafa;
  --nj-core-color-teal-200: #daf4f3;
  --nj-core-color-teal-300: #95dfdd;
  --nj-core-color-teal-400: #3dbcb8;
  --nj-core-color-teal-500: #0a9994;
  --nj-core-color-teal-600: #008480;
  --nj-core-color-teal-700: #0a6361;
  --nj-core-color-teal-800: #154948;
  --nj-core-color-teal-900: #192f2f;
  --nj-core-color-teal-alpha-0: rgba(0, 0, 0, 0);
  --nj-core-color-teal-alpha-100: rgba(22, 172, 172, 0.06);
  --nj-core-color-teal-alpha-200: rgba(8, 182, 175, 0.15);
  --nj-core-color-teal-alpha-300: rgba(3, 179, 174, 0.42);
  --nj-core-color-teal-alpha-400: rgba(3, 168, 163, 0.77);
  --nj-core-color-lime-100: #f8fad5;
  --nj-core-color-lime-200: #eef5a8;
  --nj-core-color-lime-300: #c7de43;
  --nj-core-color-lime-400: #9db603;
  --nj-core-color-lime-500: #7d9200;
  --nj-core-color-lime-600: #6c7d02;
  --nj-core-color-lime-700: #525f0a;
  --nj-core-color-lime-800: #3e460e;
  --nj-core-color-lime-900: #2a2e0e;
  --nj-core-color-engie-blue: #00aaff;
  --nj-core-color-engie-green: #23d2b5;
  --nj-core-color-white-alpha-300: rgba(255, 255, 255, 0.25);
  --nj-core-elevation-z-index-0: 0;
  --nj-core-elevation-z-index-1: 1000;
  --nj-core-elevation-z-index-10: 1010;
  --nj-core-elevation-z-index-20: 1020;
  --nj-core-elevation-z-index-30: 1030;
  --nj-core-elevation-z-index-40: 1040;
  --nj-core-elevation-z-index-50: 1050;
  --nj-core-elevation-z-index-60: 1060;
  --nj-core-elevation-z-index-70: 1070;
  --nj-core-elevation-z-index-80: 1080;
  --nj-core-elevation-z-index-90: 1090;
  --nj-core-elevation-z-index-100: 1100;
  --nj-core-elevation-z-index-110: 1110;
  --nj-core-elevation-z-index-120: 1120;
  --nj-core-elevation-z-index-130: 1130;
  --nj-core-elevation-z-index-140: 1140;
  --nj-core-elevation-z-index-150: 1150;
  --nj-core-elevation-z-index-160: 1160;
  --nj-core-elevation-z-index-170: 1170;
  --nj-core-elevation-z-index-180: 1180;
  --nj-core-elevation-z-index-190: 1190;
  --nj-core-elevation-z-index-200: 1200;
  --nj-core-elevation-z-index-210: 1210;
  --nj-core-elevation-z-index-220: 1220;
  --nj-core-elevation-z-index-230: 1230;
  --nj-core-elevation-z-index-240: 1240;
  --nj-core-elevation-z-index-250: 1250;
  --nj-core-elevation-z-index-260: 1260;
  --nj-core-elevation-z-index-270: 1270;
  --nj-core-elevation-z-index-280: 1280;
  --nj-core-elevation-z-index-290: 1290;
  --nj-core-elevation-z-index-300: 1300;
  --nj-core-elevation-z-index-310: 1310;
  --nj-core-elevation-z-index-320: 1320;
  --nj-core-elevation-z-index-330: 1330;
  --nj-core-elevation-z-index-340: 1340;
  --nj-core-elevation-z-index-350: 1350;
  --nj-core-elevation-z-index-360: 1360;
  --nj-core-elevation-z-index-370: 1370;
  --nj-core-elevation-z-index-380: 1380;
  --nj-core-elevation-z-index-390: 1390;
  --nj-core-elevation-z-index-400: 1400;
  --nj-core-elevation-z-index-410: 1410;
  --nj-core-elevation-z-index-420: 1420;
  --nj-core-elevation-z-index-430: 1430;
  --nj-core-elevation-z-index-440: 1440;
  --nj-core-elevation-z-index-450: 1450;
  --nj-core-elevation-z-index-460: 1460;
  --nj-core-elevation-z-index-470: 1470;
  --nj-core-elevation-z-index-480: 1480;
  --nj-core-elevation-z-index-490: 1490;
  --nj-core-elevation-z-index-500: 1500;
  --nj-core-font-family-sans-serif: "Lato", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --nj-core-font-family-monospace: "Roboto Mono", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
  --nj-core-opacity-50: 0.05;
  --nj-core-opacity-100: 0.10;
  --nj-core-opacity-150: 0.15;
  --nj-core-opacity-200: 0.20;
  --nj-core-opacity-250: 0.25;
  --nj-core-opacity-300: 0.30;
  --nj-core-opacity-350: 0.35;
  --nj-core-opacity-400: 0.40;
  --nj-core-opacity-450: 0.45;
  --nj-core-opacity-500: 0.50;
  --nj-core-opacity-550: 0.55;
  --nj-core-opacity-600: 0.60;
  --nj-core-opacity-650: 0.65;
  --nj-core-opacity-700: 0.70;
  --nj-core-opacity-750: 0.75;
  --nj-core-opacity-800: 0.80;
  --nj-core-opacity-850: 0.85;
  --nj-core-opacity-900: 0.90;
  --nj-core-opacity-950: 0.95;
  --nj-core-opacity-1000: 1.00;
  --nj-core-size-0: 0rem;
  --nj-core-size-1: 0.0625rem;
  --nj-core-size-2: 0.125rem;
  --nj-core-size-4: 0.25rem;
  --nj-core-size-6: 0.375rem;
  --nj-core-size-8: 0.5rem;
  --nj-core-size-10: 0.625rem;
  --nj-core-size-12: 0.75rem;
  --nj-core-size-14: 0.875rem;
  --nj-core-size-16: 1rem;
  --nj-core-size-18: 1.125rem;
  --nj-core-size-20: 1.25rem;
  --nj-core-size-22: 1.375rem;
  --nj-core-size-24: 1.5rem;
  --nj-core-size-28: 1.75rem;
  --nj-core-size-30: 1.875rem;
  --nj-core-size-32: 2rem;
  --nj-core-size-34: 2.125rem;
  --nj-core-size-36: 2.25rem;
  --nj-core-size-38: 2.375rem;
  --nj-core-size-40: 2.5rem;
  --nj-core-size-42: 2.625rem;
  --nj-core-size-44: 2.75rem;
  --nj-core-size-46: 2.875rem;
  --nj-core-size-48: 3rem;
  --nj-core-size-50: 3.125rem;
  --nj-core-size-52: 3.25rem;
  --nj-core-size-54: 3.375rem;
  --nj-core-size-56: 3.5rem;
  --nj-core-size-58: 3.625rem;
  --nj-core-size-64: 4rem;
  --nj-core-size-72: 4.5rem;
  --nj-core-size-76: 4.75rem;
  --nj-core-size-80: 5rem;
  --nj-core-size-88: 5.5rem;
  --nj-core-size-96: 6rem;
  --nj-core-size-112: 7rem;
  --nj-core-size-116: 7.25rem;
  --nj-core-size-128: 8rem;
  --nj-core-size-9999: 9999rem;
  --nj-semantic-color-background-accent-pink-secondary-default: var(--nj-core-color-pink-100); /* Subtle touch of pink with no meaning tied to the color. */
  --nj-semantic-color-background-accent-pink-secondary-hovered: var(--nj-core-color-pink-200);
  --nj-semantic-color-background-accent-pink-secondary-focused: var(--nj-core-color-pink-200);
  --nj-semantic-color-background-accent-pink-secondary-pressed: var(--nj-core-color-pink-300);
  --nj-semantic-color-background-accent-pink-tertiary-default: var(--nj-core-color-pink-200); /* Soft pink background with no meaning tied to the color, slightly stronger visual contrast than the secondary. */
  --nj-semantic-color-background-accent-pink-tertiary-hovered: var(--nj-core-color-pink-300);
  --nj-semantic-color-background-accent-pink-tertiary-focused: var(--nj-core-color-pink-300);
  --nj-semantic-color-background-accent-pink-tertiary-pressed: var(--nj-core-color-pink-400);
  --nj-semantic-color-background-accent-pink-solid-default: var(--nj-core-color-pink-600); /* Suitable for pink backgrounds when there is no meaning tied to the color. Ensures the minimum contrast requirements (at least 4.55:1). */
  --nj-semantic-color-background-accent-pink-solid-hovered: var(--nj-core-color-pink-700);
  --nj-semantic-color-background-accent-pink-solid-focused: var(--nj-core-color-pink-700);
  --nj-semantic-color-background-accent-pink-solid-pressed: var(--nj-core-color-pink-800);
  --nj-semantic-color-background-accent-pink-spotlight-default: var(--nj-core-color-pink-900); /* Reserved for highlighting and drawing maximum attention when there is no meaning tied to the color. Use sparingly to create important focal points in your interface */
  --nj-semantic-color-background-accent-red-secondary-default: var(--nj-core-color-red-100); /* Subtle touch of red with no meaning tied to the color. */
  --nj-semantic-color-background-accent-red-secondary-hovered: var(--nj-core-color-red-200);
  --nj-semantic-color-background-accent-red-secondary-focused: var(--nj-core-color-red-200);
  --nj-semantic-color-background-accent-red-secondary-pressed: var(--nj-core-color-red-300);
  --nj-semantic-color-background-accent-red-tertiary-default: var(--nj-core-color-red-200); /* Soft red background with no meaning tied to the color, slightly stronger visual contrast than the secondary. */
  --nj-semantic-color-background-accent-red-tertiary-hovered: var(--nj-core-color-red-300);
  --nj-semantic-color-background-accent-red-tertiary-focused: var(--nj-core-color-red-300);
  --nj-semantic-color-background-accent-red-tertiary-pressed: var(--nj-core-color-red-400);
  --nj-semantic-color-background-accent-red-solid-default: var(--nj-core-color-red-600); /* Suitable for red backgrounds when there is no meaning tied to the color. Ensures the minimum contrast requirements (at least 4.55:1). */
  --nj-semantic-color-background-accent-red-spotlight-default: var(--nj-core-color-red-900); /* Reserved for highlighting and drawing maximum attention when there is no meaning tied to the color. Use sparingly to create important focal points in your interface */
  --nj-semantic-color-background-accent-orange-secondary-default: var(--nj-core-color-orange-100); /* Subtle touch of orange with no meaning tied to the color. */
  --nj-semantic-color-background-accent-orange-secondary-hovered: var(--nj-core-color-orange-200);
  --nj-semantic-color-background-accent-orange-secondary-focused: var(--nj-core-color-orange-200);
  --nj-semantic-color-background-accent-orange-secondary-pressed: var(--nj-core-color-orange-300);
  --nj-semantic-color-background-accent-orange-tertiary-default: var(--nj-core-color-orange-200); /* Soft orange background with no meaning tied to the color, slightly stronger visual contrast than the secondary. */
  --nj-semantic-color-background-accent-orange-tertiary-hovered: var(--nj-core-color-orange-300);
  --nj-semantic-color-background-accent-orange-tertiary-focused: var(--nj-core-color-orange-300);
  --nj-semantic-color-background-accent-orange-tertiary-pressed: var(--nj-core-color-orange-400);
  --nj-semantic-color-background-accent-orange-solid-default: var(--nj-core-color-orange-600); /* Suitable for orange backgrounds when there is no meaning tied to the color. Ensures the minimum contrast requirements (at least 4.55:1). */
  --nj-semantic-color-background-accent-orange-solid-hovered: var(--nj-core-color-orange-700);
  --nj-semantic-color-background-accent-orange-solid-focused: var(--nj-core-color-orange-700);
  --nj-semantic-color-background-accent-orange-solid-pressed: var(--nj-core-color-orange-800);
  --nj-semantic-color-background-accent-orange-spotlight-default: var(--nj-core-color-orange-900); /* Reserved for highlighting and drawing maximum attention when there is no meaning tied to the color. Use sparingly to create important focal points in your interface */
  --nj-semantic-color-background-accent-yellow-secondary-default: var(--nj-core-color-yellow-100); /* Subtle touch of yellow with no meaning tied to the color. */
  --nj-semantic-color-background-accent-yellow-secondary-hovered: var(--nj-core-color-yellow-200);
  --nj-semantic-color-background-accent-yellow-secondary-focused: var(--nj-core-color-yellow-200);
  --nj-semantic-color-background-accent-yellow-secondary-pressed: var(--nj-core-color-yellow-300);
  --nj-semantic-color-background-accent-yellow-tertiary-default: var(--nj-core-color-yellow-200); /* Soft yellow background with no meaning tied to the color, slightly stronger visual contrast than the secondary. */
  --nj-semantic-color-background-accent-yellow-tertiary-hovered: var(--nj-core-color-yellow-300);
  --nj-semantic-color-background-accent-yellow-tertiary-focused: var(--nj-core-color-yellow-300);
  --nj-semantic-color-background-accent-yellow-tertiary-pressed: var(--nj-core-color-yellow-400);
  --nj-semantic-color-background-accent-yellow-solid-default: var(--nj-core-color-yellow-300); /* Suitable for yellow backgrounds when there is no meaning tied to the color. No minimum contrast requirement met! */
  --nj-semantic-color-background-accent-yellow-solid-hovered: var(--nj-core-color-yellow-400);
  --nj-semantic-color-background-accent-yellow-solid-focused: var(--nj-core-color-yellow-400);
  --nj-semantic-color-background-accent-yellow-solid-pressed: var(--nj-core-color-yellow-500);
  --nj-semantic-color-background-accent-yellow-spotlight-default: var(--nj-core-color-yellow-900); /* Reserved for highlighting and drawing maximum attention when there is no meaning tied to the color. Use sparingly to create important focal points in your interface */
  --nj-semantic-color-background-accent-green-secondary-default: var(--nj-core-color-green-100); /* Subtle touch of green with no meaning tied to the color. */
  --nj-semantic-color-background-accent-green-secondary-hovered: var(--nj-core-color-green-200);
  --nj-semantic-color-background-accent-green-secondary-focused: var(--nj-core-color-green-200);
  --nj-semantic-color-background-accent-green-secondary-pressed: var(--nj-core-color-green-300);
  --nj-semantic-color-background-accent-green-tertiary-default: var(--nj-core-color-green-200); /* Soft green background with no meaning tied to the color, slightly stronger visual contrast than the secondary. */
  --nj-semantic-color-background-accent-green-tertiary-hovered: var(--nj-core-color-green-300);
  --nj-semantic-color-background-accent-green-tertiary-focused: var(--nj-core-color-green-300);
  --nj-semantic-color-background-accent-green-tertiary-pressed: var(--nj-core-color-green-400);
  --nj-semantic-color-background-accent-green-solid-default: var(--nj-core-color-green-600); /* Suitable for green backgrounds when there is no meaning tied to the color. Ensures the minimum contrast requirements (at least 4.55:1). */
  --nj-semantic-color-background-accent-green-solid-hovered: var(--nj-core-color-green-700);
  --nj-semantic-color-background-accent-green-solid-focused: var(--nj-core-color-green-700);
  --nj-semantic-color-background-accent-green-solid-pressed: var(--nj-core-color-green-800);
  --nj-semantic-color-background-accent-green-spotlight-default: var(--nj-core-color-green-900); /* Reserved for highlighting and drawing maximum attention when there is no meaning tied to the color. Use sparingly to create important focal points in your interface */
  --nj-semantic-color-background-accent-grey-secondary-default: var(--nj-core-color-grey-100); /* Subtle touch of grey with no meaning tied to the color. */
  --nj-semantic-color-background-accent-grey-secondary-hovered: var(--nj-core-color-grey-200);
  --nj-semantic-color-background-accent-grey-secondary-focused: var(--nj-core-color-grey-200);
  --nj-semantic-color-background-accent-grey-secondary-pressed: var(--nj-core-color-grey-300);
  --nj-semantic-color-background-accent-grey-tertiary-default: var(--nj-core-color-grey-200); /* Soft grey background with no meaning tied to the color, slightly stronger visual contrast than the secondary. */
  --nj-semantic-color-background-accent-grey-tertiary-hovered: var(--nj-core-color-grey-300);
  --nj-semantic-color-background-accent-grey-tertiary-focused: var(--nj-core-color-grey-300);
  --nj-semantic-color-background-accent-grey-tertiary-pressed: var(--nj-core-color-grey-400);
  --nj-semantic-color-background-accent-grey-solid-default: var(--nj-core-color-grey-600); /* Suitable for grey backgrounds when there is no meaning tied to the color. Ensures the minimum contrast requirements (at least 4.55:1). */
  --nj-semantic-color-background-accent-grey-solid-hovered: var(--nj-core-color-grey-700);
  --nj-semantic-color-background-accent-grey-solid-focused: var(--nj-core-color-grey-700);
  --nj-semantic-color-background-accent-grey-solid-pressed: var(--nj-core-color-grey-800);
  --nj-semantic-color-background-accent-grey-spotlight-default: var(--nj-core-color-grey-900); /* Reserved for highlighting and drawing maximum attention when there is no meaning tied to the color. Use sparingly to create important focal points in your interface */
  --nj-semantic-color-background-accent-blue-secondary-default: var(--nj-core-color-blue-100); /* Subtle touch of blue with no meaning tied to the color. */
  --nj-semantic-color-background-accent-blue-secondary-hovered: var(--nj-core-color-blue-200);
  --nj-semantic-color-background-accent-blue-secondary-focused: var(--nj-core-color-blue-200);
  --nj-semantic-color-background-accent-blue-secondary-pressed: var(--nj-core-color-blue-300);
  --nj-semantic-color-background-accent-blue-tertiary-default: var(--nj-core-color-blue-200); /* Soft blue background with no meaning tied to the color, slightly stronger visual contrast than the secondary. */
  --nj-semantic-color-background-accent-blue-tertiary-hovered: var(--nj-core-color-blue-300);
  --nj-semantic-color-background-accent-blue-tertiary-focused: var(--nj-core-color-blue-300);
  --nj-semantic-color-background-accent-blue-tertiary-pressed: var(--nj-core-color-blue-400);
  --nj-semantic-color-background-accent-blue-solid-default: var(--nj-core-color-blue-600); /* Suitable for blue backgrounds when there is no meaning tied to the color. Ensures the minimum contrast requirements (at least 4.55:1). */
  --nj-semantic-color-background-accent-blue-solid-hovered: var(--nj-core-color-blue-700);
  --nj-semantic-color-background-accent-blue-solid-focused: var(--nj-core-color-blue-700);
  --nj-semantic-color-background-accent-blue-solid-pressed: var(--nj-core-color-blue-800);
  --nj-semantic-color-background-accent-blue-spotlight-default: var(--nj-core-color-blue-900); /* Reserved for highlighting and drawing maximum attention when there is no meaning tied to the color. Use sparingly to create important focal points in your interface */
  --nj-semantic-color-background-accent-ultramarine-secondary-default: var(--nj-core-color-ultramarine-100); /* Subtle touch of ultramarine with no meaning tied to the color. */
  --nj-semantic-color-background-accent-ultramarine-secondary-hovered: var(--nj-core-color-ultramarine-200);
  --nj-semantic-color-background-accent-ultramarine-secondary-focused: var(--nj-core-color-ultramarine-200);
  --nj-semantic-color-background-accent-ultramarine-secondary-pressed: var(--nj-core-color-ultramarine-300);
  --nj-semantic-color-background-accent-ultramarine-tertiary-default: var(--nj-core-color-ultramarine-200); /* Soft ultramarine background with no meaning tied to the color, slightly stronger visual contrast than the secondary. */
  --nj-semantic-color-background-accent-ultramarine-tertiary-hovered: var(--nj-core-color-ultramarine-300);
  --nj-semantic-color-background-accent-ultramarine-tertiary-focused: var(--nj-core-color-ultramarine-300);
  --nj-semantic-color-background-accent-ultramarine-tertiary-pressed: var(--nj-core-color-ultramarine-400);
  --nj-semantic-color-background-accent-ultramarine-solid-default: var(--nj-core-color-ultramarine-600); /* Suitable for ultramarine backgrounds when there is no meaning tied to the color. Ensures the minimum contrast requirements (at least 4.55:1). */
  --nj-semantic-color-background-accent-ultramarine-solid-hovered: var(--nj-core-color-ultramarine-700);
  --nj-semantic-color-background-accent-ultramarine-solid-focused: var(--nj-core-color-ultramarine-700);
  --nj-semantic-color-background-accent-ultramarine-solid-pressed: var(--nj-core-color-ultramarine-800);
  --nj-semantic-color-background-accent-ultramarine-spotlight-default: var(--nj-core-color-ultramarine-900); /* Reserved for highlighting and drawing maximum attention when there is no meaning tied to the color. Use sparingly to create important focal points in your interface */
  --nj-semantic-color-background-accent-purple-secondary-default: var(--nj-core-color-purple-100); /* Subtle touch of purple with no meaning tied to the color. */
  --nj-semantic-color-background-accent-purple-secondary-hovered: var(--nj-core-color-purple-200);
  --nj-semantic-color-background-accent-purple-secondary-focused: var(--nj-core-color-purple-200);
  --nj-semantic-color-background-accent-purple-secondary-pressed: var(--nj-core-color-purple-300);
  --nj-semantic-color-background-accent-purple-tertiary-default: var(--nj-core-color-purple-200); /* Soft purple background with no meaning tied to the color, slightly stronger visual contrast than the secondary. */
  --nj-semantic-color-background-accent-purple-tertiary-hovered: var(--nj-core-color-purple-300);
  --nj-semantic-color-background-accent-purple-tertiary-focused: var(--nj-core-color-purple-300);
  --nj-semantic-color-background-accent-purple-tertiary-pressed: var(--nj-core-color-purple-400);
  --nj-semantic-color-background-accent-purple-solid-default: var(--nj-core-color-purple-600); /* Suitable for purple backgrounds when there is no meaning tied to the color. Ensures the minimum contrast requirements (at least 4.55:1). */
  --nj-semantic-color-background-accent-purple-solid-hovered: var(--nj-core-color-purple-700);
  --nj-semantic-color-background-accent-purple-solid-focused: var(--nj-core-color-purple-700);
  --nj-semantic-color-background-accent-purple-solid-pressed: var(--nj-core-color-purple-800);
  --nj-semantic-color-background-accent-purple-spotlight-default: var(--nj-core-color-purple-900); /* Reserved for highlighting and drawing maximum attention when there is no meaning tied to the color. Use sparingly to create important focal points in your interface */
  --nj-semantic-color-background-accent-teal-secondary-default: var(--nj-core-color-teal-100); /* Subtle touch of teal with no meaning tied to the color. */
  --nj-semantic-color-background-accent-teal-secondary-hovered: var(--nj-core-color-teal-200);
  --nj-semantic-color-background-accent-teal-secondary-focused: var(--nj-core-color-teal-200);
  --nj-semantic-color-background-accent-teal-secondary-pressed: var(--nj-core-color-teal-300);
  --nj-semantic-color-background-accent-teal-tertiary-default: var(--nj-core-color-teal-200); /* Soft teal background with no meaning tied to the color, slightly stronger visual contrast than the secondary. */
  --nj-semantic-color-background-accent-teal-tertiary-hovered: var(--nj-core-color-teal-300);
  --nj-semantic-color-background-accent-teal-tertiary-focused: var(--nj-core-color-teal-300);
  --nj-semantic-color-background-accent-teal-tertiary-pressed: var(--nj-core-color-teal-400);
  --nj-semantic-color-background-accent-teal-solid-default: var(--nj-core-color-teal-600); /* Suitable for teal backgrounds when there is no meaning tied to the color. Ensures the minimum contrast requirements (at least 4.55:1). */
  --nj-semantic-color-background-accent-teal-solid-hovered: var(--nj-core-color-teal-700);
  --nj-semantic-color-background-accent-teal-solid-focused: var(--nj-core-color-teal-700);
  --nj-semantic-color-background-accent-teal-solid-pressed: var(--nj-core-color-teal-800);
  --nj-semantic-color-background-accent-teal-spotlight-default: var(--nj-core-color-teal-900); /* Reserved for highlighting and drawing maximum attention when there is no meaning tied to the color. Use sparingly to create important focal points in your interface */
  --nj-semantic-color-background-accent-lime-secondary-default: var(--nj-core-color-lime-100); /* Subtle touch of lime with no meaning tied to the color. */
  --nj-semantic-color-background-accent-lime-secondary-hovered: var(--nj-core-color-lime-200);
  --nj-semantic-color-background-accent-lime-secondary-focused: var(--nj-core-color-lime-200);
  --nj-semantic-color-background-accent-lime-secondary-pressed: var(--nj-core-color-lime-300);
  --nj-semantic-color-background-accent-lime-tertiary-default: var(--nj-core-color-lime-200); /* Soft lime background with no meaning tied to the color, slightly stronger visual contrast than the secondary. */
  --nj-semantic-color-background-accent-lime-tertiary-hovered: var(--nj-core-color-lime-300);
  --nj-semantic-color-background-accent-lime-tertiary-focused: var(--nj-core-color-lime-300);
  --nj-semantic-color-background-accent-lime-tertiary-pressed: var(--nj-core-color-lime-400);
  --nj-semantic-color-background-accent-lime-solid-default: var(--nj-core-color-lime-600); /* Suitable for lime backgrounds when there is no meaning tied to the color. Ensures the minimum contrast requirements (at least 4.55:1). */
  --nj-semantic-color-background-accent-lime-solid-hovered: var(--nj-core-color-lime-700);
  --nj-semantic-color-background-accent-lime-solid-focused: var(--nj-core-color-lime-700);
  --nj-semantic-color-background-accent-lime-solid-pressed: var(--nj-core-color-lime-800);
  --nj-semantic-color-background-accent-lime-spotlight-default: var(--nj-core-color-lime-900); /* Reserved for highlighting and drawing maximum attention when there is no meaning tied to the color. Use sparingly to create important focal points in your interface */
  --nj-semantic-color-background-additional-engie-ray-default: linear-gradient(90deg, var(--nj-core-color-engie-blue) 0%, var(--nj-core-color-engie-green) 100%); /* ENGIE's brand gradient. We strongly advise to refer to the brand guidelines for its usage. */
  --nj-semantic-color-background-additional-signature-default: var(--nj-core-color-ultramarine-900); /* ENGIE's additional brand color. We strongly advise to refer to the brand guidelines for its usage. */
  --nj-semantic-color-border-accent-pink-subtle-default: var(--nj-core-color-pink-300);
  --nj-semantic-color-border-accent-pink-subtle-hovered: var(--nj-core-color-pink-400);
  --nj-semantic-color-border-accent-pink-subtle-focused: var(--nj-core-color-pink-400);
  --nj-semantic-color-border-accent-pink-subtle-pressed: var(--nj-core-color-pink-500);
  --nj-semantic-color-border-accent-pink-subtle-selected: var(--nj-core-color-pink-500);
  --nj-semantic-color-border-accent-pink-moderate-default: var(--nj-core-color-pink-500); /* Suitable for pink borders when there is no meaning tied to the color. */
  --nj-semantic-color-border-accent-pink-moderate-hovered: var(--nj-core-color-pink-600);
  --nj-semantic-color-border-accent-pink-moderate-focused: var(--nj-core-color-pink-600);
  --nj-semantic-color-border-accent-pink-moderate-pressed: var(--nj-core-color-pink-700);
  --nj-semantic-color-border-accent-pink-moderate-selected: var(--nj-core-color-pink-700);
  --nj-semantic-color-border-accent-pink-strong-default: var(--nj-core-color-pink-600);
  --nj-semantic-color-border-accent-pink-strong-hovered: var(--nj-core-color-pink-700);
  --nj-semantic-color-border-accent-pink-strong-focused: var(--nj-core-color-pink-700);
  --nj-semantic-color-border-accent-pink-strong-pressed: var(--nj-core-color-pink-800);
  --nj-semantic-color-border-accent-pink-strong-selected: var(--nj-core-color-pink-800);
  --nj-semantic-color-border-accent-red-subtle-default: var(--nj-core-color-red-300);
  --nj-semantic-color-border-accent-red-subtle-hovered: var(--nj-core-color-red-400);
  --nj-semantic-color-border-accent-red-subtle-focused: var(--nj-core-color-red-400);
  --nj-semantic-color-border-accent-red-subtle-pressed: var(--nj-core-color-red-500);
  --nj-semantic-color-border-accent-red-subtle-selected: var(--nj-core-color-red-500);
  --nj-semantic-color-border-accent-red-moderate-default: var(--nj-core-color-red-500); /* Suitable for red borders when there is no meaning tied to the color. */
  --nj-semantic-color-border-accent-red-moderate-hovered: var(--nj-core-color-red-600);
  --nj-semantic-color-border-accent-red-moderate-focused: var(--nj-core-color-red-600);
  --nj-semantic-color-border-accent-red-moderate-pressed: var(--nj-core-color-red-700);
  --nj-semantic-color-border-accent-red-moderate-selected: var(--nj-core-color-red-700);
  --nj-semantic-color-border-accent-red-strong-default: var(--nj-core-color-red-600);
  --nj-semantic-color-border-accent-red-strong-hovered: var(--nj-core-color-red-700);
  --nj-semantic-color-border-accent-red-strong-focused: var(--nj-core-color-red-700);
  --nj-semantic-color-border-accent-red-strong-pressed: var(--nj-core-color-red-800);
  --nj-semantic-color-border-accent-red-strong-selected: var(--nj-core-color-red-800);
  --nj-semantic-color-border-accent-orange-subtle-default: var(--nj-core-color-orange-300);
  --nj-semantic-color-border-accent-orange-subtle-hovered: var(--nj-core-color-orange-400);
  --nj-semantic-color-border-accent-orange-subtle-focused: var(--nj-core-color-orange-400);
  --nj-semantic-color-border-accent-orange-subtle-pressed: var(--nj-core-color-orange-500);
  --nj-semantic-color-border-accent-orange-subtle-selected: var(--nj-core-color-orange-500);
  --nj-semantic-color-border-accent-orange-moderate-default: var(--nj-core-color-orange-500); /* Suitable for orange borders when there is no meaning tied to the color. */
  --nj-semantic-color-border-accent-orange-moderate-hovered: var(--nj-core-color-orange-600);
  --nj-semantic-color-border-accent-orange-moderate-focused: var(--nj-core-color-orange-600);
  --nj-semantic-color-border-accent-orange-moderate-pressed: var(--nj-core-color-orange-700);
  --nj-semantic-color-border-accent-orange-moderate-selected: var(--nj-core-color-orange-700);
  --nj-semantic-color-border-accent-orange-strong-default: var(--nj-core-color-orange-600);
  --nj-semantic-color-border-accent-orange-strong-hovered: var(--nj-core-color-orange-700);
  --nj-semantic-color-border-accent-orange-strong-focused: var(--nj-core-color-orange-700);
  --nj-semantic-color-border-accent-orange-strong-pressed: var(--nj-core-color-orange-800);
  --nj-semantic-color-border-accent-orange-strong-selected: var(--nj-core-color-orange-800);
  --nj-semantic-color-border-accent-yellow-subtle-default: var(--nj-core-color-yellow-300);
  --nj-semantic-color-border-accent-yellow-subtle-hovered: var(--nj-core-color-yellow-400);
  --nj-semantic-color-border-accent-yellow-subtle-focused: var(--nj-core-color-yellow-400);
  --nj-semantic-color-border-accent-yellow-subtle-pressed: var(--nj-core-color-yellow-500);
  --nj-semantic-color-border-accent-yellow-subtle-selected: var(--nj-core-color-yellow-500);
  --nj-semantic-color-border-accent-yellow-moderate-default: var(--nj-core-color-yellow-500); /* Suitable for yellow borders when there is no meaning tied to the color. */
  --nj-semantic-color-border-accent-yellow-moderate-hovered: var(--nj-core-color-yellow-600);
  --nj-semantic-color-border-accent-yellow-moderate-focused: var(--nj-core-color-yellow-600);
  --nj-semantic-color-border-accent-yellow-moderate-pressed: var(--nj-core-color-yellow-700);
  --nj-semantic-color-border-accent-yellow-moderate-selected: var(--nj-core-color-yellow-700);
  --nj-semantic-color-border-accent-yellow-strong-default: var(--nj-core-color-yellow-600);
  --nj-semantic-color-border-accent-yellow-strong-hovered: var(--nj-core-color-yellow-700);
  --nj-semantic-color-border-accent-yellow-strong-focused: var(--nj-core-color-yellow-700);
  --nj-semantic-color-border-accent-yellow-strong-pressed: var(--nj-core-color-yellow-800);
  --nj-semantic-color-border-accent-yellow-strong-selected: var(--nj-core-color-yellow-800);
  --nj-semantic-color-border-accent-green-subtle-default: var(--nj-core-color-green-300);
  --nj-semantic-color-border-accent-green-subtle-hovered: var(--nj-core-color-green-400);
  --nj-semantic-color-border-accent-green-subtle-focused: var(--nj-core-color-green-400);
  --nj-semantic-color-border-accent-green-subtle-pressed: var(--nj-core-color-green-500);
  --nj-semantic-color-border-accent-green-subtle-selected: var(--nj-core-color-green-500);
  --nj-semantic-color-border-accent-green-moderate-default: var(--nj-core-color-green-500); /* Suitable for green borders when there is no meaning tied to the color. */
  --nj-semantic-color-border-accent-green-moderate-hovered: var(--nj-core-color-green-600);
  --nj-semantic-color-border-accent-green-moderate-focused: var(--nj-core-color-green-600);
  --nj-semantic-color-border-accent-green-moderate-pressed: var(--nj-core-color-green-700);
  --nj-semantic-color-border-accent-green-moderate-selected: var(--nj-core-color-green-700);
  --nj-semantic-color-border-accent-green-strong-default: var(--nj-core-color-green-600);
  --nj-semantic-color-border-accent-green-strong-hovered: var(--nj-core-color-green-700);
  --nj-semantic-color-border-accent-green-strong-focused: var(--nj-core-color-green-700);
  --nj-semantic-color-border-accent-green-strong-pressed: var(--nj-core-color-green-800);
  --nj-semantic-color-border-accent-green-strong-selected: var(--nj-core-color-green-800);
  --nj-semantic-color-border-accent-grey-subtle-default: var(--nj-core-color-grey-300);
  --nj-semantic-color-border-accent-grey-subtle-hovered: var(--nj-core-color-grey-400);
  --nj-semantic-color-border-accent-grey-subtle-focused: var(--nj-core-color-grey-400);
  --nj-semantic-color-border-accent-grey-subtle-pressed: var(--nj-core-color-grey-500);
  --nj-semantic-color-border-accent-grey-subtle-selected: var(--nj-core-color-grey-500);
  --nj-semantic-color-border-accent-grey-moderate-default: var(--nj-core-color-grey-500); /* Suitable for grey borders when there is no meaning tied to the color. */
  --nj-semantic-color-border-accent-grey-moderate-hovered: var(--nj-core-color-grey-600);
  --nj-semantic-color-border-accent-grey-moderate-focused: var(--nj-core-color-grey-600);
  --nj-semantic-color-border-accent-grey-moderate-pressed: var(--nj-core-color-grey-700);
  --nj-semantic-color-border-accent-grey-moderate-selected: var(--nj-core-color-grey-700);
  --nj-semantic-color-border-accent-grey-strong-default: var(--nj-core-color-grey-600);
  --nj-semantic-color-border-accent-grey-strong-hovered: var(--nj-core-color-grey-700);
  --nj-semantic-color-border-accent-grey-strong-focused: var(--nj-core-color-grey-700);
  --nj-semantic-color-border-accent-grey-strong-pressed: var(--nj-core-color-grey-800);
  --nj-semantic-color-border-accent-grey-strong-selected: var(--nj-core-color-grey-800);
  --nj-semantic-color-border-accent-blue-subtle-default: var(--nj-core-color-blue-300);
  --nj-semantic-color-border-accent-blue-subtle-hovered: var(--nj-core-color-blue-400);
  --nj-semantic-color-border-accent-blue-subtle-focused: var(--nj-core-color-blue-400);
  --nj-semantic-color-border-accent-blue-subtle-pressed: var(--nj-core-color-blue-500);
  --nj-semantic-color-border-accent-blue-subtle-selected: var(--nj-core-color-blue-500);
  --nj-semantic-color-border-accent-blue-moderate-default: var(--nj-core-color-blue-500); /* Suitable for blue borders when there is no meaning tied to the color. */
  --nj-semantic-color-border-accent-blue-moderate-hovered: var(--nj-core-color-blue-600);
  --nj-semantic-color-border-accent-blue-moderate-focused: var(--nj-core-color-blue-600);
  --nj-semantic-color-border-accent-blue-moderate-pressed: var(--nj-core-color-blue-700);
  --nj-semantic-color-border-accent-blue-moderate-selected: var(--nj-core-color-blue-700);
  --nj-semantic-color-border-accent-blue-strong-default: var(--nj-core-color-blue-600);
  --nj-semantic-color-border-accent-blue-strong-hovered: var(--nj-core-color-blue-700);
  --nj-semantic-color-border-accent-blue-strong-focused: var(--nj-core-color-blue-700);
  --nj-semantic-color-border-accent-blue-strong-pressed: var(--nj-core-color-blue-800);
  --nj-semantic-color-border-accent-blue-strong-selected: var(--nj-core-color-blue-800);
  --nj-semantic-color-border-accent-ultramarine-subtle-default: var(--nj-core-color-ultramarine-300);
  --nj-semantic-color-border-accent-ultramarine-subtle-hovered: var(--nj-core-color-ultramarine-400);
  --nj-semantic-color-border-accent-ultramarine-subtle-focused: var(--nj-core-color-ultramarine-400);
  --nj-semantic-color-border-accent-ultramarine-subtle-pressed: var(--nj-core-color-ultramarine-500);
  --nj-semantic-color-border-accent-ultramarine-subtle-selected: var(--nj-core-color-ultramarine-500);
  --nj-semantic-color-border-accent-ultramarine-moderate-default: var(--nj-core-color-ultramarine-500); /* Suitable for ultramarine borders when there is no meaning tied to the color. */
  --nj-semantic-color-border-accent-ultramarine-moderate-hovered: var(--nj-core-color-ultramarine-600);
  --nj-semantic-color-border-accent-ultramarine-moderate-focused: var(--nj-core-color-ultramarine-600);
  --nj-semantic-color-border-accent-ultramarine-moderate-pressed: var(--nj-core-color-ultramarine-700);
  --nj-semantic-color-border-accent-ultramarine-moderate-selected: var(--nj-core-color-ultramarine-700);
  --nj-semantic-color-border-accent-ultramarine-strong-default: var(--nj-core-color-ultramarine-600);
  --nj-semantic-color-border-accent-ultramarine-strong-hovered: var(--nj-core-color-ultramarine-700);
  --nj-semantic-color-border-accent-ultramarine-strong-focused: var(--nj-core-color-ultramarine-700);
  --nj-semantic-color-border-accent-ultramarine-strong-pressed: var(--nj-core-color-ultramarine-800);
  --nj-semantic-color-border-accent-ultramarine-strong-selected: var(--nj-core-color-ultramarine-800);
  --nj-semantic-color-border-accent-purple-subtle-default: var(--nj-core-color-purple-300);
  --nj-semantic-color-border-accent-purple-subtle-hovered: var(--nj-core-color-purple-400);
  --nj-semantic-color-border-accent-purple-subtle-focused: var(--nj-core-color-purple-400);
  --nj-semantic-color-border-accent-purple-subtle-pressed: var(--nj-core-color-purple-500);
  --nj-semantic-color-border-accent-purple-subtle-selected: var(--nj-core-color-purple-500);
  --nj-semantic-color-border-accent-purple-moderate-default: var(--nj-core-color-purple-500); /* Suitable for purple borders when there is no meaning tied to the color. */
  --nj-semantic-color-border-accent-purple-moderate-hovered: var(--nj-core-color-purple-600);
  --nj-semantic-color-border-accent-purple-moderate-focused: var(--nj-core-color-purple-600);
  --nj-semantic-color-border-accent-purple-moderate-pressed: var(--nj-core-color-purple-700);
  --nj-semantic-color-border-accent-purple-moderate-selected: var(--nj-core-color-purple-700);
  --nj-semantic-color-border-accent-purple-strong-default: var(--nj-core-color-purple-600);
  --nj-semantic-color-border-accent-purple-strong-hovered: var(--nj-core-color-purple-700);
  --nj-semantic-color-border-accent-purple-strong-focused: var(--nj-core-color-purple-700);
  --nj-semantic-color-border-accent-purple-strong-pressed: var(--nj-core-color-purple-800);
  --nj-semantic-color-border-accent-purple-strong-selected: var(--nj-core-color-purple-800);
  --nj-semantic-color-border-accent-teal-subtle-default: var(--nj-core-color-teal-300);
  --nj-semantic-color-border-accent-teal-subtle-hovered: var(--nj-core-color-teal-400);
  --nj-semantic-color-border-accent-teal-subtle-focused: var(--nj-core-color-teal-400);
  --nj-semantic-color-border-accent-teal-subtle-pressed: var(--nj-core-color-teal-500);
  --nj-semantic-color-border-accent-teal-subtle-selected: var(--nj-core-color-teal-500);
  --nj-semantic-color-border-accent-teal-moderate-default: var(--nj-core-color-teal-500); /* Suitable for teal borders when there is no meaning tied to the color. */
  --nj-semantic-color-border-accent-teal-moderate-hovered: var(--nj-core-color-teal-600);
  --nj-semantic-color-border-accent-teal-moderate-focused: var(--nj-core-color-teal-600);
  --nj-semantic-color-border-accent-teal-moderate-pressed: var(--nj-core-color-teal-700);
  --nj-semantic-color-border-accent-teal-moderate-selected: var(--nj-core-color-teal-700);
  --nj-semantic-color-border-accent-teal-strong-default: var(--nj-core-color-teal-600);
  --nj-semantic-color-border-accent-teal-strong-hovered: var(--nj-core-color-teal-700);
  --nj-semantic-color-border-accent-teal-strong-focused: var(--nj-core-color-teal-700);
  --nj-semantic-color-border-accent-teal-strong-pressed: var(--nj-core-color-teal-800);
  --nj-semantic-color-border-accent-teal-strong-selected: var(--nj-core-color-teal-800);
  --nj-semantic-color-border-accent-lime-subtle-default: var(--nj-core-color-lime-300);
  --nj-semantic-color-border-accent-lime-subtle-hovered: var(--nj-core-color-lime-400);
  --nj-semantic-color-border-accent-lime-subtle-focused: var(--nj-core-color-lime-400);
  --nj-semantic-color-border-accent-lime-subtle-pressed: var(--nj-core-color-lime-500);
  --nj-semantic-color-border-accent-lime-subtle-selected: var(--nj-core-color-lime-500);
  --nj-semantic-color-border-accent-lime-moderate-default: var(--nj-core-color-lime-500); /* Suitable for lime borders when there is no meaning tied to the color. */
  --nj-semantic-color-border-accent-lime-moderate-hovered: var(--nj-core-color-lime-600);
  --nj-semantic-color-border-accent-lime-moderate-focused: var(--nj-core-color-lime-600);
  --nj-semantic-color-border-accent-lime-moderate-pressed: var(--nj-core-color-lime-700);
  --nj-semantic-color-border-accent-lime-moderate-selected: var(--nj-core-color-lime-700);
  --nj-semantic-color-border-accent-lime-strong-default: var(--nj-core-color-lime-600);
  --nj-semantic-color-border-accent-lime-strong-hovered: var(--nj-core-color-lime-700);
  --nj-semantic-color-border-accent-lime-strong-focused: var(--nj-core-color-lime-700);
  --nj-semantic-color-border-accent-lime-strong-pressed: var(--nj-core-color-lime-800);
  --nj-semantic-color-border-accent-lime-strong-selected: var(--nj-core-color-lime-800);
  --nj-semantic-color-icon-accent-pink-primary-default: var(--nj-core-color-pink-600);
  --nj-semantic-color-icon-accent-pink-primary-hovered: var(--nj-core-color-pink-700);
  --nj-semantic-color-icon-accent-pink-primary-focused: var(--nj-core-color-pink-700);
  --nj-semantic-color-icon-accent-pink-primary-pressed: var(--nj-core-color-pink-800);
  --nj-semantic-color-icon-accent-pink-contrast-default: var(--nj-core-color-pink-800);
  --nj-semantic-color-icon-accent-red-primary-default: var(--nj-core-color-red-600);
  --nj-semantic-color-icon-accent-red-primary-hovered: var(--nj-core-color-red-700);
  --nj-semantic-color-icon-accent-red-primary-focused: var(--nj-core-color-red-700);
  --nj-semantic-color-icon-accent-red-primary-pressed: var(--nj-core-color-red-800);
  --nj-semantic-color-icon-accent-red-contrast-default: var(--nj-core-color-red-800);
  --nj-semantic-color-icon-accent-orange-primary-default: var(--nj-core-color-orange-600);
  --nj-semantic-color-icon-accent-orange-primary-hovered: var(--nj-core-color-orange-700);
  --nj-semantic-color-icon-accent-orange-primary-focused: var(--nj-core-color-orange-700);
  --nj-semantic-color-icon-accent-orange-primary-pressed: var(--nj-core-color-orange-800);
  --nj-semantic-color-icon-accent-orange-contrast-default: var(--nj-core-color-orange-800);
  --nj-semantic-color-icon-accent-yellow-primary-default: var(--nj-core-color-yellow-600);
  --nj-semantic-color-icon-accent-yellow-primary-hovered: var(--nj-core-color-yellow-700);
  --nj-semantic-color-icon-accent-yellow-primary-focused: var(--nj-core-color-yellow-700);
  --nj-semantic-color-icon-accent-yellow-primary-pressed: var(--nj-core-color-yellow-800);
  --nj-semantic-color-icon-accent-yellow-contrast-default: var(--nj-core-color-yellow-800);
  --nj-semantic-color-icon-accent-green-primary-default: var(--nj-core-color-green-600);
  --nj-semantic-color-icon-accent-green-primary-hovered: var(--nj-core-color-green-700);
  --nj-semantic-color-icon-accent-green-primary-focused: var(--nj-core-color-green-700);
  --nj-semantic-color-icon-accent-green-primary-pressed: var(--nj-core-color-green-800);
  --nj-semantic-color-icon-accent-green-contrast-default: var(--nj-core-color-green-800);
  --nj-semantic-color-icon-accent-grey-primary-default: var(--nj-core-color-grey-600);
  --nj-semantic-color-icon-accent-grey-primary-hovered: var(--nj-core-color-grey-700);
  --nj-semantic-color-icon-accent-grey-primary-focused: var(--nj-core-color-grey-700);
  --nj-semantic-color-icon-accent-grey-primary-pressed: var(--nj-core-color-grey-800);
  --nj-semantic-color-icon-accent-grey-contrast-default: var(--nj-core-color-grey-800);
  --nj-semantic-color-icon-accent-blue-primary-default: var(--nj-core-color-blue-600);
  --nj-semantic-color-icon-accent-blue-primary-hovered: var(--nj-core-color-blue-700);
  --nj-semantic-color-icon-accent-blue-primary-focused: var(--nj-core-color-blue-700);
  --nj-semantic-color-icon-accent-blue-primary-pressed: var(--nj-core-color-blue-800);
  --nj-semantic-color-icon-accent-blue-contrast-default: var(--nj-core-color-blue-800);
  --nj-semantic-color-icon-accent-ultramarine-primary-default: var(--nj-core-color-ultramarine-600);
  --nj-semantic-color-icon-accent-ultramarine-primary-hovered: var(--nj-core-color-ultramarine-700);
  --nj-semantic-color-icon-accent-ultramarine-primary-focused: var(--nj-core-color-ultramarine-700);
  --nj-semantic-color-icon-accent-ultramarine-primary-pressed: var(--nj-core-color-ultramarine-800);
  --nj-semantic-color-icon-accent-ultramarine-contrast-default: var(--nj-core-color-ultramarine-800);
  --nj-semantic-color-icon-accent-purple-primary-default: var(--nj-core-color-purple-600);
  --nj-semantic-color-icon-accent-purple-primary-hovered: var(--nj-core-color-purple-700);
  --nj-semantic-color-icon-accent-purple-primary-focused: var(--nj-core-color-purple-700);
  --nj-semantic-color-icon-accent-purple-primary-pressed: var(--nj-core-color-purple-800);
  --nj-semantic-color-icon-accent-purple-contrast-default: var(--nj-core-color-purple-800);
  --nj-semantic-color-icon-accent-teal-primary-default: var(--nj-core-color-teal-600);
  --nj-semantic-color-icon-accent-teal-primary-hovered: var(--nj-core-color-teal-700);
  --nj-semantic-color-icon-accent-teal-primary-focused: var(--nj-core-color-teal-700);
  --nj-semantic-color-icon-accent-teal-primary-pressed: var(--nj-core-color-teal-800);
  --nj-semantic-color-icon-accent-teal-contrast-default: var(--nj-core-color-teal-800);
  --nj-semantic-color-icon-accent-lime-primary-default: var(--nj-core-color-lime-600);
  --nj-semantic-color-icon-accent-lime-primary-hovered: var(--nj-core-color-lime-700);
  --nj-semantic-color-icon-accent-lime-primary-focused: var(--nj-core-color-lime-700);
  --nj-semantic-color-icon-accent-lime-primary-pressed: var(--nj-core-color-lime-800);
  --nj-semantic-color-icon-accent-lime-contrast-default: var(--nj-core-color-lime-800);
  --nj-semantic-color-icon-additional-signature-default: var(--nj-core-color-ultramarine-900);
  --nj-semantic-color-text-accent-pink-primary-default: var(--nj-core-color-pink-600);
  --nj-semantic-color-text-accent-pink-primary-hovered: var(--nj-core-color-pink-700);
  --nj-semantic-color-text-accent-pink-primary-focused: var(--nj-core-color-pink-700);
  --nj-semantic-color-text-accent-pink-primary-pressed: var(--nj-core-color-pink-800);
  --nj-semantic-color-text-accent-pink-contrast-default: var(--nj-core-color-pink-700);
  --nj-semantic-color-text-accent-pink-contrast-hovered: var(--nj-core-color-pink-800);
  --nj-semantic-color-text-accent-pink-contrast-focused: var(--nj-core-color-pink-800);
  --nj-semantic-color-text-accent-pink-contrast-pressed: var(--nj-core-color-pink-900);
  --nj-semantic-color-text-accent-red-primary-default: var(--nj-core-color-red-600);
  --nj-semantic-color-text-accent-red-primary-hovered: var(--nj-core-color-red-700);
  --nj-semantic-color-text-accent-red-primary-focused: var(--nj-core-color-red-700);
  --nj-semantic-color-text-accent-red-primary-pressed: var(--nj-core-color-red-800);
  --nj-semantic-color-text-accent-red-contrast-default: var(--nj-core-color-red-700);
  --nj-semantic-color-text-accent-red-contrast-hovered: var(--nj-core-color-red-800);
  --nj-semantic-color-text-accent-red-contrast-focused: var(--nj-core-color-red-800);
  --nj-semantic-color-text-accent-red-contrast-pressed: var(--nj-core-color-red-900);
  --nj-semantic-color-text-accent-orange-primary-default: var(--nj-core-color-orange-600);
  --nj-semantic-color-text-accent-orange-primary-hovered: var(--nj-core-color-orange-700);
  --nj-semantic-color-text-accent-orange-primary-focused: var(--nj-core-color-orange-700);
  --nj-semantic-color-text-accent-orange-primary-pressed: var(--nj-core-color-orange-800);
  --nj-semantic-color-text-accent-orange-contrast-default: var(--nj-core-color-orange-700);
  --nj-semantic-color-text-accent-orange-contrast-hovered: var(--nj-core-color-orange-800);
  --nj-semantic-color-text-accent-orange-contrast-focused: var(--nj-core-color-orange-800);
  --nj-semantic-color-text-accent-orange-contrast-pressed: var(--nj-core-color-orange-900);
  --nj-semantic-color-text-accent-yellow-primary-default: var(--nj-core-color-yellow-600);
  --nj-semantic-color-text-accent-yellow-primary-hovered: var(--nj-core-color-yellow-700);
  --nj-semantic-color-text-accent-yellow-primary-focused: var(--nj-core-color-yellow-700);
  --nj-semantic-color-text-accent-yellow-primary-pressed: var(--nj-core-color-yellow-800);
  --nj-semantic-color-text-accent-yellow-contrast-default: var(--nj-core-color-yellow-700);
  --nj-semantic-color-text-accent-yellow-contrast-hovered: var(--nj-core-color-yellow-800);
  --nj-semantic-color-text-accent-yellow-contrast-focused: var(--nj-core-color-yellow-800);
  --nj-semantic-color-text-accent-yellow-contrast-pressed: var(--nj-core-color-yellow-900);
  --nj-semantic-color-text-accent-green-primary-default: var(--nj-core-color-green-600);
  --nj-semantic-color-text-accent-green-primary-hovered: var(--nj-core-color-green-700);
  --nj-semantic-color-text-accent-green-primary-focused: var(--nj-core-color-green-700);
  --nj-semantic-color-text-accent-green-primary-pressed: var(--nj-core-color-green-800);
  --nj-semantic-color-text-accent-green-contrast-default: var(--nj-core-color-green-700);
  --nj-semantic-color-text-accent-green-contrast-hovered: var(--nj-core-color-green-800);
  --nj-semantic-color-text-accent-green-contrast-focused: var(--nj-core-color-green-800);
  --nj-semantic-color-text-accent-green-contrast-pressed: var(--nj-core-color-green-900);
  --nj-semantic-color-text-accent-grey-primary-default: var(--nj-core-color-grey-600);
  --nj-semantic-color-text-accent-grey-primary-hovered: var(--nj-core-color-grey-700);
  --nj-semantic-color-text-accent-grey-primary-focused: var(--nj-core-color-grey-700);
  --nj-semantic-color-text-accent-grey-primary-pressed: var(--nj-core-color-grey-800);
  --nj-semantic-color-text-accent-grey-contrast-default: var(--nj-core-color-grey-700);
  --nj-semantic-color-text-accent-grey-contrast-hovered: var(--nj-core-color-grey-800);
  --nj-semantic-color-text-accent-grey-contrast-focused: var(--nj-core-color-grey-800);
  --nj-semantic-color-text-accent-grey-contrast-pressed: var(--nj-core-color-grey-900);
  --nj-semantic-color-text-accent-blue-primary-default: var(--nj-core-color-blue-600);
  --nj-semantic-color-text-accent-blue-primary-hovered: var(--nj-core-color-blue-700);
  --nj-semantic-color-text-accent-blue-primary-focused: var(--nj-core-color-blue-700);
  --nj-semantic-color-text-accent-blue-primary-pressed: var(--nj-core-color-blue-800);
  --nj-semantic-color-text-accent-blue-contrast-default: var(--nj-core-color-blue-700);
  --nj-semantic-color-text-accent-blue-contrast-hovered: var(--nj-core-color-blue-800);
  --nj-semantic-color-text-accent-blue-contrast-focused: var(--nj-core-color-blue-800);
  --nj-semantic-color-text-accent-blue-contrast-pressed: var(--nj-core-color-blue-900);
  --nj-semantic-color-text-accent-ultramarine-primary-default: var(--nj-core-color-ultramarine-600);
  --nj-semantic-color-text-accent-ultramarine-primary-hovered: var(--nj-core-color-ultramarine-700);
  --nj-semantic-color-text-accent-ultramarine-primary-focused: var(--nj-core-color-ultramarine-700);
  --nj-semantic-color-text-accent-ultramarine-primary-pressed: var(--nj-core-color-ultramarine-800);
  --nj-semantic-color-text-accent-ultramarine-contrast-default: var(--nj-core-color-ultramarine-700);
  --nj-semantic-color-text-accent-ultramarine-contrast-hovered: var(--nj-core-color-ultramarine-800);
  --nj-semantic-color-text-accent-ultramarine-contrast-focused: var(--nj-core-color-ultramarine-800);
  --nj-semantic-color-text-accent-ultramarine-contrast-pressed: var(--nj-core-color-ultramarine-900);
  --nj-semantic-color-text-accent-purple-primary-default: var(--nj-core-color-purple-600);
  --nj-semantic-color-text-accent-purple-primary-hovered: var(--nj-core-color-purple-700);
  --nj-semantic-color-text-accent-purple-primary-focused: var(--nj-core-color-purple-700);
  --nj-semantic-color-text-accent-purple-primary-pressed: var(--nj-core-color-purple-800);
  --nj-semantic-color-text-accent-purple-contrast-default: var(--nj-core-color-purple-700);
  --nj-semantic-color-text-accent-purple-contrast-hovered: var(--nj-core-color-purple-800);
  --nj-semantic-color-text-accent-purple-contrast-focused: var(--nj-core-color-purple-800);
  --nj-semantic-color-text-accent-purple-contrast-pressed: var(--nj-core-color-purple-900);
  --nj-semantic-color-text-accent-teal-primary-default: var(--nj-core-color-teal-600);
  --nj-semantic-color-text-accent-teal-primary-hovered: var(--nj-core-color-teal-700);
  --nj-semantic-color-text-accent-teal-primary-focused: var(--nj-core-color-teal-700);
  --nj-semantic-color-text-accent-teal-primary-pressed: var(--nj-core-color-teal-800);
  --nj-semantic-color-text-accent-teal-contrast-default: var(--nj-core-color-teal-700);
  --nj-semantic-color-text-accent-teal-contrast-hovered: var(--nj-core-color-teal-800);
  --nj-semantic-color-text-accent-teal-contrast-focused: var(--nj-core-color-teal-800);
  --nj-semantic-color-text-accent-teal-contrast-pressed: var(--nj-core-color-teal-900);
  --nj-semantic-color-text-accent-lime-primary-default: var(--nj-core-color-lime-600);
  --nj-semantic-color-text-accent-lime-primary-hovered: var(--nj-core-color-lime-700);
  --nj-semantic-color-text-accent-lime-primary-focused: var(--nj-core-color-lime-700);
  --nj-semantic-color-text-accent-lime-primary-pressed: var(--nj-core-color-lime-800);
  --nj-semantic-color-text-accent-lime-contrast-default: var(--nj-core-color-lime-700);
  --nj-semantic-color-text-accent-lime-contrast-hovered: var(--nj-core-color-lime-800);
  --nj-semantic-color-text-accent-lime-contrast-focused: var(--nj-core-color-lime-800);
  --nj-semantic-color-text-accent-lime-contrast-pressed: var(--nj-core-color-lime-900);
  --nj-semantic-color-text-additional-signature-default: var(--nj-core-color-ultramarine-900);
  --nj-semantic-elevation-z-index-dropdown: var(--nj-core-elevation-z-index-1);
  --nj-semantic-elevation-z-index-sticky: var(--nj-core-elevation-z-index-20);
  --nj-semantic-elevation-z-index-fixed: var(--nj-core-elevation-z-index-30);
  --nj-semantic-elevation-z-index-modal-backdrop: var(--nj-core-elevation-z-index-40);
  --nj-semantic-elevation-z-index-modal: var(--nj-core-elevation-z-index-50);
  --nj-semantic-elevation-z-index-popover: var(--nj-core-elevation-z-index-60);
  --nj-semantic-elevation-z-index-tooltip: var(--nj-core-elevation-z-index-70);
  --nj-semantic-elevation-z-index-toast-container: var(--nj-core-elevation-z-index-80);
  --nj-semantic-elevation-z-index-toast: var(--nj-core-elevation-z-index-80);
  --nj-semantic-font-family-default: var(--nj-core-font-family-sans-serif);
  --nj-semantic-font-family-code: var(--nj-core-font-family-monospace);
  --nj-semantic-font-line-height-default: var(--nj-semantic-font-line-height-sans-serif);
  --nj-semantic-font-line-height-text-xs-desktop: var(--nj-core-size-16);
  --nj-semantic-font-line-height-text-xs-mobile: var(--nj-core-size-16);
  --nj-semantic-font-line-height-text-sm-desktop: var(--nj-core-size-20);
  --nj-semantic-font-line-height-text-sm-mobile: var(--nj-core-size-20);
  --nj-semantic-font-line-height-text-md-desktop: var(--nj-core-size-24);
  --nj-semantic-font-line-height-text-md-mobile: var(--nj-core-size-24);
  --nj-semantic-font-line-height-text-lg-desktop: var(--nj-core-size-24);
  --nj-semantic-font-line-height-text-lg-mobile: var(--nj-core-size-24);
  --nj-semantic-font-line-height-heading-xs-desktop: var(--nj-core-size-28);
  --nj-semantic-font-line-height-heading-xs-mobile: var(--nj-core-size-28);
  --nj-semantic-font-line-height-heading-sm-desktop: var(--nj-core-size-32);
  --nj-semantic-font-line-height-heading-sm-mobile: var(--nj-core-size-32);
  --nj-semantic-font-line-height-heading-md-desktop: var(--nj-core-size-36);
  --nj-semantic-font-line-height-heading-md-mobile: var(--nj-core-size-36);
  --nj-semantic-font-line-height-heading-lg-desktop: var(--nj-core-size-40);
  --nj-semantic-font-line-height-heading-lg-mobile: var(--nj-core-size-36);
  --nj-semantic-font-line-height-heading-xl-desktop: var(--nj-core-size-48);
  --nj-semantic-font-line-height-heading-xl-mobile: var(--nj-core-size-40);
  --nj-semantic-font-line-height-display-xs-desktop: var(--nj-core-size-48);
  --nj-semantic-font-line-height-display-xs-mobile: var(--nj-core-size-40);
  --nj-semantic-font-line-height-display-sm-desktop: var(--nj-core-size-56);
  --nj-semantic-font-line-height-display-sm-mobile: var(--nj-core-size-48);
  --nj-semantic-font-line-height-display-md-desktop: var(--nj-core-size-64);
  --nj-semantic-font-line-height-display-md-mobile: var(--nj-core-size-56);
  --nj-semantic-font-line-height-display-xl-desktop: var(--nj-core-size-72);
  --nj-semantic-font-line-height-display-xl-mobile: var(--nj-core-size-64);
  --nj-semantic-font-line-height-display-2xl-desktop: var(--nj-core-size-88);
  --nj-semantic-font-line-height-display-2xl-mobile: var(--nj-core-size-72);
  --nj-semantic-font-size-text-xs-desktop: var(--nj-core-size-12);
  --nj-semantic-font-size-text-xs-mobile: var(--nj-core-size-12);
  --nj-semantic-font-size-text-sm-desktop: var(--nj-core-size-14);
  --nj-semantic-font-size-text-sm-mobile: var(--nj-core-size-14);
  --nj-semantic-font-size-text-md-desktop: var(--nj-core-size-16);
  --nj-semantic-font-size-text-md-mobile: var(--nj-core-size-16);
  --nj-semantic-font-size-text-lg-desktop: var(--nj-core-size-18);
  --nj-semantic-font-size-text-lg-mobile: var(--nj-core-size-18);
  --nj-semantic-font-size-content-4: var(--nj-core-size-10);
  --nj-semantic-font-size-heading-6: var(--nj-core-size-18);
  --nj-semantic-font-size-heading-xs-desktop: var(--nj-core-size-20);
  --nj-semantic-font-size-heading-xs-mobile: var(--nj-core-size-20);
  --nj-semantic-font-size-heading-sm-desktop: var(--nj-core-size-24);
  --nj-semantic-font-size-heading-sm-mobile: var(--nj-core-size-24);
  --nj-semantic-font-size-heading-md-desktop: var(--nj-core-size-28);
  --nj-semantic-font-size-heading-md-mobile: var(--nj-core-size-28);
  --nj-semantic-font-size-heading-lg-desktop: var(--nj-core-size-32);
  --nj-semantic-font-size-heading-lg-mobile: var(--nj-core-size-28);
  --nj-semantic-font-size-heading-xl-desktop: var(--nj-core-size-36);
  --nj-semantic-font-size-heading-xl-mobile: var(--nj-core-size-32);
  --nj-semantic-font-size-display-xs-desktop: var(--nj-core-size-40);
  --nj-semantic-font-size-display-xs-mobile: var(--nj-core-size-36);
  --nj-semantic-font-size-display-sm-desktop: var(--nj-core-size-48);
  --nj-semantic-font-size-display-sm-mobile: var(--nj-core-size-40);
  --nj-semantic-font-size-display-md-desktop: var(--nj-core-size-56);
  --nj-semantic-font-size-display-md-mobile: var(--nj-core-size-48);
  --nj-semantic-font-size-display-xl-desktop: var(--nj-core-size-72);
  --nj-semantic-font-size-display-xl-mobile: var(--nj-core-size-64);
  --nj-semantic-font-size-display-2xl-desktop: var(--nj-core-size-88);
  --nj-semantic-font-size-display-2xl-mobile: var(--nj-core-size-72);
  --nj-semantic-opacity-disabled: var(--nj-core-opacity-350);
  --nj-semantic-size-border-width: var(--nj-core-size-1);
  --nj-semantic-size-border-radius-none: var(--nj-core-size-0);
  --nj-semantic-size-border-radius-sm: var(--nj-core-size-4);
  --nj-semantic-size-border-radius-md: var(--nj-core-size-8);
  --nj-semantic-size-border-radius-lg: var(--nj-core-size-16);
  --nj-semantic-size-border-radius-xl: var(--nj-core-size-24);
  --nj-semantic-size-border-radius-xxl: var(--nj-core-size-32);
  --nj-semantic-size-border-radius-pill: var(--nj-core-size-9999);
  --nj-semantic-size-border-focus-ring-width: var(--nj-core-size-2);
  --nj-semantic-size-border-focus-ring-offset: var(--nj-core-size-2);
  --nj-semantic-size-icon-2xs: var(--nj-core-size-10);
  --nj-semantic-size-icon-xs: var(--nj-core-size-12);
  --nj-semantic-size-icon-sm: var(--nj-core-size-16);
  --nj-semantic-size-icon-md: var(--nj-core-size-24);
  --nj-semantic-size-icon-lg: var(--nj-core-size-32);
  --nj-semantic-size-icon-xl: var(--nj-core-size-48);
  --nj-semantic-size-icon-2xl: var(--nj-core-size-64);
  --nj-semantic-size-icon-3xl: var(--nj-core-size-80);
  --nj-semantic-size-icon-4xl: var(--nj-core-size-96);
  --nj-semantic-size-icon-5xl: var(--nj-core-size-112);
  --nj-semantic-size-icon-6xl: var(--nj-core-size-128);
  --nj-semantic-size-spacing-0: var(--nj-core-size-0);
  --nj-semantic-size-spacing-2: var(--nj-core-size-2);
  --nj-semantic-size-spacing-4: var(--nj-core-size-4);
  --nj-semantic-size-spacing-8: var(--nj-core-size-8);
  --nj-semantic-size-spacing-12: var(--nj-core-size-12);
  --nj-semantic-size-spacing-16: var(--nj-core-size-16);
  --nj-semantic-size-spacing-20: var(--nj-core-size-20);
  --nj-semantic-size-spacing-24: var(--nj-core-size-24);
  --nj-semantic-size-spacing-32: var(--nj-core-size-32);
  --nj-semantic-size-spacing-40: var(--nj-core-size-40);
  --nj-semantic-size-spacing-48: var(--nj-core-size-48);
  --nj-semantic-size-spacing-64: var(--nj-core-size-64);
  --nj-semantic-size-spacing-80: var(--nj-core-size-80);
  --nj-semantic-size-spacing-96: var(--nj-core-size-96);
  --nj-semantic-size-spacing-112: var(--nj-core-size-112);
  --nj-semantic-size-spacing-128: var(--nj-core-size-128);
  --nj-core-color-reference-brand-100: var(--nj-core-color-blue-100);
  --nj-core-color-reference-brand-200: var(--nj-core-color-blue-200);
  --nj-core-color-reference-brand-300: var(--nj-core-color-blue-300);
  --nj-core-color-reference-brand-400: var(--nj-core-color-blue-400);
  --nj-core-color-reference-brand-500: var(--nj-core-color-blue-500);
  --nj-core-color-reference-brand-600: var(--nj-core-color-blue-600);
  --nj-core-color-reference-brand-700: var(--nj-core-color-blue-700);
  --nj-core-color-reference-brand-800: var(--nj-core-color-blue-800);
  --nj-core-color-reference-brand-900: var(--nj-core-color-blue-900);
  --nj-core-color-reference-brand-alpha-0: var(--nj-core-color-blue-alpha-0);
  --nj-core-color-reference-brand-alpha-100: var(--nj-core-color-blue-alpha-100);
  --nj-core-color-reference-brand-alpha-200: var(--nj-core-color-blue-alpha-200);
  --nj-core-color-reference-brand-alpha-300: var(--nj-core-color-blue-alpha-300);
  --nj-core-color-reference-brand-alpha-400: var(--nj-core-color-blue-alpha-400);
  --nj-core-color-reference-neutral-0: var(--nj-core-color-grey-0);
  --nj-core-color-reference-neutral-100: var(--nj-core-color-grey-100);
  --nj-core-color-reference-neutral-200: var(--nj-core-color-grey-200);
  --nj-core-color-reference-neutral-300: var(--nj-core-color-grey-300);
  --nj-core-color-reference-neutral-400: var(--nj-core-color-grey-400);
  --nj-core-color-reference-neutral-500: var(--nj-core-color-grey-500);
  --nj-core-color-reference-neutral-600: var(--nj-core-color-grey-600);
  --nj-core-color-reference-neutral-700: var(--nj-core-color-grey-700);
  --nj-core-color-reference-neutral-800: var(--nj-core-color-grey-800);
  --nj-core-color-reference-neutral-900: var(--nj-core-color-grey-900);
  --nj-core-color-reference-neutral-1000: var(--nj-core-color-grey-1000);
  --nj-core-color-reference-neutral-alpha-0: var(--nj-core-color-grey-alpha-0);
  --nj-core-color-reference-neutral-alpha-100: var(--nj-core-color-grey-alpha-100);
  --nj-core-color-reference-neutral-alpha-200: var(--nj-core-color-grey-alpha-200);
  --nj-core-color-reference-neutral-alpha-300: var(--nj-core-color-grey-alpha-300);
  --nj-core-color-reference-neutral-alpha-400: var(--nj-core-color-grey-alpha-400);
  --nj-core-color-reference-neutral-alpha-500: var(--nj-core-color-grey-alpha-500);
  --nj-core-color-reference-neutral-alpha-inverse-0: var(--nj-core-color-grey-alpha-inverse-0);
  --nj-core-color-reference-neutral-alpha-inverse-100: var(--nj-core-color-grey-alpha-inverse-100);
  --nj-core-color-reference-neutral-alpha-inverse-200: var(--nj-core-color-grey-alpha-inverse-200);
  --nj-core-color-reference-neutral-alpha-inverse-300: var(--nj-core-color-grey-alpha-inverse-300);
  --nj-core-color-reference-neutral-alpha-inverse-400: var(--nj-core-color-grey-alpha-inverse-400);
  --nj-core-color-reference-neutral-alpha-inverse-500: var(--nj-core-color-grey-alpha-inverse-500);
  --nj-core-color-reference-status-danger-100: var(--nj-core-color-red-100);
  --nj-core-color-reference-status-danger-200: var(--nj-core-color-red-200);
  --nj-core-color-reference-status-danger-300: var(--nj-core-color-red-300);
  --nj-core-color-reference-status-danger-400: var(--nj-core-color-red-400);
  --nj-core-color-reference-status-danger-500: var(--nj-core-color-red-500);
  --nj-core-color-reference-status-danger-600: var(--nj-core-color-red-600);
  --nj-core-color-reference-status-danger-700: var(--nj-core-color-red-700);
  --nj-core-color-reference-status-danger-800: var(--nj-core-color-red-800);
  --nj-core-color-reference-status-danger-900: var(--nj-core-color-red-900);
  --nj-core-color-reference-status-danger-alpha-0: var(--nj-core-color-red-alpha-0);
  --nj-core-color-reference-status-danger-alpha-100: var(--nj-core-color-red-alpha-100);
  --nj-core-color-reference-status-danger-alpha-200: var(--nj-core-color-red-alpha-200);
  --nj-core-color-reference-status-danger-alpha-300: var(--nj-core-color-red-alpha-300);
  --nj-core-color-reference-status-danger-alpha-400: var(--nj-core-color-red-alpha-400);
  --nj-core-color-reference-status-success-100: var(--nj-core-color-green-100);
  --nj-core-color-reference-status-success-200: var(--nj-core-color-green-200);
  --nj-core-color-reference-status-success-300: var(--nj-core-color-green-300);
  --nj-core-color-reference-status-success-400: var(--nj-core-color-green-400);
  --nj-core-color-reference-status-success-500: var(--nj-core-color-green-500);
  --nj-core-color-reference-status-success-600: var(--nj-core-color-green-600);
  --nj-core-color-reference-status-success-700: var(--nj-core-color-green-700);
  --nj-core-color-reference-status-success-800: var(--nj-core-color-green-800);
  --nj-core-color-reference-status-success-900: var(--nj-core-color-green-900);
  --nj-core-color-reference-status-success-alpha-0: var(--nj-core-color-green-alpha-0);
  --nj-core-color-reference-status-success-alpha-100: var(--nj-core-color-green-alpha-100);
  --nj-core-color-reference-status-success-alpha-200: var(--nj-core-color-green-alpha-200);
  --nj-core-color-reference-status-success-alpha-300: var(--nj-core-color-green-alpha-300);
  --nj-core-color-reference-status-success-alpha-400: var(--nj-core-color-green-alpha-400);
  --nj-core-color-reference-status-warning-100: var(--nj-core-color-orange-100);
  --nj-core-color-reference-status-warning-200: var(--nj-core-color-orange-200);
  --nj-core-color-reference-status-warning-300: var(--nj-core-color-orange-300);
  --nj-core-color-reference-status-warning-400: var(--nj-core-color-orange-400);
  --nj-core-color-reference-status-warning-500: var(--nj-core-color-orange-500);
  --nj-core-color-reference-status-warning-600: var(--nj-core-color-orange-600);
  --nj-core-color-reference-status-warning-700: var(--nj-core-color-orange-700);
  --nj-core-color-reference-status-warning-800: var(--nj-core-color-orange-800);
  --nj-core-color-reference-status-warning-900: var(--nj-core-color-orange-900);
  --nj-core-color-reference-status-warning-alpha-0: var(--nj-core-color-orange-alpha-0);
  --nj-core-color-reference-status-warning-alpha-100: var(--nj-core-color-orange-alpha-100);
  --nj-core-color-reference-status-warning-alpha-200: var(--nj-core-color-orange-alpha-200);
  --nj-core-color-reference-status-warning-alpha-300: var(--nj-core-color-orange-alpha-300);
  --nj-core-color-reference-status-warning-alpha-400: var(--nj-core-color-orange-alpha-400);
  --nj-core-color-reference-status-discovery-100: var(--nj-core-color-purple-100);
  --nj-core-color-reference-status-discovery-200: var(--nj-core-color-purple-200);
  --nj-core-color-reference-status-discovery-300: var(--nj-core-color-purple-300);
  --nj-core-color-reference-status-discovery-400: var(--nj-core-color-purple-400);
  --nj-core-color-reference-status-discovery-500: var(--nj-core-color-purple-500);
  --nj-core-color-reference-status-discovery-600: var(--nj-core-color-purple-600);
  --nj-core-color-reference-status-discovery-700: var(--nj-core-color-purple-700);
  --nj-core-color-reference-status-discovery-800: var(--nj-core-color-purple-800);
  --nj-core-color-reference-status-discovery-900: var(--nj-core-color-purple-900);
  --nj-core-color-reference-status-discovery-alpha-0: var(--nj-core-color-purple-alpha-0);
  --nj-core-color-reference-status-discovery-alpha-100: var(--nj-core-color-purple-alpha-100);
  --nj-core-color-reference-status-discovery-alpha-200: var(--nj-core-color-purple-alpha-200);
  --nj-core-color-reference-status-discovery-alpha-300: var(--nj-core-color-purple-alpha-300);
  --nj-core-color-reference-status-discovery-alpha-400: var(--nj-core-color-purple-alpha-400);
  --nj-core-color-reference-status-information-100: var(--nj-core-color-blue-100);
  --nj-core-color-reference-status-information-200: var(--nj-core-color-blue-200);
  --nj-core-color-reference-status-information-300: var(--nj-core-color-blue-300);
  --nj-core-color-reference-status-information-400: var(--nj-core-color-blue-400);
  --nj-core-color-reference-status-information-500: var(--nj-core-color-blue-500);
  --nj-core-color-reference-status-information-600: var(--nj-core-color-blue-600);
  --nj-core-color-reference-status-information-700: var(--nj-core-color-blue-700);
  --nj-core-color-reference-status-information-800: var(--nj-core-color-blue-800);
  --nj-core-color-reference-status-information-900: var(--nj-core-color-blue-900);
  --nj-core-color-reference-status-information-alpha-0: var(--nj-core-color-blue-alpha-0);
  --nj-core-color-reference-status-information-alpha-100: var(--nj-core-color-blue-alpha-100);
  --nj-core-color-reference-status-information-alpha-200: var(--nj-core-color-blue-alpha-200);
  --nj-core-color-reference-status-information-alpha-300: var(--nj-core-color-blue-alpha-300);
  --nj-core-color-reference-status-information-alpha-400: var(--nj-core-color-blue-alpha-400);
  --nj-core-color-reference-status-planet-100: var(--nj-core-color-teal-100);
  --nj-core-color-reference-status-planet-200: var(--nj-core-color-teal-200);
  --nj-core-color-reference-status-planet-300: var(--nj-core-color-teal-300);
  --nj-core-color-reference-status-planet-400: var(--nj-core-color-teal-400);
  --nj-core-color-reference-status-planet-500: var(--nj-core-color-teal-500);
  --nj-core-color-reference-status-planet-600: var(--nj-core-color-teal-600);
  --nj-core-color-reference-status-planet-700: var(--nj-core-color-teal-700);
  --nj-core-color-reference-status-planet-800: var(--nj-core-color-teal-800);
  --nj-core-color-reference-status-planet-900: var(--nj-core-color-teal-900);
  --nj-core-color-reference-status-planet-alpha-0: var(--nj-core-color-teal-alpha-0);
  --nj-core-color-reference-status-planet-alpha-100: var(--nj-core-color-teal-alpha-100);
  --nj-core-color-reference-status-planet-alpha-200: var(--nj-core-color-teal-alpha-200);
  --nj-core-color-reference-status-planet-alpha-300: var(--nj-core-color-teal-alpha-300);
  --nj-core-color-reference-status-planet-alpha-400: var(--nj-core-color-teal-alpha-400);
  --nj-core-color-reference-additional-ai-default: linear-gradient(90deg, var(--nj-core-color-blue-600) 25%, var(--nj-core-color-purple-600) 75%);
  --nj-component-avatar-size-sm: var(--nj-core-size-32);
  --nj-component-avatar-size-md: var(--nj-core-size-40);
  --nj-component-avatar-size-lg: var(--nj-core-size-48);
  --nj-component-avatar-size-xl: var(--nj-core-size-56);
  --nj-component-avatar-size-2xl: var(--nj-core-size-64);
  --nj-component-avatar-size-3xl: var(--nj-core-size-96);
  --nj-component-fab-size-sm: var(--nj-core-size-48);
  --nj-component-fab-size-base: var(--nj-core-size-64);
  --nj-component-skeleton-color-background: linear-gradient(to right, var(--nj-core-color-grey-alpha-0) 0%, rgba(23, 29, 33, var(--nj-core-opacity-50)) 50%, var(--nj-core-color-grey-alpha-0) 100%);
  --nj-semantic-color-background-neutral-primary-default: var(--nj-core-color-reference-neutral-0); /* Sets the background color to white, provides a clean and minimalist canvas for the interface. Classic foundation for content and components. */
  --nj-semantic-color-background-neutral-primary-hovered: var(--nj-core-color-reference-neutral-200);
  --nj-semantic-color-background-neutral-primary-focused: var(--nj-core-color-reference-neutral-200);
  --nj-semantic-color-background-neutral-primary-pressed: var(--nj-core-color-reference-neutral-300);
  --nj-semantic-color-background-neutral-primary-selected: var(--nj-core-color-reference-brand-200);
  --nj-semantic-color-background-neutral-primary-translucent-default: var(--nj-core-color-reference-neutral-alpha-0);
  --nj-semantic-color-background-neutral-primary-translucent-hovered: var(--nj-core-color-reference-neutral-alpha-200);
  --nj-semantic-color-background-neutral-primary-translucent-focused: var(--nj-core-color-reference-neutral-alpha-200);
  --nj-semantic-color-background-neutral-primary-translucent-pressed: var(--nj-core-color-reference-neutral-alpha-300);
  --nj-semantic-color-background-neutral-primary-translucent-selected: var(--nj-core-color-reference-brand-alpha-200);
  --nj-semantic-color-background-neutral-secondary-default: var(--nj-core-color-reference-neutral-100); /* Provides a subtle contrast with the primary background. Use to add a touch of visual interest without overpowering the content. */
  --nj-semantic-color-background-neutral-secondary-hovered: var(--nj-core-color-reference-neutral-200);
  --nj-semantic-color-background-neutral-secondary-focused: var(--nj-core-color-reference-neutral-200);
  --nj-semantic-color-background-neutral-secondary-pressed: var(--nj-core-color-reference-neutral-300);
  --nj-semantic-color-background-neutral-secondary-translucent-default: var(--nj-core-color-reference-neutral-alpha-100);
  --nj-semantic-color-background-neutral-secondary-translucent-hovered: var(--nj-core-color-reference-neutral-alpha-200);
  --nj-semantic-color-background-neutral-secondary-translucent-focused: var(--nj-core-color-reference-neutral-alpha-200);
  --nj-semantic-color-background-neutral-secondary-translucent-pressed: var(--nj-core-color-reference-neutral-alpha-300);
  --nj-semantic-color-background-neutral-tertiary-default: var(--nj-core-color-reference-neutral-200); /* Provides a slightly stronger contrast with the primary background. Use to enhances the visual separation between different sections or elements. */
  --nj-semantic-color-background-neutral-tertiary-hovered: var(--nj-core-color-reference-neutral-300);
  --nj-semantic-color-background-neutral-tertiary-focused: var(--nj-core-color-reference-neutral-300);
  --nj-semantic-color-background-neutral-tertiary-pressed: var(--nj-core-color-reference-neutral-400);
  --nj-semantic-color-background-neutral-tertiary-translucent-default: var(--nj-core-color-reference-neutral-alpha-200);
  --nj-semantic-color-background-neutral-tertiary-translucent-hovered: var(--nj-core-color-reference-neutral-alpha-300);
  --nj-semantic-color-background-neutral-tertiary-translucent-focused: var(--nj-core-color-reference-neutral-alpha-300);
  --nj-semantic-color-background-neutral-tertiary-translucent-pressed: var(--nj-core-color-reference-neutral-alpha-400);
  --nj-semantic-color-background-neutral-solid-default: var(--nj-core-color-reference-neutral-600); /* Provides a distinct and noticeable contrast with the primary background. Adds a robust and substantial presence, use it to make the element stand out. */
  --nj-semantic-color-background-neutral-solid-hovered: var(--nj-core-color-reference-neutral-700);
  --nj-semantic-color-background-neutral-solid-focused: var(--nj-core-color-reference-neutral-700);
  --nj-semantic-color-background-neutral-solid-pressed: var(--nj-core-color-reference-neutral-800);
  --nj-semantic-color-background-neutral-inverse-default: var(--nj-core-color-reference-neutral-0); /* Applies white as the background color, creating a striking visual effect when used on a dark-colored surface. Use to ensure readability and visual appeal in specific UI components or sections. */
  --nj-semantic-color-background-neutral-inverse-hovered: var(--nj-core-color-reference-neutral-200);
  --nj-semantic-color-background-neutral-inverse-focused: var(--nj-core-color-reference-neutral-200);
  --nj-semantic-color-background-neutral-inverse-pressed: var(--nj-core-color-reference-neutral-300);
  --nj-semantic-color-background-neutral-inverse-translucent-default: var(--nj-core-color-reference-neutral-alpha-0);
  --nj-semantic-color-background-neutral-inverse-translucent-hovered: var(--nj-core-color-reference-neutral-alpha-300);
  --nj-semantic-color-background-neutral-inverse-translucent-focused: var(--nj-core-color-reference-neutral-alpha-300);
  --nj-semantic-color-background-neutral-inverse-translucent-pressed: var(--nj-core-color-reference-neutral-alpha-400);
  --nj-semantic-color-background-neutral-spotlight-default: var(--nj-core-color-reference-neutral-900); /* Creates a high contrast with the primary background. Use it for critical elements or components that require maximum emphasis and visual impact. */
  --nj-semantic-color-background-brand-primary-translucent-default: var(--nj-core-color-reference-brand-alpha-0);
  --nj-semantic-color-background-brand-primary-translucent-hovered: var(--nj-core-color-reference-brand-alpha-200);
  --nj-semantic-color-background-brand-primary-translucent-focused: var(--nj-core-color-reference-brand-alpha-200);
  --nj-semantic-color-background-brand-primary-translucent-pressed: var(--nj-core-color-reference-brand-alpha-300);
  --nj-semantic-color-background-brand-secondary-default: var(--nj-core-color-reference-brand-100); /* Establishes a subtle contrast with the primary background while using the brand color. Use it to add a touch of brand interest without overpowering the content. */
  --nj-semantic-color-background-brand-secondary-hovered: var(--nj-core-color-reference-brand-200);
  --nj-semantic-color-background-brand-secondary-focused: var(--nj-core-color-reference-brand-200);
  --nj-semantic-color-background-brand-secondary-pressed: var(--nj-core-color-reference-brand-300);
  --nj-semantic-color-background-brand-secondary-translucent-default: var(--nj-core-color-reference-brand-alpha-100);
  --nj-semantic-color-background-brand-secondary-translucent-hovered: var(--nj-core-color-reference-brand-alpha-200);
  --nj-semantic-color-background-brand-secondary-translucent-focused: var(--nj-core-color-reference-brand-alpha-200);
  --nj-semantic-color-background-brand-secondary-translucent-pressed: var(--nj-core-color-reference-brand-alpha-300);
  --nj-semantic-color-background-brand-tertiary-default: var(--nj-core-color-reference-brand-200); /* Creates a slightly stronger contrast with the primary background while using the brand color. Use it to enhances the visual separation between different sections or elements. */
  --nj-semantic-color-background-brand-tertiary-hovered: var(--nj-core-color-reference-brand-300);
  --nj-semantic-color-background-brand-tertiary-focused: var(--nj-core-color-reference-brand-300);
  --nj-semantic-color-background-brand-tertiary-pressed: var(--nj-core-color-reference-brand-400);
  --nj-semantic-color-background-brand-tertiary-translucent-default: var(--nj-core-color-reference-brand-alpha-200);
  --nj-semantic-color-background-brand-tertiary-translucent-hovered: var(--nj-core-color-reference-brand-alpha-300);
  --nj-semantic-color-background-brand-tertiary-translucent-focused: var(--nj-core-color-reference-brand-alpha-300);
  --nj-semantic-color-background-brand-tertiary-translucent-pressed: var(--nj-core-color-reference-brand-alpha-400);
  --nj-semantic-color-background-brand-solid-default: var(--nj-core-color-reference-brand-600); /* Use to add a robust and substantial brand presence, making the elements stand out using the brand color. */
  --nj-semantic-color-background-brand-solid-hovered: var(--nj-core-color-reference-brand-700);
  --nj-semantic-color-background-brand-solid-focused: var(--nj-core-color-reference-brand-700);
  --nj-semantic-color-background-brand-solid-pressed: var(--nj-core-color-reference-brand-800);
  --nj-semantic-color-background-brand-spotlight-default: var(--nj-core-color-reference-brand-900); /* Creates a high contrast with the primary background while reminiscing of the brand identity. Use it for critical elements or components that require maximum emphasis and visual impact. */
  --nj-semantic-color-background-status-danger-primary-translucent-default: var(--nj-core-color-reference-status-danger-alpha-0);
  --nj-semantic-color-background-status-danger-primary-translucent-hovered: var(--nj-core-color-reference-status-danger-alpha-200);
  --nj-semantic-color-background-status-danger-primary-translucent-focused: var(--nj-core-color-reference-status-danger-alpha-200);
  --nj-semantic-color-background-status-danger-primary-translucent-pressed: var(--nj-core-color-reference-status-danger-alpha-300);
  --nj-semantic-color-background-status-danger-primary-translucent-selected: var(--nj-core-color-reference-status-danger-alpha-200);
  --nj-semantic-color-background-status-danger-secondary-default: var(--nj-core-color-reference-status-danger-100);
  --nj-semantic-color-background-status-danger-secondary-hovered: var(--nj-core-color-reference-status-danger-200);
  --nj-semantic-color-background-status-danger-secondary-focused: var(--nj-core-color-reference-status-danger-200);
  --nj-semantic-color-background-status-danger-secondary-pressed: var(--nj-core-color-reference-status-danger-300);
  --nj-semantic-color-background-status-danger-tertiary-default: var(--nj-core-color-reference-status-danger-200);
  --nj-semantic-color-background-status-danger-tertiary-hovered: var(--nj-core-color-reference-status-danger-300);
  --nj-semantic-color-background-status-danger-tertiary-focused: var(--nj-core-color-reference-status-danger-300);
  --nj-semantic-color-background-status-danger-tertiary-pressed: var(--nj-core-color-reference-status-danger-400);
  --nj-semantic-color-background-status-danger-tertiary-translucent-default: var(--nj-core-color-reference-status-danger-alpha-200);
  --nj-semantic-color-background-status-danger-tertiary-translucent-hovered: var(--nj-core-color-reference-status-danger-alpha-300);
  --nj-semantic-color-background-status-danger-tertiary-translucent-focused: var(--nj-core-color-reference-status-danger-alpha-300);
  --nj-semantic-color-background-status-danger-tertiary-translucent-pressed: var(--nj-core-color-reference-status-danger-alpha-400);
  --nj-semantic-color-background-status-danger-solid-default: var(--nj-core-color-reference-status-danger-600); /* Indicate a state of danger or criticality in your interface. Use for elements that require immediate attention due to errors, warnings, or potentially harmful actions. Serves as a powerful visual cue to alert users to potential issues and encourages careful consideration of their actions. */
  --nj-semantic-color-background-status-danger-solid-hovered: var(--nj-core-color-reference-status-danger-700);
  --nj-semantic-color-background-status-danger-solid-pressed: var(--nj-core-color-reference-status-danger-800);
  --nj-semantic-color-background-status-danger-solid-focused: var(--nj-core-color-reference-status-danger-700);
  --nj-semantic-color-background-status-danger-spotlight-default: var(--nj-core-color-reference-status-danger-900);
  --nj-semantic-color-background-status-success-primary-translucent-default: var(--nj-core-color-reference-status-success-alpha-0);
  --nj-semantic-color-background-status-success-primary-translucent-hovered: var(--nj-core-color-reference-status-success-alpha-200);
  --nj-semantic-color-background-status-success-primary-translucent-focused: var(--nj-core-color-reference-status-success-alpha-200);
  --nj-semantic-color-background-status-success-primary-translucent-pressed: var(--nj-core-color-reference-status-success-alpha-300);
  --nj-semantic-color-background-status-success-primary-translucent-selected: var(--nj-core-color-reference-status-success-alpha-200);
  --nj-semantic-color-background-status-success-secondary-default: var(--nj-core-color-reference-status-success-100);
  --nj-semantic-color-background-status-success-secondary-hovered: var(--nj-core-color-reference-status-success-200);
  --nj-semantic-color-background-status-success-secondary-focused: var(--nj-core-color-reference-status-success-200);
  --nj-semantic-color-background-status-success-secondary-pressed: var(--nj-core-color-reference-status-success-300);
  --nj-semantic-color-background-status-success-tertiary-default: var(--nj-core-color-reference-status-success-200);
  --nj-semantic-color-background-status-success-tertiary-hovered: var(--nj-core-color-reference-status-success-300);
  --nj-semantic-color-background-status-success-tertiary-focused: var(--nj-core-color-reference-status-success-300);
  --nj-semantic-color-background-status-success-tertiary-pressed: var(--nj-core-color-reference-status-success-400);
  --nj-semantic-color-background-status-success-tertiary-translucent-default: var(--nj-core-color-reference-status-success-alpha-200);
  --nj-semantic-color-background-status-success-tertiary-translucent-hovered: var(--nj-core-color-reference-status-success-alpha-300);
  --nj-semantic-color-background-status-success-tertiary-translucent-focused: var(--nj-core-color-reference-status-success-alpha-300);
  --nj-semantic-color-background-status-success-tertiary-translucent-pressed: var(--nj-core-color-reference-status-success-alpha-400);
  --nj-semantic-color-background-status-success-solid-default: var(--nj-core-color-reference-status-success-600); /* Associated with successful or positive states in your interface. Apply it to elements or components that confirm successful actions or completion of tasks. */
  --nj-semantic-color-background-status-success-solid-hovered: var(--nj-core-color-reference-status-success-700);
  --nj-semantic-color-background-status-success-solid-focused: var(--nj-core-color-reference-status-success-700);
  --nj-semantic-color-background-status-success-solid-pressed: var(--nj-core-color-reference-status-success-800);
  --nj-semantic-color-background-status-success-spotlight-default: var(--nj-core-color-reference-status-success-900);
  --nj-semantic-color-background-status-warning-primary-translucent-default: var(--nj-core-color-reference-status-warning-alpha-0);
  --nj-semantic-color-background-status-warning-primary-translucent-hovered: var(--nj-core-color-reference-status-warning-alpha-200);
  --nj-semantic-color-background-status-warning-primary-translucent-focused: var(--nj-core-color-reference-status-warning-alpha-200);
  --nj-semantic-color-background-status-warning-primary-translucent-pressed: var(--nj-core-color-reference-status-warning-alpha-300);
  --nj-semantic-color-background-status-warning-primary-translucent-selected: var(--nj-core-color-reference-status-warning-alpha-200);
  --nj-semantic-color-background-status-warning-secondary-default: var(--nj-core-color-reference-status-warning-100);
  --nj-semantic-color-background-status-warning-secondary-hovered: var(--nj-core-color-reference-status-warning-200);
  --nj-semantic-color-background-status-warning-secondary-focused: var(--nj-core-color-reference-status-warning-200);
  --nj-semantic-color-background-status-warning-secondary-pressed: var(--nj-core-color-reference-status-warning-300);
  --nj-semantic-color-background-status-warning-tertiary-default: var(--nj-core-color-reference-status-warning-200);
  --nj-semantic-color-background-status-warning-tertiary-hovered: var(--nj-core-color-reference-status-warning-300);
  --nj-semantic-color-background-status-warning-tertiary-focused: var(--nj-core-color-reference-status-warning-300);
  --nj-semantic-color-background-status-warning-tertiary-pressed: var(--nj-core-color-reference-status-warning-400);
  --nj-semantic-color-background-status-warning-tertiary-translucent-default: var(--nj-core-color-reference-status-warning-alpha-200);
  --nj-semantic-color-background-status-warning-tertiary-translucent-hovered: var(--nj-core-color-reference-status-warning-alpha-300);
  --nj-semantic-color-background-status-warning-tertiary-translucent-focused: var(--nj-core-color-reference-status-warning-alpha-300);
  --nj-semantic-color-background-status-warning-tertiary-translucent-pressed: var(--nj-core-color-reference-status-warning-alpha-400);
  --nj-semantic-color-background-status-warning-solid-default: var(--nj-core-color-reference-status-warning-400); /* Conveys a warning or cautionary state in your interface. Use for elements that signify non-critical but important information, such as alerts, notices, or reminders. Helps users recognize situations that require their attention without implying immediate danger. */
  --nj-semantic-color-background-status-warning-solid-hovered: var(--nj-core-color-reference-status-warning-500);
  --nj-semantic-color-background-status-warning-solid-focused: var(--nj-core-color-reference-status-warning-500);
  --nj-semantic-color-background-status-warning-solid-pressed: var(--nj-core-color-reference-status-warning-600);
  --nj-semantic-color-background-status-warning-spotlight-default: var(--nj-core-color-reference-status-warning-900);
  --nj-semantic-color-background-status-discovery-primary-translucent-default: var(--nj-core-color-reference-status-discovery-alpha-0);
  --nj-semantic-color-background-status-discovery-primary-translucent-hovered: var(--nj-core-color-reference-status-discovery-alpha-200);
  --nj-semantic-color-background-status-discovery-primary-translucent-focused: var(--nj-core-color-reference-status-discovery-alpha-200);
  --nj-semantic-color-background-status-discovery-primary-translucent-pressed: var(--nj-core-color-reference-status-discovery-alpha-300);
  --nj-semantic-color-background-status-discovery-primary-translucent-selected: var(--nj-core-color-reference-status-discovery-alpha-200);
  --nj-semantic-color-background-status-discovery-secondary-default: var(--nj-core-color-reference-status-discovery-100);
  --nj-semantic-color-background-status-discovery-secondary-hovered: var(--nj-core-color-reference-status-discovery-200);
  --nj-semantic-color-background-status-discovery-secondary-focused: var(--nj-core-color-reference-status-discovery-200);
  --nj-semantic-color-background-status-discovery-secondary-pressed: var(--nj-core-color-reference-status-discovery-300);
  --nj-semantic-color-background-status-discovery-tertiary-default: var(--nj-core-color-reference-status-discovery-200);
  --nj-semantic-color-background-status-discovery-tertiary-hovered: var(--nj-core-color-reference-status-discovery-300);
  --nj-semantic-color-background-status-discovery-tertiary-focused: var(--nj-core-color-reference-status-discovery-300);
  --nj-semantic-color-background-status-discovery-tertiary-pressed: var(--nj-core-color-reference-status-discovery-400);
  --nj-semantic-color-background-status-discovery-tertiary-translucent-default: var(--nj-core-color-reference-status-discovery-alpha-200);
  --nj-semantic-color-background-status-discovery-tertiary-translucent-hovered: var(--nj-core-color-reference-status-discovery-alpha-300);
  --nj-semantic-color-background-status-discovery-tertiary-translucent-focused: var(--nj-core-color-reference-status-discovery-alpha-300);
  --nj-semantic-color-background-status-discovery-tertiary-translucent-pressed: var(--nj-core-color-reference-status-discovery-alpha-400);
  --nj-semantic-color-background-status-discovery-solid-default: var(--nj-core-color-reference-status-discovery-600); /* Employed to highlight discovery or exploration-related content in your interface. Use to draw attention to new features, recommendations, or content suggestions. Invites users to explore and engage with new offerings, creating an exciting and engaging experience. */
  --nj-semantic-color-background-status-discovery-solid-hovered: var(--nj-core-color-reference-status-discovery-700);
  --nj-semantic-color-background-status-discovery-solid-focused: var(--nj-core-color-reference-status-discovery-700);
  --nj-semantic-color-background-status-discovery-solid-pressed: var(--nj-core-color-reference-status-discovery-800);
  --nj-semantic-color-background-status-discovery-spotlight-default: var(--nj-core-color-reference-status-discovery-900);
  --nj-semantic-color-background-status-information-primary-translucent-default: var(--nj-core-color-reference-status-information-alpha-0);
  --nj-semantic-color-background-status-information-primary-translucent-hovered: var(--nj-core-color-reference-status-information-alpha-200);
  --nj-semantic-color-background-status-information-primary-translucent-focused: var(--nj-core-color-reference-status-information-alpha-200);
  --nj-semantic-color-background-status-information-primary-translucent-pressed: var(--nj-core-color-reference-status-information-alpha-300);
  --nj-semantic-color-background-status-information-primary-translucent-selected: var(--nj-core-color-reference-status-information-alpha-200);
  --nj-semantic-color-background-status-information-solid-default: var(--nj-core-color-reference-status-information-600); /* Used for informational elements in your interface. Conveys non-critical information or provides additional details. Use for components or supplementary content that enhances the user's understanding of the interface without causing distraction. */
  --nj-semantic-color-background-status-information-solid-hovered: var(--nj-core-color-reference-status-information-700);
  --nj-semantic-color-background-status-information-solid-focused: var(--nj-core-color-reference-status-information-700);
  --nj-semantic-color-background-status-information-solid-pressed: var(--nj-core-color-reference-status-information-800);
  --nj-semantic-color-background-status-information-secondary-default: var(--nj-core-color-reference-status-information-100);
  --nj-semantic-color-background-status-information-secondary-hovered: var(--nj-core-color-reference-status-information-200);
  --nj-semantic-color-background-status-information-secondary-focused: var(--nj-core-color-reference-status-information-200);
  --nj-semantic-color-background-status-information-secondary-pressed: var(--nj-core-color-reference-status-information-300);
  --nj-semantic-color-background-status-information-tertiary-default: var(--nj-core-color-reference-status-information-200);
  --nj-semantic-color-background-status-information-tertiary-hovered: var(--nj-core-color-reference-status-information-300);
  --nj-semantic-color-background-status-information-tertiary-focused: var(--nj-core-color-reference-status-information-300);
  --nj-semantic-color-background-status-information-tertiary-pressed: var(--nj-core-color-reference-status-information-400);
  --nj-semantic-color-background-status-information-tertiary-translucent-default: var(--nj-core-color-reference-status-information-alpha-200);
  --nj-semantic-color-background-status-information-tertiary-translucent-hovered: var(--nj-core-color-reference-status-information-alpha-300);
  --nj-semantic-color-background-status-information-tertiary-translucent-focused: var(--nj-core-color-reference-status-information-alpha-300);
  --nj-semantic-color-background-status-information-tertiary-translucent-pressed: var(--nj-core-color-reference-status-information-alpha-400);
  --nj-semantic-color-background-status-information-spotlight-default: var(--nj-core-color-reference-status-information-900);
  --nj-semantic-color-background-status-planet-primary-translucent-default: var(--nj-core-color-reference-status-planet-alpha-0);
  --nj-semantic-color-background-status-planet-primary-translucent-hovered: var(--nj-core-color-reference-status-planet-alpha-200);
  --nj-semantic-color-background-status-planet-primary-translucent-focused: var(--nj-core-color-reference-status-planet-alpha-200);
  --nj-semantic-color-background-status-planet-primary-translucent-pressed: var(--nj-core-color-reference-status-planet-alpha-300);
  --nj-semantic-color-background-status-planet-primary-translucent-selected: var(--nj-core-color-reference-status-planet-alpha-200);
  --nj-semantic-color-background-status-planet-solid-default: var(--nj-core-color-reference-status-planet-600);
  --nj-semantic-color-background-status-planet-solid-hovered: var(--nj-core-color-reference-status-planet-700);
  --nj-semantic-color-background-status-planet-solid-pressed: var(--nj-core-color-reference-status-planet-800);
  --nj-semantic-color-background-status-planet-solid-focused: var(--nj-core-color-reference-status-planet-700);
  --nj-semantic-color-background-status-planet-secondary-default: var(--nj-core-color-reference-status-planet-100);
  --nj-semantic-color-background-status-planet-secondary-hovered: var(--nj-core-color-reference-status-planet-200);
  --nj-semantic-color-background-status-planet-secondary-focused: var(--nj-core-color-reference-status-planet-200);
  --nj-semantic-color-background-status-planet-secondary-pressed: var(--nj-core-color-reference-status-planet-300);
  --nj-semantic-color-background-status-planet-tertiary-default: var(--nj-core-color-reference-status-planet-200);
  --nj-semantic-color-background-status-planet-tertiary-hovered: var(--nj-core-color-reference-status-planet-300);
  --nj-semantic-color-background-status-planet-tertiary-focused: var(--nj-core-color-reference-status-planet-300);
  --nj-semantic-color-background-status-planet-tertiary-pressed: var(--nj-core-color-reference-status-planet-400);
  --nj-semantic-color-background-status-planet-tertiary-translucent-default: var(--nj-core-color-reference-status-planet-alpha-200);
  --nj-semantic-color-background-status-planet-tertiary-translucent-hovered: var(--nj-core-color-reference-status-planet-alpha-300);
  --nj-semantic-color-background-status-planet-tertiary-translucent-focused: var(--nj-core-color-reference-status-planet-alpha-300);
  --nj-semantic-color-background-status-planet-tertiary-translucent-pressed: var(--nj-core-color-reference-status-planet-alpha-400);
  --nj-semantic-color-background-status-planet-spotlight-default: var(--nj-core-color-reference-status-planet-900);
  --nj-semantic-color-background-additional-ai-default: var(--nj-core-color-reference-additional-ai-default); /* Artificial Intelligence brand gradient. We strongly advise to refer to the brand guidelines for its usage. */
  --nj-semantic-color-border-neutral-minimal-default: var(--nj-core-color-reference-neutral-200); /* Almost imperceptible, provides a gentle visual separation between elements without drawing much attention to itself. Used for separators. */
  --nj-semantic-color-border-neutral-minimal-hovered: var(--nj-core-color-reference-neutral-300);
  --nj-semantic-color-border-neutral-minimal-focused: var(--nj-core-color-reference-neutral-300);
  --nj-semantic-color-border-neutral-minimal-pressed: var(--nj-core-color-reference-neutral-400);
  --nj-semantic-color-border-neutral-minimal-selected: var(--nj-core-color-reference-neutral-400);
  --nj-semantic-color-border-neutral-subtle-default: var(--nj-core-color-reference-neutral-300); /* Offers a subtle visual distinction between elements, without overpowering the content. Used for separators and cards. */
  --nj-semantic-color-border-neutral-subtle-hovered: var(--nj-core-color-reference-neutral-400);
  --nj-semantic-color-border-neutral-subtle-focused: var(--nj-core-color-reference-neutral-400);
  --nj-semantic-color-border-neutral-subtle-pressed: var(--nj-core-color-reference-neutral-500);
  --nj-semantic-color-border-neutral-subtle-selected: var(--nj-core-color-reference-neutral-500);
  --nj-semantic-color-border-neutral-moderate-default: var(--nj-core-color-reference-neutral-500); /* Provides a clear separation between elements, ensuring they stand out without becoming too overwhelming. Use for tags and inputs. */
  --nj-semantic-color-border-neutral-moderate-hovered: var(--nj-core-color-reference-neutral-600);
  --nj-semantic-color-border-neutral-moderate-focused: var(--nj-core-color-reference-neutral-600);
  --nj-semantic-color-border-neutral-moderate-pressed: var(--nj-core-color-reference-neutral-700);
  --nj-semantic-color-border-neutral-moderate-selected: var(--nj-core-color-reference-neutral-700);
  --nj-semantic-color-border-neutral-strong-default: var(--nj-core-color-reference-neutral-600); /* Bold border, creates a striking visual division between elements. Use for notifications, inline messages and focus ring. */
  --nj-semantic-color-border-neutral-strong-hovered: var(--nj-core-color-reference-neutral-700);
  --nj-semantic-color-border-neutral-strong-focused: var(--nj-core-color-reference-neutral-700);
  --nj-semantic-color-border-neutral-strong-pressed: var(--nj-core-color-reference-neutral-800);
  --nj-semantic-color-border-neutral-strong-selected: var(--nj-core-color-reference-neutral-800);
  --nj-semantic-color-border-neutral-heavy-default: var(--nj-core-color-reference-neutral-900); /* Highest level of visual differentiation. Has a strong contrast with the background, making it visually prominent and attention-grabbing. Use for important alerts. */
  --nj-semantic-color-border-neutral-inverse-default: var(--nj-core-color-reference-neutral-0); /* Allows the application of a border when used on a contrasted background. Use for inverse buttons or inverse cards. */
  --nj-semantic-color-border-neutral-inverse-hovered: var(--nj-core-color-reference-neutral-200);
  --nj-semantic-color-border-neutral-inverse-focused: var(--nj-core-color-reference-neutral-200);
  --nj-semantic-color-border-neutral-inverse-pressed: var(--nj-core-color-reference-neutral-300);
  --nj-semantic-color-border-neutral-inverse-selected: var(--nj-core-color-reference-neutral-300);
  --nj-semantic-color-border-brand-subtle-default: var(--nj-core-color-reference-brand-300); /* Provides a gentle visual separation between elements, with a touch of Engie's brand identity.Suitable for elements where a subtle brand presence is desired. */
  --nj-semantic-color-border-brand-subtle-hovered: var(--nj-core-color-reference-brand-400);
  --nj-semantic-color-border-brand-subtle-focused: var(--nj-core-color-reference-brand-400);
  --nj-semantic-color-border-brand-subtle-pressed: var(--nj-core-color-reference-brand-500);
  --nj-semantic-color-border-brand-subtle-selected: var(--nj-core-color-reference-brand-500);
  --nj-semantic-color-border-brand-moderate-default: var(--nj-core-color-reference-brand-500); /* Provides a clear separation between elements with the brand identity. Use for tags and inputs. */
  --nj-semantic-color-border-brand-moderate-hovered: var(--nj-core-color-reference-brand-600);
  --nj-semantic-color-border-brand-moderate-focused: var(--nj-core-color-reference-brand-600);
  --nj-semantic-color-border-brand-moderate-pressed: var(--nj-core-color-reference-brand-700);
  --nj-semantic-color-border-brand-moderate-selected: var(--nj-core-color-reference-brand-700);
  --nj-semantic-color-border-brand-strong-default: var(--nj-core-color-reference-brand-600); /* Bold brand border, creates a striking visual division between elements. Use for borders or visual indicators of elements that reinforce Engie's brand, such as notifications, inline messages and focus ring. */
  --nj-semantic-color-border-brand-strong-hovered: var(--nj-core-color-reference-brand-700);
  --nj-semantic-color-border-brand-strong-focused: var(--nj-core-color-reference-brand-700);
  --nj-semantic-color-border-brand-strong-pressed: var(--nj-core-color-reference-brand-800);
  --nj-semantic-color-border-brand-strong-selected: var(--nj-core-color-reference-brand-800);
  --nj-semantic-color-border-status-danger-subtle-default: var(--nj-core-color-reference-status-danger-300); /* Subtle way to communicate critical information without overpowering the content. Use for separators and cards. */
  --nj-semantic-color-border-status-danger-subtle-hovered: var(--nj-core-color-reference-status-danger-400);
  --nj-semantic-color-border-status-danger-subtle-focused: var(--nj-core-color-reference-status-danger-400);
  --nj-semantic-color-border-status-danger-subtle-pressed: var(--nj-core-color-reference-status-danger-500);
  --nj-semantic-color-border-status-danger-subtle-selected: var(--nj-core-color-reference-status-danger-500);
  --nj-semantic-color-border-status-danger-moderate-default: var(--nj-core-color-reference-status-danger-500); /* Communicates critical information in your interface. Provides a clear separation between elements, ensuring they stand out without becoming too overwhelming. Use for tags and inputs. */
  --nj-semantic-color-border-status-danger-moderate-hovered: var(--nj-core-color-reference-status-danger-600);
  --nj-semantic-color-border-status-danger-moderate-focused: var(--nj-core-color-reference-status-danger-600);
  --nj-semantic-color-border-status-danger-moderate-pressed: var(--nj-core-color-reference-status-danger-700);
  --nj-semantic-color-border-status-danger-moderate-selected: var(--nj-core-color-reference-status-danger-700);
  --nj-semantic-color-border-status-danger-strong-default: var(--nj-core-color-reference-status-danger-600); /* Intended to indicate a state of danger or criticality in your interface. Use for elements that require immediate attention due to errors, warnings, or potentially harmful actions. Serves as a powerful visual cue to alert users to potential issues and encourages careful consideration of their actions. */
  --nj-semantic-color-border-status-danger-strong-hovered: var(--nj-core-color-reference-status-danger-700);
  --nj-semantic-color-border-status-danger-strong-focused: var(--nj-core-color-reference-status-danger-700);
  --nj-semantic-color-border-status-danger-strong-pressed: var(--nj-core-color-reference-status-danger-800);
  --nj-semantic-color-border-status-danger-strong-selected: var(--nj-core-color-reference-status-danger-800);
  --nj-semantic-color-border-status-warning-subtle-default: var(--nj-core-color-reference-status-warning-300); /* Subtle way to communicate warning information without overpowering the content. Use for separators and cards. */
  --nj-semantic-color-border-status-warning-subtle-hovered: var(--nj-core-color-reference-status-warning-400);
  --nj-semantic-color-border-status-warning-subtle-focused: var(--nj-core-color-reference-status-warning-400);
  --nj-semantic-color-border-status-warning-subtle-pressed: var(--nj-core-color-reference-status-warning-500);
  --nj-semantic-color-border-status-warning-subtle-selected: var(--nj-core-color-reference-status-warning-500);
  --nj-semantic-color-border-status-warning-moderate-default: var(--nj-core-color-reference-status-warning-500); /* Communicates warning information in your interface. Provides a clear separation between elements, ensuring they stand out without becoming too overwhelming. */
  --nj-semantic-color-border-status-warning-moderate-hovered: var(--nj-core-color-reference-status-warning-600);
  --nj-semantic-color-border-status-warning-moderate-focused: var(--nj-core-color-reference-status-warning-600);
  --nj-semantic-color-border-status-warning-moderate-pressed: var(--nj-core-color-reference-status-warning-700);
  --nj-semantic-color-border-status-warning-moderate-selected: var(--nj-core-color-reference-status-warning-700);
  --nj-semantic-color-border-status-warning-strong-default: var(--nj-core-color-reference-status-warning-600); /* Conveys a warning or cautionary state in your interface. Use for elements that signify non-critical but important information, such as alerts, notices, or reminders. Helps users recognize situations that require their attention without implying immediate danger. */
  --nj-semantic-color-border-status-warning-strong-hovered: var(--nj-core-color-reference-status-warning-700);
  --nj-semantic-color-border-status-warning-strong-focused: var(--nj-core-color-reference-status-warning-700);
  --nj-semantic-color-border-status-warning-strong-pressed: var(--nj-core-color-reference-status-warning-800);
  --nj-semantic-color-border-status-warning-strong-selected: var(--nj-core-color-reference-status-warning-800);
  --nj-semantic-color-border-status-success-subtle-default: var(--nj-core-color-reference-status-success-300); /* Subtle way to communicate success information or positive states without overpowering the content. Use for separators and cards. */
  --nj-semantic-color-border-status-success-subtle-hovered: var(--nj-core-color-reference-status-success-400);
  --nj-semantic-color-border-status-success-subtle-focused: var(--nj-core-color-reference-status-success-400);
  --nj-semantic-color-border-status-success-subtle-pressed: var(--nj-core-color-reference-status-success-500);
  --nj-semantic-color-border-status-success-subtle-selected: var(--nj-core-color-reference-status-success-500);
  --nj-semantic-color-border-status-success-moderate-default: var(--nj-core-color-reference-status-success-500); /* Communicates successful or positive states in your interface. Provides a clear separation between elements, ensuring they stand out without becoming too overwhelming. */
  --nj-semantic-color-border-status-success-moderate-hovered: var(--nj-core-color-reference-status-success-600);
  --nj-semantic-color-border-status-success-moderate-focused: var(--nj-core-color-reference-status-success-600);
  --nj-semantic-color-border-status-success-moderate-pressed: var(--nj-core-color-reference-status-success-700);
  --nj-semantic-color-border-status-success-moderate-selected: var(--nj-core-color-reference-status-success-700);
  --nj-semantic-color-border-status-success-strong-default: var(--nj-core-color-reference-status-success-600); /* Associated with successful or positive states in your interface. Apply it to elements or components that confirm successful actions or completion of tasks. */
  --nj-semantic-color-border-status-success-strong-hovered: var(--nj-core-color-reference-status-success-700);
  --nj-semantic-color-border-status-success-strong-focused: var(--nj-core-color-reference-status-success-700);
  --nj-semantic-color-border-status-success-strong-pressed: var(--nj-core-color-reference-status-success-800);
  --nj-semantic-color-border-status-success-strong-selected: var(--nj-core-color-reference-status-success-800);
  --nj-semantic-color-border-status-discovery-subtle-default: var(--nj-core-color-reference-status-discovery-300); /* Subtle way to highlight discovery or exploration-related content in your interface without overpowering the content. Use for separators and cards. */
  --nj-semantic-color-border-status-discovery-subtle-hovered: var(--nj-core-color-reference-status-discovery-400);
  --nj-semantic-color-border-status-discovery-subtle-focused: var(--nj-core-color-reference-status-discovery-400);
  --nj-semantic-color-border-status-discovery-subtle-pressed: var(--nj-core-color-reference-status-discovery-500);
  --nj-semantic-color-border-status-discovery-subtle-selected: var(--nj-core-color-reference-status-discovery-500);
  --nj-semantic-color-border-status-discovery-moderate-default: var(--nj-core-color-reference-status-discovery-500); /* Highlights discovery or communicates exploration-related content in your interface. Provides a clear separation between elements, ensuring they stand out without becoming too overwhelming. */
  --nj-semantic-color-border-status-discovery-moderate-hovered: var(--nj-core-color-reference-status-discovery-600);
  --nj-semantic-color-border-status-discovery-moderate-focused: var(--nj-core-color-reference-status-discovery-600);
  --nj-semantic-color-border-status-discovery-moderate-pressed: var(--nj-core-color-reference-status-discovery-700);
  --nj-semantic-color-border-status-discovery-moderate-selected: var(--nj-core-color-reference-status-discovery-700);
  --nj-semantic-color-border-status-discovery-strong-default: var(--nj-core-color-reference-status-discovery-600); /* Employed to highlight discovery or exploration-related content in your interface. Use to draw attention to new features, recommendations, or content suggestions. Invites users to explore and engage with new offerings, creating an exciting and engaging experience. */
  --nj-semantic-color-border-status-discovery-strong-hovered: var(--nj-core-color-reference-status-discovery-700);
  --nj-semantic-color-border-status-discovery-strong-focused: var(--nj-core-color-reference-status-discovery-700);
  --nj-semantic-color-border-status-discovery-strong-pressed: var(--nj-core-color-reference-status-discovery-800);
  --nj-semantic-color-border-status-discovery-strong-selected: var(--nj-core-color-reference-status-discovery-800);
  --nj-semantic-color-border-status-information-subtle-default: var(--nj-core-color-reference-status-information-300); /* Subtle way to highlight informational elements in your interface without overpowering the content. Use for separators and cards. */
  --nj-semantic-color-border-status-information-subtle-hovered: var(--nj-core-color-reference-status-information-400);
  --nj-semantic-color-border-status-information-subtle-focused: var(--nj-core-color-reference-status-information-400);
  --nj-semantic-color-border-status-information-subtle-pressed: var(--nj-core-color-reference-status-information-500);
  --nj-semantic-color-border-status-information-subtle-selected: var(--nj-core-color-reference-status-information-500);
  --nj-semantic-color-border-status-information-moderate-default: var(--nj-core-color-reference-status-information-500); /* Highlights informational elements in your interface. Provides a clear separation between elements, ensuring they stand out without becoming too overwhelming. */
  --nj-semantic-color-border-status-information-moderate-hovered: var(--nj-core-color-reference-status-information-600);
  --nj-semantic-color-border-status-information-moderate-focused: var(--nj-core-color-reference-status-information-600);
  --nj-semantic-color-border-status-information-moderate-pressed: var(--nj-core-color-reference-status-information-700);
  --nj-semantic-color-border-status-information-moderate-selected: var(--nj-core-color-reference-status-information-700);
  --nj-semantic-color-border-status-information-strong-default: var(--nj-core-color-reference-status-information-600); /* Used for informational elements in your interface. Conveys non-critical information or provides additional details. Use for components or supplementary content that enhances the user's understanding of the interface without causing distraction. */
  --nj-semantic-color-border-status-information-strong-hovered: var(--nj-core-color-reference-status-information-700);
  --nj-semantic-color-border-status-information-strong-focused: var(--nj-core-color-reference-status-information-700);
  --nj-semantic-color-border-status-information-strong-pressed: var(--nj-core-color-reference-status-information-800);
  --nj-semantic-color-border-status-information-strong-selected: var(--nj-core-color-reference-status-information-800);
  --nj-semantic-color-border-status-planet-subtle-default: var(--nj-core-color-reference-status-planet-300);
  --nj-semantic-color-border-status-planet-subtle-hovered: var(--nj-core-color-reference-status-planet-400);
  --nj-semantic-color-border-status-planet-subtle-focused: var(--nj-core-color-reference-status-planet-400);
  --nj-semantic-color-border-status-planet-subtle-pressed: var(--nj-core-color-reference-status-planet-500);
  --nj-semantic-color-border-status-planet-subtle-selected: var(--nj-core-color-reference-status-planet-500);
  --nj-semantic-color-border-status-planet-moderate-default: var(--nj-core-color-reference-status-planet-500);
  --nj-semantic-color-border-status-planet-moderate-hovered: var(--nj-core-color-reference-status-planet-600);
  --nj-semantic-color-border-status-planet-moderate-focused: var(--nj-core-color-reference-status-planet-600);
  --nj-semantic-color-border-status-planet-moderate-pressed: var(--nj-core-color-reference-status-planet-700);
  --nj-semantic-color-border-status-planet-moderate-selected: var(--nj-core-color-reference-status-planet-700);
  --nj-semantic-color-border-status-planet-strong-default: var(--nj-core-color-reference-status-planet-600);
  --nj-semantic-color-border-status-planet-strong-hovered: var(--nj-core-color-reference-status-planet-700);
  --nj-semantic-color-border-status-planet-strong-focused: var(--nj-core-color-reference-status-planet-700);
  --nj-semantic-color-border-status-planet-strong-pressed: var(--nj-core-color-reference-status-planet-800);
  --nj-semantic-color-border-status-planet-strong-selected: var(--nj-core-color-reference-status-planet-800);
  --nj-semantic-color-border-additional-ai-default: var(--nj-core-color-reference-additional-ai-default); /* Artificial Intelligence brand gradient. We strongly advise to refer to the brand guidelines for its usage. */
  --nj-semantic-color-icon-neutral-primary-default: var(--nj-core-color-reference-neutral-1000); /* Use for visible and prominent icons, ensures they are easily recognizable and stand out. Typically used for essential actions or navigation elements that require immediate user attention. */
  --nj-semantic-color-icon-neutral-primary-hovered: var(--nj-core-color-reference-brand-700);
  --nj-semantic-color-icon-neutral-primary-focused: var(--nj-core-color-reference-brand-700);
  --nj-semantic-color-icon-neutral-primary-pressed: var(--nj-core-color-reference-brand-800);
  --nj-semantic-color-icon-neutral-secondary-default: var(--nj-core-color-reference-neutral-800); /* Use for less visible icons, offering a subtle presence that complements the primary content. Used for secondary actions or to support elements within the interface. */
  --nj-semantic-color-icon-neutral-secondary-hovered: var(--nj-core-color-reference-neutral-900);
  --nj-semantic-color-icon-neutral-secondary-focused: var(--nj-core-color-reference-neutral-900);
  --nj-semantic-color-icon-neutral-secondary-pressed: var(--nj-core-color-reference-neutral-1000);
  --nj-semantic-color-icon-neutral-tertiary-default: var(--nj-core-color-reference-neutral-600); /* Use for icons with even lower visibility, providing a more understated appearance. These icons are used for tertiary actions or optional elements, contributing to a more streamlined and unobtrusive user experience. */
  --nj-semantic-color-icon-neutral-tertiary-hovered: var(--nj-core-color-reference-neutral-700);
  --nj-semantic-color-icon-neutral-tertiary-focused: var(--nj-core-color-reference-neutral-700);
  --nj-semantic-color-icon-neutral-tertiary-pressed: var(--nj-core-color-reference-neutral-800);
  --nj-semantic-color-icon-neutral-contrast-default: var(--nj-core-color-reference-neutral-700); /* These icons utilizes higher contrast or distinct visual treatments to create emphasis and draw attention. It is employed for icons that require enhanced visibility or a stronger visual impact. */
  --nj-semantic-color-icon-neutral-contrast-hovered: var(--nj-core-color-reference-neutral-800);
  --nj-semantic-color-icon-neutral-contrast-focused: var(--nj-core-color-reference-neutral-800);
  --nj-semantic-color-icon-neutral-contrast-pressed: var(--nj-core-color-reference-neutral-900);
  --nj-semantic-color-icon-neutral-inverse-default: var(--nj-core-color-reference-neutral-0); /* Use for icons on dark backgrounds. Ensures readability and visual appeal, particularly in scenarios where icons are placed on contrasting surfaces. */
  --nj-semantic-color-icon-neutral-inverse-hovered: var(--nj-core-color-reference-neutral-200);
  --nj-semantic-color-icon-neutral-inverse-focused: var(--nj-core-color-reference-neutral-200);
  --nj-semantic-color-icon-neutral-inverse-pressed: var(--nj-core-color-reference-neutral-300);
  --nj-semantic-color-icon-brand-primary-default: var(--nj-core-color-reference-brand-600);
  --nj-semantic-color-icon-brand-primary-hovered: var(--nj-core-color-reference-brand-700);
  --nj-semantic-color-icon-brand-primary-focused: var(--nj-core-color-reference-brand-700);
  --nj-semantic-color-icon-brand-primary-pressed: var(--nj-core-color-reference-brand-800);
  --nj-semantic-color-icon-brand-contrast-default: var(--nj-core-color-reference-brand-700);
  --nj-semantic-color-icon-brand-contrast-hovered: var(--nj-core-color-reference-brand-800);
  --nj-semantic-color-icon-brand-contrast-focused: var(--nj-core-color-reference-brand-800);
  --nj-semantic-color-icon-brand-contrast-pressed: var(--nj-core-color-reference-brand-900);
  --nj-semantic-color-icon-status-danger-primary-default: var(--nj-core-color-reference-status-danger-600);
  --nj-semantic-color-icon-status-danger-primary-hovered: var(--nj-core-color-reference-status-danger-700);
  --nj-semantic-color-icon-status-danger-primary-focused: var(--nj-core-color-reference-status-danger-700);
  --nj-semantic-color-icon-status-danger-primary-pressed: var(--nj-core-color-reference-status-danger-800);
  --nj-semantic-color-icon-status-danger-contrast-default: var(--nj-core-color-reference-status-danger-700);
  --nj-semantic-color-icon-status-success-primary-default: var(--nj-core-color-reference-status-success-600);
  --nj-semantic-color-icon-status-success-primary-hovered: var(--nj-core-color-reference-status-success-700);
  --nj-semantic-color-icon-status-success-primary-focused: var(--nj-core-color-reference-status-success-700);
  --nj-semantic-color-icon-status-success-primary-pressed: var(--nj-core-color-reference-status-success-800);
  --nj-semantic-color-icon-status-success-contrast-default: var(--nj-core-color-reference-status-success-700);
  --nj-semantic-color-icon-status-warning-primary-default: var(--nj-core-color-reference-status-warning-400);
  --nj-semantic-color-icon-status-warning-primary-hovered: var(--nj-core-color-reference-status-warning-500);
  --nj-semantic-color-icon-status-warning-primary-focused: var(--nj-core-color-reference-status-warning-500);
  --nj-semantic-color-icon-status-warning-primary-pressed: var(--nj-core-color-reference-status-warning-600);
  --nj-semantic-color-icon-status-warning-contrast-default: var(--nj-core-color-reference-status-warning-700);
  --nj-semantic-color-icon-status-discovery-primary-default: var(--nj-core-color-reference-status-discovery-600);
  --nj-semantic-color-icon-status-discovery-primary-hovered: var(--nj-core-color-reference-status-discovery-700);
  --nj-semantic-color-icon-status-discovery-primary-focused: var(--nj-core-color-reference-status-discovery-700);
  --nj-semantic-color-icon-status-discovery-primary-pressed: var(--nj-core-color-reference-status-discovery-800);
  --nj-semantic-color-icon-status-discovery-contrast-default: var(--nj-core-color-reference-status-discovery-700);
  --nj-semantic-color-icon-status-information-primary-default: var(--nj-core-color-reference-status-information-600);
  --nj-semantic-color-icon-status-information-primary-hovered: var(--nj-core-color-reference-status-information-700);
  --nj-semantic-color-icon-status-information-primary-focused: var(--nj-core-color-reference-status-information-700);
  --nj-semantic-color-icon-status-information-primary-pressed: var(--nj-core-color-reference-status-information-800);
  --nj-semantic-color-icon-status-information-contrast-default: var(--nj-core-color-reference-status-information-700);
  --nj-semantic-color-icon-status-planet-primary-default: var(--nj-core-color-reference-status-planet-600);
  --nj-semantic-color-icon-status-planet-primary-hovered: var(--nj-core-color-reference-status-planet-700);
  --nj-semantic-color-icon-status-planet-primary-focused: var(--nj-core-color-reference-status-planet-700);
  --nj-semantic-color-icon-status-planet-primary-pressed: var(--nj-core-color-reference-status-planet-800);
  --nj-semantic-color-icon-status-planet-contrast-default: var(--nj-core-color-reference-status-planet-700);
  --nj-semantic-color-icon-additional-ai-default: var(--nj-core-color-reference-additional-ai-default); /* Artificial Intelligence brand gradient. We strongly advise to refer to the brand guidelines for its usage. */
  --nj-semantic-color-text-neutral-primary-default: var(--nj-core-color-reference-neutral-1000); /* Reserved for the most critical and visually prominent content in the interface. Should be employed for elements like page titles and section headings, where it commands attention and establishes hierarchy. */
  --nj-semantic-color-text-neutral-primary-hovered: var(--nj-core-color-reference-brand-700);
  --nj-semantic-color-text-neutral-primary-focused: var(--nj-core-color-reference-brand-700);
  --nj-semantic-color-text-neutral-primary-pressed: var(--nj-core-color-reference-brand-800);
  --nj-semantic-color-text-neutral-primary-not-invertible-default: var(--nj-core-color-reference-neutral-1000);
  --nj-semantic-color-text-neutral-primary-not-invertible-hovered: var(--nj-core-color-reference-brand-600);
  --nj-semantic-color-text-neutral-primary-not-invertible-focused: var(--nj-core-color-reference-brand-600);
  --nj-semantic-color-text-neutral-primary-not-invertible-pressed: var(--nj-core-color-reference-brand-700);
  --nj-semantic-color-text-neutral-secondary-default: var(--nj-core-color-reference-neutral-800); /* Harmonious and legible contrast for various content types. Well-suited for subtitles, subheadings, and regular content, ensures a balanced and readable appearance throughout the interface. */
  --nj-semantic-color-text-neutral-tertiary-default: var(--nj-core-color-reference-neutral-600); /* Slightly lighter, suitable for secondary subtitles or contextual information. Ideal for additional information. */
  --nj-semantic-color-text-neutral-tertiary-hovered: var(--nj-core-color-reference-brand-700);
  --nj-semantic-color-text-neutral-tertiary-focused: var(--nj-core-color-reference-brand-700);
  --nj-semantic-color-text-neutral-tertiary-pressed: var(--nj-core-color-reference-brand-800);
  --nj-semantic-color-text-neutral-contrast-default: var(--nj-core-color-reference-neutral-700); /* Emphasizes elements with higher contrast to create visual hierarchy and draw attention. */
  --nj-semantic-color-text-neutral-contrast-hovered: var(--nj-core-color-reference-brand-800);
  --nj-semantic-color-text-neutral-contrast-focused: var(--nj-core-color-reference-brand-800);
  --nj-semantic-color-text-neutral-contrast-pressed: var(--nj-core-color-reference-brand-900);
  --nj-semantic-color-text-neutral-inverse-default: var(--nj-core-color-reference-neutral-0); /* Used for light text on a dark background for readability and visual appeal in specific UI components. */
  --nj-semantic-color-text-neutral-inverse-hovered: var(--nj-core-color-reference-neutral-200);
  --nj-semantic-color-text-neutral-inverse-focused: var(--nj-core-color-reference-neutral-200);
  --nj-semantic-color-text-neutral-inverse-pressed: var(--nj-core-color-reference-neutral-300);
  --nj-semantic-color-text-neutral-inverse-not-invertible-default: var(--nj-core-color-reference-neutral-0);
  --nj-semantic-color-text-neutral-inverse-not-invertible-hovered: var(--nj-core-color-reference-neutral-200);
  --nj-semantic-color-text-neutral-inverse-not-invertible-focused: var(--nj-core-color-reference-neutral-200);
  --nj-semantic-color-text-neutral-inverse-not-invertible-pressed: var(--nj-core-color-reference-neutral-300);
  --nj-semantic-color-text-brand-primary-default: var(--nj-core-color-reference-brand-600); /* Powerful tool to reinforce the brand's presence and create visual emphasis. Use strategically for text elements that are central to the brand identity or require heightened attention, such as brand names, key headlines, or links. */
  --nj-semantic-color-text-brand-primary-hovered: var(--nj-core-color-reference-brand-700);
  --nj-semantic-color-text-brand-primary-focused: var(--nj-core-color-reference-brand-700);
  --nj-semantic-color-text-brand-primary-pressed: var(--nj-core-color-reference-brand-800);
  --nj-semantic-color-text-brand-contrast-default: var(--nj-core-color-reference-brand-700); /* Used on secondary backgrounds to keep the the contrast ratio for accessibility reasons. */
  --nj-semantic-color-text-brand-contrast-hovered: var(--nj-core-color-reference-brand-800);
  --nj-semantic-color-text-brand-contrast-focused: var(--nj-core-color-reference-brand-800);
  --nj-semantic-color-text-brand-contrast-pressed: var(--nj-core-color-reference-brand-900);
  --nj-semantic-color-text-status-danger-primary-default: var(--nj-core-color-reference-status-danger-600);
  --nj-semantic-color-text-status-danger-primary-hovered: var(--nj-core-color-reference-status-danger-700);
  --nj-semantic-color-text-status-danger-primary-focused: var(--nj-core-color-reference-status-danger-700);
  --nj-semantic-color-text-status-danger-primary-pressed: var(--nj-core-color-reference-status-danger-800);
  --nj-semantic-color-text-status-danger-contrast-default: var(--nj-core-color-reference-status-danger-700);
  --nj-semantic-color-text-status-danger-contrast-hovered: var(--nj-core-color-reference-status-danger-800);
  --nj-semantic-color-text-status-danger-contrast-focused: var(--nj-core-color-reference-status-danger-800);
  --nj-semantic-color-text-status-danger-contrast-pressed: var(--nj-core-color-reference-status-danger-900);
  --nj-semantic-color-text-status-warning-primary-default: var(--nj-core-color-reference-status-warning-600);
  --nj-semantic-color-text-status-warning-primary-hovered: var(--nj-core-color-reference-status-warning-700);
  --nj-semantic-color-text-status-warning-primary-focused: var(--nj-core-color-reference-status-warning-700);
  --nj-semantic-color-text-status-warning-primary-pressed: var(--nj-core-color-reference-status-warning-800);
  --nj-semantic-color-text-status-warning-contrast-default: var(--nj-core-color-reference-status-warning-700);
  --nj-semantic-color-text-status-warning-contrast-hovered: var(--nj-core-color-reference-status-warning-800);
  --nj-semantic-color-text-status-warning-contrast-focused: var(--nj-core-color-reference-status-warning-800);
  --nj-semantic-color-text-status-warning-contrast-pressed: var(--nj-core-color-reference-status-warning-900);
  --nj-semantic-color-text-status-success-primary-default: var(--nj-core-color-reference-status-success-600);
  --nj-semantic-color-text-status-success-primary-hovered: var(--nj-core-color-reference-status-success-700);
  --nj-semantic-color-text-status-success-primary-focused: var(--nj-core-color-reference-status-success-700);
  --nj-semantic-color-text-status-success-primary-pressed: var(--nj-core-color-reference-status-success-800);
  --nj-semantic-color-text-status-success-contrast-default: var(--nj-core-color-reference-status-success-700);
  --nj-semantic-color-text-status-success-contrast-hovered: var(--nj-core-color-reference-status-success-800);
  --nj-semantic-color-text-status-success-contrast-focused: var(--nj-core-color-reference-status-success-800);
  --nj-semantic-color-text-status-success-contrast-pressed: var(--nj-core-color-reference-status-success-900);
  --nj-semantic-color-text-status-information-primary-default: var(--nj-core-color-reference-status-information-600);
  --nj-semantic-color-text-status-information-primary-hovered: var(--nj-core-color-reference-status-information-700);
  --nj-semantic-color-text-status-information-primary-focused: var(--nj-core-color-reference-status-information-700);
  --nj-semantic-color-text-status-information-primary-pressed: var(--nj-core-color-reference-status-information-800);
  --nj-semantic-color-text-status-information-contrast-default: var(--nj-core-color-reference-status-information-700);
  --nj-semantic-color-text-status-information-contrast-hovered: var(--nj-core-color-reference-status-information-800);
  --nj-semantic-color-text-status-information-contrast-focused: var(--nj-core-color-reference-status-information-800);
  --nj-semantic-color-text-status-information-contrast-pressed: var(--nj-core-color-reference-status-information-900);
  --nj-semantic-color-text-status-discovery-primary-default: var(--nj-core-color-reference-status-discovery-600);
  --nj-semantic-color-text-status-discovery-primary-hovered: var(--nj-core-color-reference-status-discovery-700);
  --nj-semantic-color-text-status-discovery-primary-focused: var(--nj-core-color-reference-status-discovery-700);
  --nj-semantic-color-text-status-discovery-primary-pressed: var(--nj-core-color-reference-status-discovery-800);
  --nj-semantic-color-text-status-discovery-contrast-default: var(--nj-core-color-reference-status-discovery-700);
  --nj-semantic-color-text-status-discovery-contrast-hovered: var(--nj-core-color-reference-status-discovery-800);
  --nj-semantic-color-text-status-discovery-contrast-focused: var(--nj-core-color-reference-status-discovery-800);
  --nj-semantic-color-text-status-discovery-contrast-pressed: var(--nj-core-color-reference-status-discovery-900);
  --nj-semantic-color-text-status-planet-primary-default: var(--nj-core-color-reference-status-planet-600);
  --nj-semantic-color-text-status-planet-primary-hovered: var(--nj-core-color-reference-status-planet-700);
  --nj-semantic-color-text-status-planet-primary-focused: var(--nj-core-color-reference-status-planet-700);
  --nj-semantic-color-text-status-planet-primary-pressed: var(--nj-core-color-reference-status-planet-800);
  --nj-semantic-color-text-status-planet-contrast-default: var(--nj-core-color-reference-status-planet-700);
  --nj-semantic-color-text-status-planet-contrast-hovered: var(--nj-core-color-reference-status-planet-800);
  --nj-semantic-color-text-status-planet-contrast-focused: var(--nj-core-color-reference-status-planet-800);
  --nj-semantic-color-text-status-planet-contrast-pressed: var(--nj-core-color-reference-status-planet-900);
  --nj-component-backdrop-color-background: var(--nj-core-color-reference-neutral-alpha-500);
}

[data-theme=dark] {
  --nj-semantic-elevation-shadow-2-dp: 0 3px 0 rgba(0, 0, 0, .06), 0 2px 2px rgba(0, 0, 0, .3), 0 1px 5px rgba(0, 0, 0, .3);
  --nj-semantic-elevation-shadow-4-dp: 0 1px 10px rgba(0, 0, 0, .3), 0 4px 5px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .35);
  --nj-semantic-elevation-shadow-6-dp: 0 1px 18px rgba(0, 0, 0, .3), 0 6px 10px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .3);
  --nj-semantic-elevation-shadow-8-dp: 0 3px 14px rgba(0, 0, 0, .3), 0 8px 10px rgba(0, 0, 0, .3), 0 5px 5px rgba(0, 0, 0, .3);
  --nj-semantic-elevation-shadow-16-dp: 0 6px 30px rgba(0, 0, 0, .3), 0 16px 24px rgba(0, 0, 0, .3), 0 8px 10px rgba(0, 0, 0, .35);
  --nj-semantic-elevation-shadow-24-dp: 0 9px 46px rgba(0, 0, 0, .3), 0 24px 38px rgba(0, 0, 0, .3), 0 11px 15px rgba(0, 0, 0, .3);
  --nj-core-color-grey-0: #15191d;
  --nj-core-color-grey-100: #1a1f23;
  --nj-core-color-grey-200: #1f262b;
  --nj-core-color-grey-300: #2e3942;
  --nj-core-color-grey-400: #425663;
  --nj-core-color-grey-500: #5c7181;
  --nj-core-color-grey-600: #718492;
  --nj-core-color-grey-700: #97a5af;
  --nj-core-color-grey-800: #bcc4cb;
  --nj-core-color-grey-900: #e2e5e9;
  --nj-core-color-grey-1000: #fafafb;
  --nj-core-color-grey-alpha-0: rgba(0, 0, 0, 0);
  --nj-core-color-grey-alpha-100: rgba(188, 225, 229, 0.03);
  --nj-core-color-grey-alpha-200: rgba(164, 211, 229, 0.07);
  --nj-core-color-grey-alpha-300: rgba(168, 213, 247, 0.17);
  --nj-core-color-grey-alpha-400: rgba(166, 222, 255, 0.31);
  --nj-core-color-grey-alpha-500: rgba(179, 221, 251, 0.45);
  --nj-core-color-grey-alpha-inverse-0: rgba(0, 0, 0, 0);
  --nj-core-color-grey-alpha-inverse-100: rgba(30, 80, 105, 0.04);
  --nj-core-color-grey-alpha-inverse-200: rgba(5, 43, 80, 0.08);
  --nj-core-color-grey-alpha-inverse-300: rgba(0, 40, 70, 0.2);
  --nj-core-color-grey-alpha-inverse-400: rgba(6, 45, 73, 0.39);
  --nj-core-color-grey-alpha-inverse-500: rgba(3, 42, 70, 0.54);
  --nj-core-color-pink-100: #211d1e;
  --nj-core-color-pink-200: #2a2326;
  --nj-core-color-pink-300: #45333a;
  --nj-core-color-pink-400: #7b4159;
  --nj-core-color-pink-500: #c13c72;
  --nj-core-color-pink-600: #e44284;
  --nj-core-color-pink-700: #f779ad;
  --nj-core-color-pink-800: #fbaccc;
  --nj-core-color-pink-900: #fddcea;
  --nj-core-color-red-100: #321613;
  --nj-core-color-red-200: #411a16;
  --nj-core-color-red-300: #63221e;
  --nj-core-color-red-400: #95302c;
  --nj-core-color-red-500: #c3423c;
  --nj-core-color-red-600: #dd534b;
  --nj-core-color-red-700: #fa7e72;
  --nj-core-color-red-800: #ffaea3;
  --nj-core-color-red-900: #ffddd7;
  --nj-core-color-red-alpha-0: rgba(0, 0, 0, 0);
  --nj-core-color-red-alpha-100: rgba(104, 16, 0, 0.35);
  --nj-core-color-red-alpha-200: rgba(197, 29, 1, 0.25);
  --nj-core-color-red-alpha-300: rgba(250, 51, 32, 0.34);
  --nj-core-color-red-alpha-400: rgba(254, 67, 56, 0.55);
  --nj-core-color-orange-100: #2c1b12;
  --nj-core-color-orange-200: #372015;
  --nj-core-color-orange-300: #542f1b;
  --nj-core-color-orange-400: #7e4425;
  --nj-core-color-orange-500: #a85a31;
  --nj-core-color-orange-600: #c3693a;
  --nj-core-color-orange-700: #f08750;
  --nj-core-color-orange-800: #ffb182;
  --nj-core-color-orange-900: #ffdfc8;
  --nj-core-color-orange-alpha-0: rgba(0, 0, 0, 0);
  --nj-core-color-orange-alpha-100: rgba(82, 30, 0, 0.38);
  --nj-core-color-orange-alpha-200: rgba(142, 50, 0, 0.28);
  --nj-core-color-orange-alpha-300: rgba(254, 106, 22, 0.27);
  --nj-core-color-orange-alpha-400: rgba(254, 121, 47, 0.45);
  --nj-core-color-yellow-100: #251e13;
  --nj-core-color-yellow-200: #2c2416;
  --nj-core-color-yellow-300: #43361d;
  --nj-core-color-yellow-400: #655027;
  --nj-core-color-yellow-500: #866b32;
  --nj-core-color-yellow-600: #9d7d39;
  --nj-core-color-yellow-700: #c59d4a;
  --nj-core-color-yellow-800: #eabc5f;
  --nj-core-color-yellow-900: #ffe299;
  --nj-core-color-green-100: #102313;
  --nj-core-color-green-200: #112b16;
  --nj-core-color-green-300: #12401e;
  --nj-core-color-green-400: #12602b;
  --nj-core-color-green-500: #1d7f3c;
  --nj-core-color-green-600: #30934b;
  --nj-core-color-green-700: #63b473;
  --nj-core-color-green-800: #99d0a0;
  --nj-core-color-green-900: #d4ebd6;
  --nj-core-color-green-alpha-0: rgba(0, 0, 0, 0);
  --nj-core-color-green-alpha-100: rgba(7, 54, 0, 0.35);
  --nj-core-color-green-alpha-200: rgba(5, 97, 1, 0.25);
  --nj-core-color-green-alpha-300: rgba(3, 254, 35, 0.17);
  --nj-core-color-green-alpha-400: rgba(11, 254, 74, 0.31);
  --nj-core-color-blue-100: #111f2e;
  --nj-core-color-blue-200: #12263b;
  --nj-core-color-blue-300: #0f3a5e;
  --nj-core-color-blue-400: #04568e;
  --nj-core-color-blue-500: #1c73b6;
  --nj-core-color-blue-600: #3d85ca;
  --nj-core-color-blue-700: #77a6e1;
  --nj-core-color-blue-800: #a9c4ee;
  --nj-core-color-blue-900: #dbe5f8;
  --nj-core-color-blue-alpha-0: rgba(0, 0, 0, 0);
  --nj-core-color-blue-alpha-100: rgba(1, 55, 114, 0.2);
  --nj-core-color-blue-alpha-200: rgba(1, 112, 229, 0.15);
  --nj-core-color-blue-alpha-300: rgba(0, 139, 253, 0.29);
  --nj-core-color-blue-alpha-400: rgba(0, 100, 169, 0.81);
  --nj-core-color-ultramarine-100: #171d37;
  --nj-core-color-ultramarine-200: #17224b;
  --nj-core-color-ultramarine-300: #25346e;
  --nj-core-color-ultramarine-400: #3f508e;
  --nj-core-color-ultramarine-500: #5d6ca7;
  --nj-core-color-ultramarine-600: #717fb5;
  --nj-core-color-ultramarine-700: #96a2cc;
  --nj-core-color-ultramarine-800: #bbc2df;
  --nj-core-color-ultramarine-900: #e1e4f1;
  --nj-core-color-purple-100: #201d22;
  --nj-core-color-purple-200: #28232c;
  --nj-core-color-purple-300: #41324e;
  --nj-core-color-purple-400: #694288;
  --nj-core-color-purple-500: #875da9;
  --nj-core-color-purple-600: #9971b8;
  --nj-core-color-purple-700: #b697cf;
  --nj-core-color-purple-800: #d0bbe1;
  --nj-core-color-purple-900: #ebe1f2;
  --nj-core-color-purple-alpha-0: rgba(0, 0, 0, 0);
  --nj-core-color-purple-alpha-100: rgba(241, 105, 129, 0.05);
  --nj-core-color-purple-alpha-200: rgba(232, 136, 196, 0.09);
  --nj-core-color-purple-alpha-300: rgba(221, 139, 252, 0.22);
  --nj-core-color-purple-alpha-400: rgba(196, 110, 252, 0.48);
  --nj-core-color-teal-100: #191f1f;
  --nj-core-color-teal-200: #1d2727;
  --nj-core-color-teal-300: #243c3b;
  --nj-core-color-teal-400: #275b59;
  --nj-core-color-teal-500: #297a77;
  --nj-core-color-teal-600: #328e8a;
  --nj-core-color-teal-700: #58b1ad;
  --nj-core-color-teal-800: #8bcfcb;
  --nj-core-color-teal-900: #ccebea;
  --nj-core-color-teal-alpha-0: rgba(0, 0, 0, 0);
  --nj-core-color-teal-alpha-100: rgba(154, 225, 96, 0.03);
  --nj-core-color-teal-alpha-200: rgba(135, 225, 172, 0.07);
  --nj-core-color-teal-alpha-300: rgba(115, 244, 217, 0.16);
  --nj-core-color-teal-alpha-400: rgba(83, 253, 236, 0.29);
  --nj-core-color-lime-100: #1e2010;
  --nj-core-color-lime-200: #242713;
  --nj-core-color-lime-300: #353b18;
  --nj-core-color-lime-400: #4e581e;
  --nj-core-color-lime-500: #677525;
  --nj-core-color-lime-600: #78892a;
  --nj-core-color-lime-700: #97ac37;
  --nj-core-color-lime-800: #b7cd4f;
  --nj-core-color-lime-900: #dfed90;
  --nj-core-color-engie-blue: #00aaff;
  --nj-core-color-engie-green: #23d2b5;
  --nj-core-color-white-alpha-300: rgba(255, 255, 255, 0.25);
  --nj-semantic-color-background-accent-yellow-solid-default: var(--nj-core-color-yellow-700); /* Suitable for yellow backgrounds when there is no meaning tied to the color. No minimum contrast requirement met! */
  --nj-semantic-color-background-accent-yellow-solid-hovered: var(--nj-core-color-yellow-800);
  --nj-semantic-color-background-accent-yellow-solid-focused: var(--nj-core-color-yellow-800);
  --nj-semantic-color-background-accent-yellow-solid-pressed: var(--nj-core-color-yellow-900);
  --nj-semantic-color-background-additional-signature-default: var(--nj-core-color-ultramarine-100); /* ENGIE's additional brand color. We strongly advise to refer to the brand guidelines for its usage. */
  --nj-component-skeleton-color-background: linear-gradient(to right, var(--nj-core-color-grey-alpha-0) 0%, rgba(250, 250, 251, var(--nj-core-opacity-50)) 50%, var(--nj-core-color-grey-alpha-0) 100%);
  --nj-semantic-color-background-status-warning-solid-default: var(--nj-core-color-reference-status-warning-600); /* Conveys a warning or cautionary state in your interface. Use for elements that signify non-critical but important information, such as alerts, notices, or reminders. Helps users recognize situations that require their attention without implying immediate danger. */
  --nj-semantic-color-background-status-warning-solid-hovered: var(--nj-core-color-reference-status-warning-700);
  --nj-semantic-color-background-status-warning-solid-focused: var(--nj-core-color-reference-status-warning-700);
  --nj-semantic-color-background-status-warning-solid-pressed: var(--nj-core-color-reference-status-warning-800);
  --nj-semantic-color-text-neutral-primary-not-invertible-default: var(--nj-core-color-reference-neutral-0);
  --nj-semantic-color-text-neutral-primary-not-invertible-hovered: var(--nj-core-color-reference-brand-400);
  --nj-semantic-color-text-neutral-primary-not-invertible-focused: var(--nj-core-color-reference-brand-400);
  --nj-semantic-color-text-neutral-primary-not-invertible-pressed: var(--nj-core-color-reference-brand-300);
  --nj-semantic-color-text-neutral-inverse-not-invertible-default: var(--nj-core-color-reference-neutral-1000);
  --nj-semantic-color-text-neutral-inverse-not-invertible-hovered: var(--nj-core-color-reference-neutral-800);
  --nj-semantic-color-text-neutral-inverse-not-invertible-focused: var(--nj-core-color-reference-neutral-800);
  --nj-semantic-color-text-neutral-inverse-not-invertible-pressed: var(--nj-core-color-reference-neutral-700);
  --nj-component-backdrop-color-background: var(--nj-core-color-reference-neutral-alpha-300);
  --nj-semantic-color-icon-additional-signature-default: var(--nj-semantic-color-icon-neutral-primary-default);
  --nj-semantic-color-additional-signature-default: var(--nj-semantic-color-text-neutral-primary-default);
}

@media (prefers-color-scheme: dark) {
  [data-theme=system] {
    --nj-semantic-elevation-shadow-2-dp: 0 3px 0 rgba(0, 0, 0, .06), 0 2px 2px rgba(0, 0, 0, .3), 0 1px 5px rgba(0, 0, 0, .3);
    --nj-semantic-elevation-shadow-4-dp: 0 1px 10px rgba(0, 0, 0, .3), 0 4px 5px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .35);
    --nj-semantic-elevation-shadow-6-dp: 0 1px 18px rgba(0, 0, 0, .3), 0 6px 10px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .3);
    --nj-semantic-elevation-shadow-8-dp: 0 3px 14px rgba(0, 0, 0, .3), 0 8px 10px rgba(0, 0, 0, .3), 0 5px 5px rgba(0, 0, 0, .3);
    --nj-semantic-elevation-shadow-16-dp: 0 6px 30px rgba(0, 0, 0, .3), 0 16px 24px rgba(0, 0, 0, .3), 0 8px 10px rgba(0, 0, 0, .35);
    --nj-semantic-elevation-shadow-24-dp: 0 9px 46px rgba(0, 0, 0, .3), 0 24px 38px rgba(0, 0, 0, .3), 0 11px 15px rgba(0, 0, 0, .3);
    --nj-core-color-grey-0: #15191d;
    --nj-core-color-grey-100: #1a1f23;
    --nj-core-color-grey-200: #1f262b;
    --nj-core-color-grey-300: #2e3942;
    --nj-core-color-grey-400: #425663;
    --nj-core-color-grey-500: #5c7181;
    --nj-core-color-grey-600: #718492;
    --nj-core-color-grey-700: #97a5af;
    --nj-core-color-grey-800: #bcc4cb;
    --nj-core-color-grey-900: #e2e5e9;
    --nj-core-color-grey-1000: #fafafb;
    --nj-core-color-grey-alpha-0: rgba(0, 0, 0, 0);
    --nj-core-color-grey-alpha-100: rgba(188, 225, 229, 0.03);
    --nj-core-color-grey-alpha-200: rgba(164, 211, 229, 0.07);
    --nj-core-color-grey-alpha-300: rgba(168, 213, 247, 0.17);
    --nj-core-color-grey-alpha-400: rgba(166, 222, 255, 0.31);
    --nj-core-color-grey-alpha-500: rgba(179, 221, 251, 0.45);
    --nj-core-color-grey-alpha-inverse-0: rgba(0, 0, 0, 0);
    --nj-core-color-grey-alpha-inverse-100: rgba(30, 80, 105, 0.04);
    --nj-core-color-grey-alpha-inverse-200: rgba(5, 43, 80, 0.08);
    --nj-core-color-grey-alpha-inverse-300: rgba(0, 40, 70, 0.2);
    --nj-core-color-grey-alpha-inverse-400: rgba(6, 45, 73, 0.39);
    --nj-core-color-grey-alpha-inverse-500: rgba(3, 42, 70, 0.54);
    --nj-core-color-pink-100: #211d1e;
    --nj-core-color-pink-200: #2a2326;
    --nj-core-color-pink-300: #45333a;
    --nj-core-color-pink-400: #7b4159;
    --nj-core-color-pink-500: #c13c72;
    --nj-core-color-pink-600: #e44284;
    --nj-core-color-pink-700: #f779ad;
    --nj-core-color-pink-800: #fbaccc;
    --nj-core-color-pink-900: #fddcea;
    --nj-core-color-red-100: #321613;
    --nj-core-color-red-200: #411a16;
    --nj-core-color-red-300: #63221e;
    --nj-core-color-red-400: #95302c;
    --nj-core-color-red-500: #c3423c;
    --nj-core-color-red-600: #dd534b;
    --nj-core-color-red-700: #fa7e72;
    --nj-core-color-red-800: #ffaea3;
    --nj-core-color-red-900: #ffddd7;
    --nj-core-color-red-alpha-0: rgba(0, 0, 0, 0);
    --nj-core-color-red-alpha-100: rgba(104, 16, 0, 0.35);
    --nj-core-color-red-alpha-200: rgba(197, 29, 1, 0.25);
    --nj-core-color-red-alpha-300: rgba(250, 51, 32, 0.34);
    --nj-core-color-red-alpha-400: rgba(254, 67, 56, 0.55);
    --nj-core-color-orange-100: #2c1b12;
    --nj-core-color-orange-200: #372015;
    --nj-core-color-orange-300: #542f1b;
    --nj-core-color-orange-400: #7e4425;
    --nj-core-color-orange-500: #a85a31;
    --nj-core-color-orange-600: #c3693a;
    --nj-core-color-orange-700: #f08750;
    --nj-core-color-orange-800: #ffb182;
    --nj-core-color-orange-900: #ffdfc8;
    --nj-core-color-orange-alpha-0: rgba(0, 0, 0, 0);
    --nj-core-color-orange-alpha-100: rgba(82, 30, 0, 0.38);
    --nj-core-color-orange-alpha-200: rgba(142, 50, 0, 0.28);
    --nj-core-color-orange-alpha-300: rgba(254, 106, 22, 0.27);
    --nj-core-color-orange-alpha-400: rgba(254, 121, 47, 0.45);
    --nj-core-color-yellow-100: #251e13;
    --nj-core-color-yellow-200: #2c2416;
    --nj-core-color-yellow-300: #43361d;
    --nj-core-color-yellow-400: #655027;
    --nj-core-color-yellow-500: #866b32;
    --nj-core-color-yellow-600: #9d7d39;
    --nj-core-color-yellow-700: #c59d4a;
    --nj-core-color-yellow-800: #eabc5f;
    --nj-core-color-yellow-900: #ffe299;
    --nj-core-color-green-100: #102313;
    --nj-core-color-green-200: #112b16;
    --nj-core-color-green-300: #12401e;
    --nj-core-color-green-400: #12602b;
    --nj-core-color-green-500: #1d7f3c;
    --nj-core-color-green-600: #30934b;
    --nj-core-color-green-700: #63b473;
    --nj-core-color-green-800: #99d0a0;
    --nj-core-color-green-900: #d4ebd6;
    --nj-core-color-green-alpha-0: rgba(0, 0, 0, 0);
    --nj-core-color-green-alpha-100: rgba(7, 54, 0, 0.35);
    --nj-core-color-green-alpha-200: rgba(5, 97, 1, 0.25);
    --nj-core-color-green-alpha-300: rgba(3, 254, 35, 0.17);
    --nj-core-color-green-alpha-400: rgba(11, 254, 74, 0.31);
    --nj-core-color-blue-100: #111f2e;
    --nj-core-color-blue-200: #12263b;
    --nj-core-color-blue-300: #0f3a5e;
    --nj-core-color-blue-400: #04568e;
    --nj-core-color-blue-500: #1c73b6;
    --nj-core-color-blue-600: #3d85ca;
    --nj-core-color-blue-700: #77a6e1;
    --nj-core-color-blue-800: #a9c4ee;
    --nj-core-color-blue-900: #dbe5f8;
    --nj-core-color-blue-alpha-0: rgba(0, 0, 0, 0);
    --nj-core-color-blue-alpha-100: rgba(1, 55, 114, 0.2);
    --nj-core-color-blue-alpha-200: rgba(1, 112, 229, 0.15);
    --nj-core-color-blue-alpha-300: rgba(0, 139, 253, 0.29);
    --nj-core-color-blue-alpha-400: rgba(0, 100, 169, 0.81);
    --nj-core-color-ultramarine-100: #171d37;
    --nj-core-color-ultramarine-200: #17224b;
    --nj-core-color-ultramarine-300: #25346e;
    --nj-core-color-ultramarine-400: #3f508e;
    --nj-core-color-ultramarine-500: #5d6ca7;
    --nj-core-color-ultramarine-600: #717fb5;
    --nj-core-color-ultramarine-700: #96a2cc;
    --nj-core-color-ultramarine-800: #bbc2df;
    --nj-core-color-ultramarine-900: #e1e4f1;
    --nj-core-color-purple-100: #201d22;
    --nj-core-color-purple-200: #28232c;
    --nj-core-color-purple-300: #41324e;
    --nj-core-color-purple-400: #694288;
    --nj-core-color-purple-500: #875da9;
    --nj-core-color-purple-600: #9971b8;
    --nj-core-color-purple-700: #b697cf;
    --nj-core-color-purple-800: #d0bbe1;
    --nj-core-color-purple-900: #ebe1f2;
    --nj-core-color-purple-alpha-0: rgba(0, 0, 0, 0);
    --nj-core-color-purple-alpha-100: rgba(241, 105, 129, 0.05);
    --nj-core-color-purple-alpha-200: rgba(232, 136, 196, 0.09);
    --nj-core-color-purple-alpha-300: rgba(221, 139, 252, 0.22);
    --nj-core-color-purple-alpha-400: rgba(196, 110, 252, 0.48);
    --nj-core-color-teal-100: #191f1f;
    --nj-core-color-teal-200: #1d2727;
    --nj-core-color-teal-300: #243c3b;
    --nj-core-color-teal-400: #275b59;
    --nj-core-color-teal-500: #297a77;
    --nj-core-color-teal-600: #328e8a;
    --nj-core-color-teal-700: #58b1ad;
    --nj-core-color-teal-800: #8bcfcb;
    --nj-core-color-teal-900: #ccebea;
    --nj-core-color-teal-alpha-0: rgba(0, 0, 0, 0);
    --nj-core-color-teal-alpha-100: rgba(154, 225, 96, 0.03);
    --nj-core-color-teal-alpha-200: rgba(135, 225, 172, 0.07);
    --nj-core-color-teal-alpha-300: rgba(115, 244, 217, 0.16);
    --nj-core-color-teal-alpha-400: rgba(83, 253, 236, 0.29);
    --nj-core-color-lime-100: #1e2010;
    --nj-core-color-lime-200: #242713;
    --nj-core-color-lime-300: #353b18;
    --nj-core-color-lime-400: #4e581e;
    --nj-core-color-lime-500: #677525;
    --nj-core-color-lime-600: #78892a;
    --nj-core-color-lime-700: #97ac37;
    --nj-core-color-lime-800: #b7cd4f;
    --nj-core-color-lime-900: #dfed90;
    --nj-core-color-engie-blue: #00aaff;
    --nj-core-color-engie-green: #23d2b5;
    --nj-core-color-white-alpha-300: rgba(255, 255, 255, 0.25);
    --nj-semantic-color-background-accent-yellow-solid-default: var(--nj-core-color-yellow-700); /* Suitable for yellow backgrounds when there is no meaning tied to the color. No minimum contrast requirement met! */
    --nj-semantic-color-background-accent-yellow-solid-hovered: var(--nj-core-color-yellow-800);
    --nj-semantic-color-background-accent-yellow-solid-focused: var(--nj-core-color-yellow-800);
    --nj-semantic-color-background-accent-yellow-solid-pressed: var(--nj-core-color-yellow-900);
    --nj-semantic-color-background-additional-signature-default: var(--nj-core-color-ultramarine-100); /* ENGIE's additional brand color. We strongly advise to refer to the brand guidelines for its usage. */
    --nj-component-skeleton-color-background: linear-gradient(to right, var(--nj-core-color-grey-alpha-0) 0%, rgba(250, 250, 251, var(--nj-core-opacity-50)) 50%, var(--nj-core-color-grey-alpha-0) 100%);
    --nj-semantic-color-background-status-warning-solid-default: var(--nj-core-color-reference-status-warning-600); /* Conveys a warning or cautionary state in your interface. Use for elements that signify non-critical but important information, such as alerts, notices, or reminders. Helps users recognize situations that require their attention without implying immediate danger. */
    --nj-semantic-color-background-status-warning-solid-hovered: var(--nj-core-color-reference-status-warning-700);
    --nj-semantic-color-background-status-warning-solid-focused: var(--nj-core-color-reference-status-warning-700);
    --nj-semantic-color-background-status-warning-solid-pressed: var(--nj-core-color-reference-status-warning-800);
    --nj-semantic-color-text-neutral-primary-not-invertible-default: var(--nj-core-color-reference-neutral-0);
    --nj-semantic-color-text-neutral-primary-not-invertible-hovered: var(--nj-core-color-reference-brand-400);
    --nj-semantic-color-text-neutral-primary-not-invertible-focused: var(--nj-core-color-reference-brand-400);
    --nj-semantic-color-text-neutral-primary-not-invertible-pressed: var(--nj-core-color-reference-brand-300);
    --nj-semantic-color-text-neutral-inverse-not-invertible-default: var(--nj-core-color-reference-neutral-1000);
    --nj-semantic-color-text-neutral-inverse-not-invertible-hovered: var(--nj-core-color-reference-neutral-800);
    --nj-semantic-color-text-neutral-inverse-not-invertible-focused: var(--nj-core-color-reference-neutral-800);
    --nj-semantic-color-text-neutral-inverse-not-invertible-pressed: var(--nj-core-color-reference-neutral-700);
    --nj-component-backdrop-color-background: var(--nj-core-color-reference-neutral-alpha-300);
    --nj-semantic-color-icon-additional-signature-default: var(--nj-semantic-color-icon-neutral-primary-default);
    --nj-semantic-color-additional-signature-default: var(--nj-semantic-color-text-neutral-primary-default);
  }
}
/**
  * Construct a name (string) based on color keywords string list
  * @param {List} $list - List of color keywords
  * @return {String} - Constructed name
  */
/**
  * Get a value (string) based on color keywords string list
  * @param {List} $list - List of color keywords
  * @return {String} - Value
  */
/**
  * Merge a result map with a new name and value
  * @param {Map} $result - Result map
  * @param {List} $name - List of color keywords
  * @return {Map} - Merged map
  */
/**
  * Walk through a color keywords tree and create a map of names and values for each color
  * @param {Map} $input - Color keywords tree
  * @param {List} $current-name - Current name
  * @param {Map} $result - Result map
  * @param {Number} $limit - Limit the walk depth
  * @return {Map} - Result map
  */
html {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
}

body {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-md-desktop);
  font-weight: var(--nj-semantic-font-weight-regular);
  color: var(--nj-semantic-color-text-neutral-primary-default);
}

@font-face {
  font-family: "Engie Icons";
  font-style: normal;
  font-weight: 400;
  src: url("data:application/vnd.ms-fontobject;base64,6AYAACgGAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAeQ9CTAAAAAAAAAAAAAAAAAAAAAAAABwAbgBqAC0AYwB1AHMAdABvAG0ALQBpAGMAbwBuAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAcAG4AagAtAGMAdQBzAHQAbwBtAC0AaQBjAG8AbgAAAAAAAAEAAAAMAIAAAwBAR1NVQtlp3G4AAADMAAAAbE9TLzIPEfw5AAABOAAAAGBjbWFwIa7CGgAAAZgAAACEZ2FzcAAAABAAAAIcAAAACGdseWZPxhVOAAACJAAAAUBoZWFkKYrVgwAAA2QAAAA2aGhlYQdXA80AAAOcAAAAJGhtdHgKAAAAAAADwAAAADBsb2NhAZoBXgAAA/AAAAAabWF4cAAOACcAAAQMAAAAIG5hbWU+0kprAAAELAAAAdpwb3N0AAMAAAAABggAAAAgAAEAAAAKAB4ALAABbGF0bgAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAoAAAABAAoAAgASACgAAQACAAYACwABAAQACgAIAAkABwAIAAYABAAFAAgAAQAEAAoAAgALAAMDAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA4A8DwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEAGgAAAAWABAAAwAGAAEAIABfAGEAZQBnAGkAbuAP//3//wAAAAAAIABfAGEAZQBnAGkAbuAO//3//wAB/+P/pf+k/6H/oP+f/5sf/AADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAA/8AAAAPAAAIAADc5AQAAAAABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AAAAPAAAIAADc5AQAAAAABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AAAAPAAAIAADc5AQAAAAABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8ADlQPAACQAABMXHgEfAhYyPwE+AT8CNjQvAS4BLwImIg8BDgEPAgYUF2ubPFcUATQILAg0FVc6ApsWFps8VxQBNAgsCDQVVzoCmxYWAaI0FVc6ApsWFps8VxQBNAgsCDQVVzoCmxYWmzxXFAE0CCwIAAAAAQAA/8AAAAPAAAIAADc5AQAAAAABAAAAAQAATEIPeV8PPPUACwQAAAAAAONrSIMAAAAA42tIgwAA/8ADlQPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOVAAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAKABQAHgAoADIAPABGAFAAWgCWAKAAAAABAAAADAAlAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIABwCfAAEAAAAAAAMADgBLAAEAAAAAAAQADgC0AAEAAAAAAAUACwAqAAEAAAAAAAYADgB1AAEAAAAAAAoAGgDeAAMAAQQJAAEAHAAOAAMAAQQJAAIADgCmAAMAAQQJAAMAHABZAAMAAQQJAAQAHADCAAMAAQQJAAUAFgA1AAMAAQQJAAYAHACDAAMAAQQJAAoANAD4bmotY3VzdG9tLWljb24AbgBqAC0AYwB1AHMAdABvAG0ALQBpAGMAbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwbmotY3VzdG9tLWljb24AbgBqAC0AYwB1AHMAdABvAG0ALQBpAGMAbwBubmotY3VzdG9tLWljb24AbgBqAC0AYwB1AHMAdABvAG0ALQBpAGMAbwBuUmVndWxhcgBSAGUAZwB1AGwAYQBybmotY3VzdG9tLWljb24AbgBqAC0AYwB1AHMAdABvAG0ALQBpAGMAbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("embedded-opentype"), url("data:font/ttf;base64,AAEAAAAMAIAAAwBAR1NVQtlp3G4AAADMAAAAbE9TLzIPEfw5AAABOAAAAGBjbWFwIa7CGgAAAZgAAACEZ2FzcAAAABAAAAIcAAAACGdseWZPxhVOAAACJAAAAUBoZWFkKYrVgwAAA2QAAAA2aGhlYQdXA80AAAOcAAAAJGhtdHgKAAAAAAADwAAAADBsb2NhAZoBXgAAA/AAAAAabWF4cAAOACcAAAQMAAAAIG5hbWU+0kprAAAELAAAAdpwb3N0AAMAAAAABggAAAAgAAEAAAAKAB4ALAABbGF0bgAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAoAAAABAAoAAgASACgAAQACAAYACwABAAQACgAIAAkABwAIAAYABAAFAAgAAQAEAAoAAgALAAMDAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA4A8DwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEAGgAAAAWABAAAwAGAAEAIABfAGEAZQBnAGkAbuAP//3//wAAAAAAIABfAGEAZQBnAGkAbuAO//3//wAB/+P/pf+k/6H/oP+f/5sf/AADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAA/8AAAAPAAAIAADc5AQAAAAABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AAAAPAAAIAADc5AQAAAAABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AAAAPAAAIAADc5AQAAAAABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8ADlQPAACQAABMXHgEfAhYyPwE+AT8CNjQvAS4BLwImIg8BDgEPAgYUF2ubPFcUATQILAg0FVc6ApsWFps8VxQBNAgsCDQVVzoCmxYWAaI0FVc6ApsWFps8VxQBNAgsCDQVVzoCmxYWmzxXFAE0CCwIAAAAAQAA/8AAAAPAAAIAADc5AQAAAAABAAAAAQAATEIPeV8PPPUACwQAAAAAAONrSIMAAAAA42tIgwAA/8ADlQPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOVAAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAKABQAHgAoADIAPABGAFAAWgCWAKAAAAABAAAADAAlAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIABwCfAAEAAAAAAAMADgBLAAEAAAAAAAQADgC0AAEAAAAAAAUACwAqAAEAAAAAAAYADgB1AAEAAAAAAAoAGgDeAAMAAQQJAAEAHAAOAAMAAQQJAAIADgCmAAMAAQQJAAMAHABZAAMAAQQJAAQAHADCAAMAAQQJAAUAFgA1AAMAAQQJAAYAHACDAAMAAQQJAAoANAD4bmotY3VzdG9tLWljb24AbgBqAC0AYwB1AHMAdABvAG0ALQBpAGMAbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwbmotY3VzdG9tLWljb24AbgBqAC0AYwB1AHMAdABvAG0ALQBpAGMAbwBubmotY3VzdG9tLWljb24AbgBqAC0AYwB1AHMAdABvAG0ALQBpAGMAbwBuUmVndWxhcgBSAGUAZwB1AGwAYQBybmotY3VzdG9tLWljb24AbgBqAC0AYwB1AHMAdABvAG0ALQBpAGMAbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype"), url("data:font/woff;base64,d09GRgABAAAAAAZ4AAwAAAAABigAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABHAAAAGwAAABs2Wncbk9TLzIAAAGIAAAAYAAAAGAPEfw5Y21hcAAAAegAAACEAAAAhCGuwhpnYXNwAAACbAAAAAgAAAAIAAAAEGdseWYAAAJ0AAABQAAAAUBPxhVOaGVhZAAAA7QAAAA2AAAANimK1YNoaGVhAAAD7AAAACQAAAAkB1cDzWhtdHgAAAQQAAAAMAAAADAKAAAAbG9jYQAABEAAAAAaAAAAGgGaAV5tYXhwAAAEXAAAACAAAAAgAA4AJ25hbWUAAAR8AAAB2gAAAdo+0kprcG9zdAAABlgAAAAgAAAAIAADAAAAAQAAAAoAHgAsAAFsYXRuAAgABAAAAAAAAAABAAAAAWxpZ2EACAAAAAEAAAABAAQABAAAAAEACgAAAAEACgACABIAKAABAAIABgALAAEABAAKAAgACQAHAAgABgAEAAUACAABAAQACgACAAsAAwMAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADgDwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAaAAAABYAEAADAAYAAQAgAF8AYQBlAGcAaQBu4A///f//AAAAAAAgAF8AYQBlAGcAaQBu4A7//f//AAH/4/+l/6T/of+g/5//mx/8AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAB//8ADwABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AAAAPAAAIAADc5AQAAAAABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AAAAPAAAIAADc5AQAAAAABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AAAAPAAAIAADc5AQAAAAABAAD/wAOVA8AAJAAAExceAR8CFjI/AT4BPwI2NC8BLgEvAiYiDwEOAQ8CBhQXa5s8VxQBNAgsCDQVVzoCmxYWmzxXFAE0CCwINBVXOgKbFhYBojQVVzoCmxYWmzxXFAE0CCwINBVXOgKbFhabPFcUATQILAgAAAABAAD/wAAAA8AAAgAANzkBAAAAAAEAAAABAABMQg95Xw889QALBAAAAAAA42tIgwAAAADja0iDAAD/wAOVA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA5UAAQAAAAAAAAAAAAAAAAAAAAwEAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAoAFAAeACgAMgA8AEYAUABaAJYAoAAAAAEAAAAMACUAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAHAJ8AAQAAAAAAAwAOAEsAAQAAAAAABAAOALQAAQAAAAAABQALACoAAQAAAAAABgAOAHUAAQAAAAAACgAaAN4AAwABBAkAAQAcAA4AAwABBAkAAgAOAKYAAwABBAkAAwAcAFkAAwABBAkABAAcAMIAAwABBAkABQAWADUAAwABBAkABgAcAIMAAwABBAkACgA0APhuai1jdXN0b20taWNvbgBuAGoALQBjAHUAcwB0AG8AbQAtAGkAYwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBuai1jdXN0b20taWNvbgBuAGoALQBjAHUAcwB0AG8AbQAtAGkAYwBvAG5uai1jdXN0b20taWNvbgBuAGoALQBjAHUAcwB0AG8AbQAtAGkAYwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJuai1jdXN0b20taWNvbgBuAGoALQBjAHUAcwB0AG8AbQAtAGkAYwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA") format("woff"), url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22 %3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmetadata%3EGenerated by IcoMoon%3C%2Fmetadata%3E%3Cdefs%3E%3Cfont id%3D%22nj-custom-icon%22 horiz-adv-x%3D%221024%22%3E%3Cfont-face units-per-em%3D%221024%22 ascent%3D%22960%22 descent%3D%22-64%22 %2F%3E%3Cmissing-glyph horiz-adv-x%3D%221024%22 %2F%3E%3Cglyph unicode%3D%22%26%23x20%3B%22 horiz-adv-x%3D%22512%22 d%3D%22%22 %2F%3E%3Cglyph unicode%3D%22%26%23xe00e%3B%22 glyph-name%3D%22ai%22 d%3D%22M106.58 418.432l155.691-52.523c79.157-27.307 140.35-88.513 167.073-165.802l0.565-1.878 52.523-155.648c9.6-28.331 49.536-28.331 59.136 0l52.523 155.691c27.307 79.157 88.513 140.35 165.802 167.073l1.878 0.565 155.648 52.523c28.331 9.6 28.331 49.536 0 59.136l-155.691 52.523c-79.157 27.307-140.35 88.513-167.073 165.802l-0.565 1.878-52.523 155.648c-9.6 28.331-49.536 28.331-59.136 0l-52.523-155.691c-27.307-79.157-88.513-140.35-165.802-167.073l-1.878-0.565-155.648-52.523c-28.331-9.6-28.331-49.536 0-59.136z%22 %2F%3E%3Cglyph unicode%3D%22%EE%80%8F%EE%80%8F%22 glyph-name%3D%22ai%22 d%3D%22M106.58 418.432l155.691-52.523c79.157-27.307 140.35-88.513 167.073-165.802l0.565-1.878 52.523-155.648c9.6-28.331 49.536-28.331 59.136 0l52.523 155.691c27.307 79.157 88.513 140.35 165.802 167.073l1.878 0.565 155.648 52.523c28.331 9.6 28.331 49.536 0 59.136l-155.691 52.523c-79.157 27.307-140.35 88.513-167.073 165.802l-0.565 1.878-52.523 155.648c-9.6 28.331-49.536 28.331-59.136 0l-52.523-155.691c-27.307-79.157-88.513-140.35-165.802-167.073l-1.878-0.565-155.648-52.523c-28.331-9.6-28.331-49.536 0-59.136z%22 %2F%3E%3Cglyph unicode%3D%22engie_ai%22 glyph-name%3D%22ai%22 d%3D%22M106.58 418.432l155.691-52.523c79.157-27.307 140.35-88.513 167.073-165.802l0.565-1.878 52.523-155.648c9.6-28.331 49.536-28.331 59.136 0l52.523 155.691c27.307 79.157 88.513 140.35 165.802 167.073l1.878 0.565 155.648 52.523c28.331 9.6 28.331 49.536 0 59.136l-155.691 52.523c-79.157 27.307-140.35 88.513-167.073 165.802l-0.565 1.878-52.523 155.648c-9.6 28.331-49.536 28.331-59.136 0l-52.523-155.691c-27.307-79.157-88.513-140.35-165.802-167.073l-1.878-0.565-155.648-52.523c-28.331-9.6-28.331-49.536 0-59.136z%22 %2F%3E%3C%2Ffont%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") format("svg");
  font-display: swap;
}
:root {
  --nj-semantic-font-size-display-xs: var(--nj-semantic-font-size-display-xs-mobile);
  --nj-semantic-line-height-display-xs: var(--nj-semantic-font-line-height-display-xs-mobile);
  --nj-semantic-font-size-display-sm: var(--nj-semantic-font-size-display-sm-mobile);
  --nj-semantic-line-height-display-sm: var(--nj-semantic-font-line-height-display-sm-mobile);
  --nj-semantic-font-size-display-md: var(--nj-semantic-font-size-display-md-mobile);
  --nj-semantic-line-height-display-md: var(--nj-semantic-font-line-height-display-md-mobile);
  --nj-semantic-font-size-display-xl: var(--nj-semantic-font-size-display-xl-mobile);
  --nj-semantic-line-height-display-xl: var(--nj-semantic-font-line-height-display-xl-mobile);
  --nj-semantic-font-size-display-2xl: var(--nj-semantic-font-size-display-2xl-mobile);
  --nj-semantic-line-height-display-2xl: var(--nj-semantic-font-line-height-display-2xl-mobile);
  --nj-semantic-font-size-heading-xs: var(--nj-semantic-font-size-heading-xs-mobile);
  --nj-semantic-line-height-heading-xs: var(--nj-semantic-font-line-height-heading-xs-mobile);
  --nj-semantic-font-size-heading-sm: var(--nj-semantic-font-size-heading-sm-mobile);
  --nj-semantic-line-height-heading-sm: var(--nj-semantic-font-line-height-heading-sm-mobile);
  --nj-semantic-font-size-heading-md: var(--nj-semantic-font-size-heading-md-mobile);
  --nj-semantic-line-height-heading-md: var(--nj-semantic-font-line-height-heading-md-mobile);
  --nj-semantic-font-size-heading-lg: var(--nj-semantic-font-size-heading-lg-mobile);
  --nj-semantic-line-height-heading-lg: var(--nj-semantic-font-line-height-heading-lg-mobile);
  --nj-semantic-font-size-heading-xl: var(--nj-semantic-font-size-heading-xl-mobile);
  --nj-semantic-line-height-heading-xl: var(--nj-semantic-font-line-height-heading-xl-mobile);
  --nj-semantic-font-size-text-xs: var(--nj-semantic-font-size-text-xs-mobile);
  --nj-semantic-line-height-text-xs: var(--nj-semantic-font-line-height-text-xs-mobile);
  --nj-semantic-font-size-text-sm: var(--nj-semantic-font-size-text-sm-mobile);
  --nj-semantic-line-height-text-sm: var(--nj-semantic-font-line-height-text-sm-mobile);
  --nj-semantic-font-size-text-md: var(--nj-semantic-font-size-text-md-mobile);
  --nj-semantic-line-height-text-md: var(--nj-semantic-font-line-height-text-md-mobile);
  --nj-semantic-font-size-text-lg: var(--nj-semantic-font-size-text-lg-mobile);
  --nj-semantic-line-height-text-lg: var(--nj-semantic-font-line-height-text-lg-mobile);
}

@media (min-width: 768px) {
  :root {
    --nj-semantic-font-size-display-xs: var(--nj-semantic-font-size-display-xs-desktop);
    --nj-semantic-line-height-display-xs: var(--nj-semantic-font-line-height-display-xs-desktop);
    --nj-semantic-font-size-display-sm: var(--nj-semantic-font-size-display-sm-desktop);
    --nj-semantic-line-height-display-sm: var(--nj-semantic-font-line-height-display-sm-desktop);
    --nj-semantic-font-size-display-md: var(--nj-semantic-font-size-display-md-desktop);
    --nj-semantic-line-height-display-md: var(--nj-semantic-font-line-height-display-md-desktop);
    --nj-semantic-font-size-display-xl: var(--nj-semantic-font-size-display-xl-desktop);
    --nj-semantic-line-height-display-xl: var(--nj-semantic-font-line-height-display-xl-desktop);
    --nj-semantic-font-size-display-2xl: var(--nj-semantic-font-size-display-2xl-desktop);
    --nj-semantic-line-height-display-2xl: var(--nj-semantic-font-line-height-display-2xl-desktop);
    --nj-semantic-font-size-heading-xs: var(--nj-semantic-font-size-heading-xs-desktop);
    --nj-semantic-line-height-heading-xs: var(--nj-semantic-font-line-height-heading-xs-desktop);
    --nj-semantic-font-size-heading-sm: var(--nj-semantic-font-size-heading-sm-desktop);
    --nj-semantic-line-height-heading-sm: var(--nj-semantic-font-line-height-heading-sm-desktop);
    --nj-semantic-font-size-heading-md: var(--nj-semantic-font-size-heading-md-desktop);
    --nj-semantic-line-height-heading-md: var(--nj-semantic-font-line-height-heading-md-desktop);
    --nj-semantic-font-size-heading-lg: var(--nj-semantic-font-size-heading-lg-desktop);
    --nj-semantic-line-height-heading-lg: var(--nj-semantic-font-line-height-heading-lg-desktop);
    --nj-semantic-font-size-heading-xl: var(--nj-semantic-font-size-heading-xl-desktop);
    --nj-semantic-line-height-heading-xl: var(--nj-semantic-font-line-height-heading-xl-desktop);
    --nj-semantic-font-size-text-xs: var(--nj-semantic-font-size-text-xs-desktop);
    --nj-semantic-line-height-text-xs: var(--nj-semantic-font-line-height-text-xs-desktop);
    --nj-semantic-font-size-text-sm: var(--nj-semantic-font-size-text-sm-desktop);
    --nj-semantic-line-height-text-sm: var(--nj-semantic-font-line-height-text-sm-desktop);
    --nj-semantic-font-size-text-md: var(--nj-semantic-font-size-text-md-desktop);
    --nj-semantic-line-height-text-md: var(--nj-semantic-font-line-height-text-md-desktop);
    --nj-semantic-font-size-text-lg: var(--nj-semantic-font-size-text-lg-desktop);
    --nj-semantic-line-height-text-lg: var(--nj-semantic-font-line-height-text-lg-desktop);
  }
}
@keyframes spin {
  from {
    transform: rotate(45deg);
  }
  to {
    transform: rotate(765deg);
  }
}
.nj-spinner {
  box-sizing: border-box;
}

.nj-spinner *,
.nj-spinner *::before,
.nj-spinner *::after {
  box-sizing: border-box;
}

.nj-spinner {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  position: relative;
  display: inline-flex;
  border-top: var(--nj-spinner-border-width) solid var(--nj-spinner-bg);
  border-right: var(--nj-spinner-border-width) solid var(--nj-spinner-thumb-bg);
  border-bottom: var(--nj-spinner-border-width) solid var(--nj-spinner-bg);
  border-left: var(--nj-spinner-border-width) solid var(--nj-spinner-bg);
  border-radius: 100%;
  animation: spin 2s cubic-bezier(0.45, 0.15, 0.57, 0.92) infinite;
}

.nj-spinner::after {
  width: 10em;
  height: 10em;
  border-radius: 50%;
}

.nj-spinner.nj-spinner--normal, .nj-btn.nj-btn--subtle .nj-spinner, .nj-btn.nj-btn--minimal .nj-spinner, .nj-accordion .nj-accordion__action .nj-spinner, .nj-spinner {
  --nj-spinner-bg: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);
  --nj-spinner-thumb-bg: var(--nj-semantic-color-background-brand-solid-default);
}

.nj-spinner.nj-spinner--inverse, .nj-btn .nj-spinner, .nj-btn.nj-btn--destructive .nj-spinner, .nj-btn.nj-btn--inverse.nj-btn--subtle .nj-spinner, .nj-btn.nj-btn--inverse.nj-btn--minimal .nj-spinner, .nj-btn.nj-btn--ai .nj-spinner, .nj-modal-confirmation.nj-modal-confirmation--danger .nj-modal-confirmation__confirm-action .nj-btn .nj-spinner, .nj-accordion .nj-accordion__action .nj-spinner, .nj-accordion .nj-btn--inverse.nj-btn--subtle.nj-accordion__action .nj-spinner {
  --nj-spinner-bg: var(--nj-core-color-white-alpha-300);
  --nj-spinner-thumb-bg: var(--nj-semantic-color-background-neutral-primary-default);
}

.nj-spinner.nj-spinner--grey, .nj-btn.nj-btn--secondary .nj-spinner, .nj-btn.nj-btn--destructive.nj-btn--subtle .nj-spinner, .nj-btn.nj-btn--destructive.nj-btn--minimal .nj-spinner, .nj-btn.nj-btn--inverse .nj-spinner, .nj-modal-confirmation.nj-modal-confirmation--danger .nj-modal-confirmation__confirm-action .nj-btn.nj-btn--subtle .nj-spinner, .nj-accordion .nj-btn--destructive.nj-accordion__action .nj-spinner, .nj-modal-confirmation.nj-modal-confirmation--danger .nj-modal-confirmation__confirm-action .nj-accordion .nj-btn.nj-accordion__action .nj-spinner, .nj-accordion .nj-modal-confirmation.nj-modal-confirmation--danger .nj-modal-confirmation__confirm-action .nj-btn.nj-accordion__action .nj-spinner, .nj-modal-confirmation.nj-modal-confirmation--danger .nj-accordion .nj-modal-confirmation__confirm-action .nj-accordion__action.nj-btn .nj-spinner, .nj-modal-confirmation.nj-modal-confirmation--danger .nj-modal-confirmation__confirm-action .nj-btn.nj-btn--minimal .nj-spinner, .nj-accordion .nj-btn--secondary.nj-accordion__action .nj-spinner, .nj-accordion .nj-btn--inverse.nj-accordion__action .nj-spinner {
  --nj-spinner-bg: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);
  --nj-spinner-thumb-bg: var(--nj-semantic-color-background-neutral-solid-default);
}

.nj-spinner.nj-spinner--ai, .nj-btn.nj-btn--ai.nj-btn--subtle .nj-spinner, .nj-btn.nj-btn--ai.nj-btn--minimal .nj-spinner, .nj-accordion .nj-btn--ai.nj-accordion__action .nj-spinner {
  --nj-spinner-bg: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);
  --nj-spinner-thumb-bg: var(--nj-semantic-color-background-status-discovery-solid-default);
}

.nj-spinner.nj-spinner--2xs, .nj-btn.nj-btn--sm .nj-spinner, .nj-btn.nj-btn--xs .nj-spinner, .nj-accordion .nj-btn--sm.nj-accordion__action .nj-spinner, .nj-search--sm .nj-btn.nj-search__button .nj-spinner, .nj-accordion .nj-btn--xs.nj-accordion__action .nj-spinner {
  --nj-spinner-border-width: 2px;
  width: 16px;
  height: 16px;
}

.nj-spinner.nj-spinner--xs, .nj-btn .nj-spinner, .nj-btn.nj-btn--lg .nj-spinner, .nj-btn.nj-btn--xl .nj-spinner, .nj-search--lg .nj-btn.nj-search__button .nj-spinner, .nj-search--xl .nj-btn.nj-search__button .nj-spinner, .nj-accordion .nj-accordion__action .nj-spinner {
  --nj-spinner-border-width: 3px;
  width: 24px;
  height: 24px;
}

.nj-spinner.nj-spinner--sm {
  --nj-spinner-border-width: 3px;
  width: 32px;
  height: 32px;
}

.nj-spinner.nj-spinner--md {
  --nj-spinner-border-width: 5px;
  width: 48px;
  height: 48px;
}

.nj-spinner.nj-spinner--lg, .nj-spinner {
  --nj-spinner-border-width: 6px;
  width: 64px;
  height: 64px;
}

:root, [data-theme] {
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-primary-default);
  --nj-material-icon-size: var(--nj-semantic-size-icon-md);
}

.nj-icon-material {
  box-sizing: border-box;
}

.nj-icon-material *,
.nj-icon-material *::before,
.nj-icon-material *::after {
  box-sizing: border-box;
}

.nj-icon-material {
  display: inline-block;
  font-family: "Material Icons", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "liga";
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  overflow-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  position: relative;
  font-size: var(--nj-material-icon-size);
  color: var(--nj-material-icon-color);
  background: var(--nj-material-icon-background);
  background-clip: var(--nj-material-icon-background-clip);
}

.nj-icon-material.nj-icon-material--primary {
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-primary-default);
}

.nj-icon-material.nj-icon-material--secondary {
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-secondary-default);
}

.nj-icon-material.nj-icon-material--tertiary {
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-tertiary-default);
}

.nj-icon-material.nj-icon-material--contrast {
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-contrast-default);
}

.nj-icon-material.nj-icon-material--inverse {
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-inverse-default);
}

.nj-icon-material.nj-icon-material--brand {
  --nj-material-icon-color: var(--nj-semantic-color-icon-brand-primary-default);
}

.nj-icon-material.nj-icon-material--brand-contrast {
  --nj-material-icon-color: var(--nj-semantic-color-icon-brand-contrast-default);
}

.nj-icon-material.nj-icon-material--danger {
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-danger-primary-default);
}

.nj-icon-material.nj-icon-material--danger-contrast {
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-danger-contrast-default);
}

.nj-icon-material.nj-icon-material--success {
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-success-primary-default);
}

.nj-icon-material.nj-icon-material--success-contrast {
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-success-contrast-default);
}

.nj-icon-material.nj-icon-material--warning {
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-warning-primary-default);
}

.nj-icon-material.nj-icon-material--warning-contrast {
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-warning-contrast-default);
}

.nj-icon-material.nj-icon-material--information {
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-information-primary-default);
}

.nj-icon-material.nj-icon-material--information-contrast {
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-information-contrast-default);
}

.nj-icon-material.nj-icon-material--discovery {
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-discovery-primary-default);
}

.nj-icon-material.nj-icon-material--discovery-contrast {
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-discovery-contrast-default);
}

.nj-icon-material.nj-icon-material--planet {
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-planet-primary-default);
}

.nj-icon-material.nj-icon-material--planet-contrast {
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-planet-contrast-default);
}

.nj-icon-material.nj-icon-material--signature {
  --nj-material-icon-color: var(--nj-semantic-color-icon-additional-signature-default);
}

.nj-icon-material.nj-icon-material--blue {
  --nj-material-icon-color: var(--nj-semantic-color-icon-accent-blue-primary-default);
}

.nj-icon-material.nj-icon-material--grey {
  --nj-material-icon-color: var(--nj-semantic-color-icon-accent-grey-primary-default);
}

.nj-icon-material.nj-icon-material--red {
  --nj-material-icon-color: var(--nj-semantic-color-icon-accent-red-primary-default);
}

.nj-icon-material.nj-icon-material--green {
  --nj-material-icon-color: var(--nj-semantic-color-icon-accent-green-primary-default);
}

.nj-icon-material.nj-icon-material--orange {
  --nj-material-icon-color: var(--nj-semantic-color-icon-accent-orange-primary-default);
}

.nj-icon-material.nj-icon-material--purple {
  --nj-material-icon-color: var(--nj-semantic-color-icon-accent-purple-primary-default);
}

.nj-icon-material.nj-icon-material--teal {
  --nj-material-icon-color: var(--nj-semantic-color-icon-accent-teal-primary-default);
}

.nj-icon-material.nj-icon-material--ultramarine {
  --nj-material-icon-color: var(--nj-semantic-color-icon-accent-ultramarine-primary-default);
}

.nj-icon-material.nj-icon-material--yellow {
  --nj-material-icon-color: var(--nj-semantic-color-icon-accent-yellow-primary-default);
}

.nj-icon-material.nj-icon-material--pink {
  --nj-material-icon-color: var(--nj-semantic-color-icon-accent-pink-primary-default);
}

.nj-icon-material.nj-icon-material--lime {
  --nj-material-icon-color: var(--nj-semantic-color-icon-accent-lime-primary-default);
}

.nj-icon-material.nj-icon-material--ai, .nj-btn.nj-btn--ai.nj-btn--subtle .nj-icon-material, .nj-btn.nj-btn--ai.nj-btn--minimal .nj-icon-material, .nj-accordion .nj-btn--ai.nj-accordion__action .nj-icon-material {
  --nj-material-icon-color: transparent;
  --nj-material-icon-background: var(--nj-semantic-color-background-additional-ai-default);
  --nj-material-icon-background-clip: text;
}

.nj-icon-material.nj-icon-material--color-inherit {
  --nj-material-icon-color: initial;
}

.nj-icon-material.nj-icon-material--2xs {
  --nj-material-icon-size: var(--nj-semantic-size-icon-2xs);
}

.nj-icon-material.nj-icon-material--xs {
  --nj-material-icon-size: var(--nj-semantic-size-icon-xs);
}

.nj-icon-material.nj-icon-material--sm {
  --nj-material-icon-size: var(--nj-semantic-size-icon-sm);
}

.nj-icon-material.nj-icon-material--md {
  --nj-material-icon-size: var(--nj-semantic-size-icon-md);
}

.nj-icon-material.nj-icon-material--lg {
  --nj-material-icon-size: var(--nj-semantic-size-icon-lg);
}

.nj-icon-material.nj-icon-material--xl {
  --nj-material-icon-size: var(--nj-semantic-size-icon-xl);
}

.nj-icon-material.nj-icon-material--2xl {
  --nj-material-icon-size: var(--nj-semantic-size-icon-2xl);
}

.nj-icon-material.nj-icon-material--3xl {
  --nj-material-icon-size: var(--nj-semantic-size-icon-3xl);
}

.nj-icon-material.nj-icon-material--4xl {
  --nj-material-icon-size: var(--nj-semantic-size-icon-4xl);
}

.nj-icon-material.nj-icon-material--5xl {
  --nj-material-icon-size: var(--nj-semantic-size-icon-5xl);
}

.nj-icon-material.nj-icon-material--6xl {
  --nj-material-icon-size: var(--nj-semantic-size-icon-6xl);
}

.nj-icon-material.nj-icon-material--size-inherit {
  --nj-material-icon-size: initial;
}

.nj-icon-material.nj-icon-material--engie {
  font-family: "Engie Icons";
  font-feature-settings: "liga";
  text-rendering: optimizelegibility;
}

.nj-icon-material-text {
  display: flex;
  gap: var(--nj-semantic-size-spacing-8);
  align-items: center;
}

.nj-btn, .nj-accordion .nj-accordion__action {
  --nj-btn-current-bg-color: var(--nj-btn-bg-color);
  --nj-btn-current-color: var(--nj-btn-color);
  --nj-btn-bg-color: var(--nj-semantic-color-background-brand-solid-default);
  --nj-btn-color: var(--nj-semantic-color-text-neutral-inverse-default);
  --nj-btn-font-weight: var(--nj-semantic-font-weight-regular);
  --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-brand-solid-hovered);
  --nj-btn-hovered-color: var(--nj-semantic-color-text-neutral-inverse-default);
  --nj-btn-focused-bg-color: var(--nj-semantic-color-background-brand-solid-focused);
  --nj-btn-focused-color: var(--nj-semantic-color-text-neutral-inverse-default);
  --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-brand-solid-pressed);
  --nj-btn-pressed-color: var(--nj-semantic-color-text-neutral-inverse-default);
  --nj-btn-border-color: transparent;
  --nj-btn-focused-ring-color: var(--nj-semantic-color-border-brand-strong-default);
  --nj-btn-icon-size: var(--nj-semantic-size-icon-md);
  --nj-btn-icon-color: var(--nj-btn-current-color);
  --nj-btn-pad: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-32);
  box-sizing: border-box;
}

.nj-btn *, .nj-accordion .nj-accordion__action *,
.nj-btn *::before,
.nj-accordion .nj-accordion__action *::before,
.nj-btn *::after,
.nj-accordion .nj-accordion__action *::after {
  box-sizing: border-box;
}

.nj-btn, .nj-accordion .nj-accordion__action {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  position: relative;
  display: inline-flex;
  gap: var(--nj-semantic-size-spacing-8);
  align-items: center;
  justify-content: center;
  padding: var(--nj-btn-pad);
  font-size: var(--nj-semantic-font-size-text-sm-desktop);
  font-weight: var(--nj-btn-font-weight);
  line-height: var(--nj-btn-icon-size);
  vertical-align: middle;
  color: var(--nj-btn-current-color);
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
  outline: 0;
  background-color: var(--nj-btn-current-bg-color);
  background-image: var(--nj-btn-bg-image);
  background-origin: border-box;
  border: 1px solid var(--nj-btn-border-color);
  border-radius: var(--nj-semantic-size-border-radius-none);
  border-image-source: var(--nj-btn-border-image);
  border-image-slice: 1;
  fill: var(--nj-btn-current-color);
  transition: color 0.2s, border-color 0.2s, background-color 0.2s;
  transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-btn:not(:disabled):not(.nj-btn--disabled):not(.nj-btn:disabled):not(.nj-btn--is-loading), .nj-accordion .nj-accordion__action:not(:disabled):not(.nj-btn--disabled):not(.nj-btn:disabled):not(.nj-btn--is-loading) {
  cursor: pointer;
}

.nj-btn:not(:disabled):not(.nj-btn--disabled):not(.nj-btn:disabled):not(.nj-btn--is-loading):hover, .nj-accordion .nj-accordion__action:not(:disabled):not(.nj-btn--disabled):not(.nj-btn:disabled):not(.nj-btn--is-loading):hover {
  --nj-btn-bg-image: var(--nj-btn-hovered-bg-image);
  --nj-btn-current-bg-color: var(--nj-btn-hovered-bg-color);
  --nj-btn-current-color: var(--nj-btn-hovered-color);
  text-decoration: none;
  outline: 0;
}

.nj-btn:not(:disabled):not(.nj-btn--disabled):not(.nj-btn:disabled):not(.nj-btn--is-loading):active, .nj-accordion .nj-accordion__action:not(:disabled):not(.nj-btn--disabled):not(.nj-btn:disabled):not(.nj-btn--is-loading):active, .nj-btn:not(:disabled):not(.nj-btn--disabled):not(.nj-btn:disabled):not(.nj-btn--is-loading).active, .nj-accordion .nj-accordion__action:not(:disabled):not(.nj-btn--disabled):not(.nj-btn:disabled):not(.nj-btn--is-loading).active, .nj-btn:not(:disabled):not(.nj-btn--disabled):not(.nj-btn:disabled):not(.nj-btn--is-loading)[aria-expanded=true], .nj-accordion .nj-accordion__action:not(:disabled):not(.nj-btn--disabled):not(.nj-btn:disabled):not(.nj-btn--is-loading)[aria-expanded=true] {
  --nj-btn-bg-image: var(--nj-btn-pressed-bg-image);
  --nj-btn-current-bg-color: var(--nj-btn-pressed-bg-color);
  --nj-btn-current-color: var(--nj-btn-pressed-color);
  text-decoration: none;
}

.nj-btn::after, .nj-accordion .nj-accordion__action::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  box-sizing: content-box !important;
  width: 100%;
  height: 100%;
  padding: var(--nj-semantic-size-border-focus-ring-offset);
  pointer-events: none;
  content: "";
  border-radius: var(--nj-semantic-size-border-radius-none);
  box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-btn-focused-ring-color);
  opacity: 0;
  transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
  transition: opacity 0.2s, transform 0.2s;
  transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-btn:focus-visible:not(:active), .nj-accordion .nj-accordion__action:focus-visible:not(:active) {
  --nj-btn-bg-image: var(--nj-btn-focused-bg-image);
  --nj-btn-current-bg-color: var(--nj-btn-focused-bg-color);
  --nj-btn-current-color: var(--nj-btn-focused-color);
}

.nj-btn:focus-visible:not(:active, .disabled)::after, .nj-accordion .nj-accordion__action:focus-visible:not(:active, .disabled)::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
}

.nj-btn .nj-btn__icon, .nj-accordion .nj-accordion__action .nj-btn__icon {
  --nj-material-icon-color: var(--nj-btn-icon-color);
  --nj-material-icon-size: var(--nj-btn-icon-size);
  display: inline-flex;
  align-items: center;
  width: var(--nj-btn-icon-size);
  height: var(--nj-btn-icon-size);
  transition: color 0.2s var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-btn.nj-btn--disabled, .nj-accordion .nj-btn--disabled.nj-accordion__action, .nj-btn:disabled, .nj-accordion .nj-accordion__action:disabled, .nj-btn.nj-btn--is-loading, .nj-accordion .nj-btn--is-loading.nj-accordion__action {
  text-decoration: none;
  cursor: not-allowed;
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-btn.nj-btn--is-loading .nj-btn__icon, .nj-accordion .nj-btn--is-loading.nj-accordion__action .nj-btn__icon {
  display: none;
}

.nj-btn.nj-btn--lg, .nj-accordion .nj-btn--lg.nj-accordion__action, .nj-search--lg .nj-btn.nj-search__button {
  font-size: var(--nj-semantic-font-size-text-md-desktop);
  --nj-btn-icon-size: var(--nj-semantic-size-icon-md);
  --nj-btn-pad: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-48);
}

.nj-btn.nj-btn--xl, .nj-accordion .nj-btn--xl.nj-accordion__action, .nj-search--xl .nj-btn.nj-search__button {
  font-size: var(--nj-semantic-font-size-text-md-desktop);
  --nj-btn-icon-size: var(--nj-semantic-size-icon-md);
  --nj-btn-pad: var(--nj-semantic-size-spacing-16) var(--nj-semantic-size-spacing-48);
}

.nj-btn.nj-btn--sm, .nj-accordion .nj-btn--sm.nj-accordion__action, .nj-search--sm .nj-btn.nj-search__button {
  font-size: var(--nj-semantic-font-size-text-xs-desktop);
  --nj-btn-icon-size: var(--nj-semantic-size-icon-sm);
  --nj-btn-pad: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-24);
}

.nj-btn.nj-btn--xs, .nj-accordion .nj-btn--xs.nj-accordion__action {
  font-size: var(--nj-semantic-font-size-text-xs-desktop);
  --nj-btn-icon-size: var(--nj-semantic-size-icon-sm);
  --nj-btn-pad: var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-16);
}

.nj-btn.nj-btn--subtle, .nj-accordion .nj-btn--subtle.nj-accordion__action, .nj-accordion .nj-accordion__action, .nj-btn.nj-btn--minimal, .nj-accordion .nj-btn--minimal.nj-accordion__action {
  --nj-btn-bg-color: var(--nj-semantic-color-background-brand-primary-translucent-default);
  --nj-btn-color: var(--nj-semantic-color-text-brand-primary-default);
  --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-brand-primary-translucent-hovered);
  --nj-btn-hovered-color: var(--nj-semantic-color-text-brand-primary-hovered);
  --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-brand-primary-translucent-pressed);
  --nj-btn-pressed-color: var(--nj-semantic-color-text-brand-primary-pressed);
  --nj-btn-focused-bg-color: var(--nj-semantic-color-background-brand-primary-translucent-focused);
  --nj-btn-focused-color: var(--nj-semantic-color-text-brand-primary-focused);
}

.nj-btn.nj-btn--subtle, .nj-accordion .nj-accordion__action {
  --nj-btn-border-color: var(--nj-semantic-color-border-brand-strong-default);
}

.nj-btn.nj-btn--minimal:not(.nj-btn--ai), .nj-accordion .nj-btn--minimal.nj-accordion__action:not(.nj-btn--ai) {
  border: none;
}

.nj-btn.nj-btn--secondary, .nj-accordion .nj-btn--secondary.nj-accordion__action {
  --nj-btn-bg-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);
  --nj-btn-color: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-hovered);
  --nj-btn-hovered-color: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-pressed);
  --nj-btn-pressed-color: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-btn-focused-bg-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-focused);
  --nj-btn-focused-color: var(--nj-semantic-color-text-neutral-primary-default);
}

.nj-btn.nj-btn--secondary.nj-btn--subtle, .nj-accordion .nj-btn--secondary.nj-accordion__action, .nj-btn.nj-btn--secondary.nj-btn--minimal {
  --nj-btn-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-default);
  --nj-btn-color: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
  --nj-btn-hovered-color: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
  --nj-btn-pressed-color: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-btn-focused-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
  --nj-btn-focused-color: var(--nj-semantic-color-text-neutral-primary-default);
}

.nj-btn.nj-btn--secondary.nj-btn--subtle, .nj-accordion .nj-btn--secondary.nj-accordion__action {
  --nj-btn-border-color: var(--nj-semantic-color-border-neutral-strong-default);
}

.nj-btn.nj-btn--secondary.nj-btn--minimal, .nj-accordion .nj-btn--secondary.nj-btn--minimal.nj-accordion__action {
  border: none;
}

.nj-btn.nj-btn--destructive, .nj-accordion .nj-btn--destructive.nj-accordion__action, .nj-modal-confirmation.nj-modal-confirmation--danger .nj-modal-confirmation__confirm-action .nj-btn {
  --nj-btn-bg-color: var(--nj-semantic-color-background-status-danger-solid-default);
  --nj-btn-color: var(--nj-semantic-color-text-neutral-inverse-default);
  --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-status-danger-solid-hovered);
  --nj-btn-hovered-color: var(--nj-semantic-color-text-neutral-inverse-default);
  --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-status-danger-solid-pressed);
  --nj-btn-pressed-color: var(--nj-semantic-color-text-neutral-inverse-default);
  --nj-btn-focused-bg-color: var(--nj-semantic-color-background-status-danger-solid-focused);
  --nj-btn-focused-color: var(--nj-semantic-color-text-neutral-inverse-default);
}

.nj-btn.nj-btn--destructive.nj-btn--subtle, .nj-accordion .nj-btn--destructive.nj-btn--subtle.nj-accordion__action, .nj-modal-confirmation.nj-modal-confirmation--danger .nj-modal-confirmation__confirm-action .nj-btn.nj-btn--subtle, .nj-accordion .nj-btn--destructive.nj-accordion__action, .nj-modal-confirmation.nj-modal-confirmation--danger .nj-modal-confirmation__confirm-action .nj-accordion .nj-btn.nj-accordion__action, .nj-accordion .nj-modal-confirmation.nj-modal-confirmation--danger .nj-modal-confirmation__confirm-action .nj-btn.nj-accordion__action, .nj-modal-confirmation.nj-modal-confirmation--danger .nj-accordion .nj-modal-confirmation__confirm-action .nj-accordion__action.nj-btn, .nj-btn.nj-btn--destructive.nj-btn--minimal, .nj-accordion .nj-btn--destructive.nj-btn--minimal.nj-accordion__action, .nj-modal-confirmation.nj-modal-confirmation--danger .nj-modal-confirmation__confirm-action .nj-btn.nj-btn--minimal {
  --nj-btn-bg-color: var(--nj-semantic-color-background-status-danger-primary-translucent-default);
  --nj-btn-color: var(--nj-semantic-color-text-status-danger-primary-default);
  --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-status-danger-primary-translucent-hovered);
  --nj-btn-hovered-color: var(--nj-semantic-color-text-status-danger-primary-hovered);
  --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-status-danger-primary-translucent-pressed);
  --nj-btn-pressed-color: var(--nj-semantic-color-text-status-danger-primary-pressed);
  --nj-btn-focused-bg-color: var(--nj-semantic-color-background-status-danger-primary-translucent-focused);
  --nj-btn-focused-color: var(--nj-semantic-color-text-status-danger-primary-focused);
}

.nj-btn.nj-btn--destructive.nj-btn--subtle, .nj-modal-confirmation.nj-modal-confirmation--danger .nj-modal-confirmation__confirm-action .nj-btn.nj-btn--subtle, .nj-accordion .nj-btn--destructive.nj-accordion__action, .nj-modal-confirmation.nj-modal-confirmation--danger .nj-modal-confirmation__confirm-action .nj-accordion .nj-btn.nj-accordion__action, .nj-accordion .nj-modal-confirmation.nj-modal-confirmation--danger .nj-modal-confirmation__confirm-action .nj-btn.nj-accordion__action, .nj-modal-confirmation.nj-modal-confirmation--danger .nj-accordion .nj-modal-confirmation__confirm-action .nj-accordion__action.nj-btn {
  --nj-btn-border-color: var(--nj-semantic-color-border-status-danger-strong-default);
}

.nj-btn.nj-btn--destructive.nj-btn--minimal, .nj-accordion .nj-btn--destructive.nj-btn--minimal.nj-accordion__action, .nj-modal-confirmation.nj-modal-confirmation--danger .nj-modal-confirmation__confirm-action .nj-btn.nj-btn--minimal {
  border: none;
}

.nj-btn.nj-btn--inverse, .nj-accordion .nj-btn--inverse.nj-accordion__action {
  --nj-btn-bg-color: var(--nj-semantic-color-background-neutral-inverse-default);
  --nj-btn-color: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-neutral-inverse-hovered);
  --nj-btn-hovered-color: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-neutral-inverse-pressed);
  --nj-btn-pressed-color: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-btn-focused-bg-color: var(--nj-semantic-color-background-neutral-inverse-focused);
  --nj-btn-focused-color: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-btn-focused-ring-color: var(--nj-semantic-color-border-neutral-inverse-default);
}

.nj-btn.nj-btn--inverse.nj-btn--subtle, .nj-accordion .nj-btn--inverse.nj-btn--subtle.nj-accordion__action, .nj-accordion .nj-btn--inverse.nj-accordion__action, .nj-btn.nj-btn--inverse.nj-btn--minimal, .nj-accordion .nj-btn--inverse.nj-btn--minimal.nj-accordion__action {
  --nj-btn-bg-color: var(--nj-core-color-reference-neutral-alpha-inverse-0);
  --nj-btn-color: var(--nj-semantic-color-text-neutral-inverse-default);
  --nj-btn-hovered-bg-color: var(--nj-core-color-reference-neutral-alpha-inverse-200);
  --nj-btn-hovered-color: var(--nj-semantic-color-text-neutral-inverse-default);
  --nj-btn-pressed-bg-color: var(--nj-core-color-reference-neutral-alpha-inverse-300);
  --nj-btn-pressed-color: var(--nj-semantic-color-text-neutral-inverse-default);
  --nj-btn-focused-bg-color: var(--nj-core-color-reference-neutral-alpha-inverse-200);
  --nj-btn-focused-color: var(--nj-semantic-color-text-neutral-inverse-default);
}

.nj-btn.nj-btn--inverse.nj-btn--subtle, .nj-accordion .nj-btn--inverse.nj-accordion__action {
  --nj-btn-border-color: var(--nj-semantic-color-border-neutral-inverse-default);
}

.nj-btn.nj-btn--ai, .nj-accordion .nj-btn--ai.nj-accordion__action {
  --nj-btn-bg-image: var(--nj-semantic-color-background-additional-ai-default);
  --nj-btn-bg-color: var(--nj-semantic-color-background-brand-solid-hovered);
  --nj-btn-color: var(--nj-semantic-color-text-neutral-inverse-default);
  --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-brand-solid-hovered);
  --nj-btn-hovered-color: var(--nj-semantic-color-text-neutral-inverse-default);
  --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-brand-solid-pressed);
  --nj-btn-pressed-color: var(--nj-semantic-color-text-neutral-inverse-default);
  --nj-btn-focused-bg-color: var(--nj-semantic-color-background-brand-solid-focused);
  --nj-btn-focused-color: var(--nj-semantic-color-text-neutral-inverse-default);
  --nj-btn-focused-ring-color: var(--nj-semantic-color-border-brand-strong-default);
}

.nj-btn.nj-btn--ai.nj-btn--subtle, .nj-accordion .nj-btn--ai.nj-btn--subtle.nj-accordion__action, .nj-accordion .nj-btn--ai.nj-accordion__action, .nj-btn.nj-btn--ai.nj-btn--minimal, .nj-accordion .nj-btn--ai.nj-btn--minimal.nj-accordion__action {
  --nj-btn-border-color: transparent;
  --nj-btn-bg-image: none;
  --nj-btn-bg-color: var(--nj-semantic-color-background-neutral-inverse-default);
  --nj-btn-color: var(--nj-semantic-color-text-brand-primary-default);
  --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-neutral-primary-hovered);
  --nj-btn-hovered-color: var(--nj-semantic-color-text-brand-primary-hovered);
  --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-neutral-primary-pressed);
  --nj-btn-pressed-color: var(--nj-semantic-color-text-brand-primary-pressed);
  --nj-btn-focused-bg-color: var(--nj-semantic-color-background-neutral-primary-hovered);
  --nj-btn-focused-color: var(--nj-semantic-color-text-brand-primary-hovered);
  --nj-btn-border-image: var(--nj-semantic-color-border-additional-ai-default);
  position: relative;
  transform-style: preserve-3d;
}

.nj-btn.nj-btn--ai.nj-btn--subtle::before, .nj-accordion .nj-btn--ai.nj-btn--subtle.nj-accordion__action::before, .nj-accordion .nj-btn--ai.nj-accordion__action::before, .nj-btn.nj-btn--ai.nj-btn--minimal::before, .nj-accordion .nj-btn--ai.nj-btn--minimal.nj-accordion__action::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  background-image: var(--nj-semantic-color-background-additional-ai-default);
  opacity: 0.15;
  filter: blur(16px);
  transform: translate3d(0, 0, -1px);
}

.nj-accordion {
  box-sizing: border-box;
}

.nj-accordion *,
.nj-accordion *::before,
.nj-accordion *::after {
  box-sizing: border-box;
}

.nj-accordion {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  --nj-accordion-item-shadow: none;
  display: flex;
  flex-direction: column;
}

.nj-accordion details.nj-accordion-item {
  background-color: var(--nj-semantic-color-background-neutral-primary-default);
  box-shadow: var(--nj-accordion-item-shadow);
}

.nj-accordion details.nj-accordion-item:not(:first-of-type) {
  --nj-accordion-item-shadow: inset 0 var(--nj-semantic-size-border-width)
    var(--nj-semantic-color-border-neutral-subtle-default);
}

.nj-accordion:is(.nj-accordion.nj-accordion--separated) details.nj-accordion-item {
  --nj-accordion-item-shadow: inset 0 0 0 var(--nj-semantic-size-border-width)
    var(--nj-semantic-color-border-neutral-subtle-default);
}

.nj-accordion.nj-accordion--no-border details.nj-accordion-item:not(:first-of-type) {
  --nj-accordion-item-shadow: none;
}

.nj-accordion.nj-accordion--no-border:is(.nj-accordion.nj-accordion--no-border.nj-accordion--separated) details.nj-accordion-item {
  --nj-accordion-item-shadow: none;
}

.nj-accordion.nj-accordion--separated {
  gap: var(--nj-semantic-size-spacing-12);
}

.nj-accordion .nj-accordion__actions {
  display: flex;
  gap: var(--nj-semantic-size-spacing-16);
  justify-content: flex-end;
  padding: var(--nj-semantic-size-spacing-16) 0;
}

details.nj-accordion-item {
  box-sizing: border-box;
}

details.nj-accordion-item *,
details.nj-accordion-item *::before,
details.nj-accordion-item *::after {
  box-sizing: border-box;
}

details.nj-accordion-item {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  --nj-accordion-item-font-size: var(--nj-semantic-font-size-text-md-desktop);
  --nj-accordion-item-font-size-large: var(--nj-semantic-font-size-heading-xs-desktop);
  --nj-accordion-item-padding: var(--nj-semantic-size-spacing-16) var(--nj-semantic-size-spacing-24);
  --nj-accordion-item-padding-large: var(--nj-semantic-size-spacing-24);
  --nj-accordion-item-background-color: transparent;
  --nj-accordion-item-background-color-hover: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
  --nj-accordion-item-background-color-pressed: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
  --nj-accordion-item-box-shadow: none;
  --nj-accordion-item-icon-size: 24px;
  color: var(--nj-semantic-color-text-neutral-primary-default);
}

details.nj-accordion-item > summary {
  display: flex;
  gap: var(--nj-semantic-size-spacing-16);
  align-items: center;
  justify-content: space-between;
  padding: var(--nj-accordion-item-padding);
  font-size: var(--nj-accordion-item-font-size);
  font-weight: var(--nj-semantic-font-weight-bold);
  appearance: none;
  cursor: pointer;
  list-style: none;
  background-color: var(--nj-accordion-item-background-color);
  box-shadow: var(--nj-accordion-item-box-shadow);
}

details.nj-accordion-item > summary:hover, details.nj-accordion-item > summary:focus-visible {
  --nj-accordion-item-background-color: var(--nj-accordion-item-background-color-hover);
}

details.nj-accordion-item > summary:active {
  --nj-accordion-item-background-color: var(--nj-accordion-item-background-color-pressed);
}

details.nj-accordion-item > summary:focus-visible {
  outline: none;
  --nj-accordion-item-box-shadow: inset 0 0 0 2px var(--nj-semantic-color-border-brand-strong-default);
}

details.nj-accordion-item > summary .nj-accordion-item__label {
  flex-grow: 1;
}

details.nj-accordion-item > summary .nj-accordion-item__icon {
  width: var(--nj-accordion-item-icon-size);
}

details.nj-accordion-item > summary .nj-accordion-item__toggle {
  font-size: var(--nj-semantic-size-icon-md);
  color: var(--nj-semantic-color-icon-neutral-tertiary-default);
}

details.nj-accordion-item > summary .nj-accordion-item__toggle.nj-accordion-item__toggle--opened {
  display: none;
}

details.nj-accordion-item > .nj-accordion-item__content {
  padding: var(--nj-accordion-item-padding);
  margin: 0;
}

details.nj-accordion-item[open] .nj-accordion-item__toggle:not(details.nj-accordion-item[open] .nj-accordion-item__toggle.nj-accordion-item__toggle--closed, details.nj-accordion-item[open] .nj-accordion-item__toggle.nj-accordion-item__toggle--opened) {
  transform: rotate(180deg);
}

details.nj-accordion-item[open] .nj-accordion-item__toggle.nj-accordion-item__toggle--closed {
  display: none;
}

details.nj-accordion-item[open] .nj-accordion-item__toggle.nj-accordion-item__toggle--opened {
  display: initial;
}

details.nj-accordion-item.nj-accordion-item--lg {
  --nj-accordion-item-padding: var(--nj-accordion-item-padding-large);
  --nj-accordion-item-font-size: var(--nj-accordion-item-font-size-large);
}

details.nj-accordion-item.nj-accordion-item--leading-toggle summary .nj-accordion-item__toggle {
  order: 1;
}

details.nj-accordion-item.nj-accordion-item--leading-toggle summary .nj-accordion-item__icon {
  order: 2;
}

details.nj-accordion-item.nj-accordion-item--leading-toggle summary .nj-accordion-item__label {
  order: 3;
}

.nj-badge {
  box-sizing: border-box;
}

.nj-badge *,
.nj-badge *::before,
.nj-badge *::after {
  box-sizing: border-box;
}

.nj-badge {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  display: inline-flex;
  gap: var(--nj-badge-icon-gap);
  align-items: center;
  justify-content: center;
  padding: var(--nj-badge-padding);
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--nj-badge-font-size);
  font-weight: var(--nj-semantic-font-weight-bold);
  line-height: 1;
  color: var(--nj-badge-text-color);
  background: var(--nj-badge-background);
  border-radius: 99rem;
  box-shadow: 0 0 0 1px var(--nj-badge-border-color);
}

[data-theme=light] .nj-badge.nj-badge--warning:not(.nj-badge--subtle, .nj-badge--minimal), .nj-badge[data-theme=light].nj-badge--warning:not(.nj-badge--subtle, .nj-badge--minimal) {
  --nj-badge-text-color: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-primary-default);
}

.nj-badge .nj-badge__icon {
  display: flex;
}

.nj-badge.nj-badge--ai:not(.nj-badge--minimal, .nj-badge--subtle) {
  --nj-badge-background: var(--nj-semantic-color-background-additional-ai-default);
}

.nj-badge.nj-badge--ai.nj-badge--minimal {
  position: relative;
  box-shadow: none;
}

.nj-badge.nj-badge--ai.nj-badge--minimal::before {
  position: absolute;
  inset: 0;
  content: "";
  background: var(--nj-semantic-color-background-additional-ai-default) border-box;
  border: 1px solid transparent;
  border-radius: 99rem;
  mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff);
  mask-composite: destination-out;
  mask-composite: exclude;
}

.nj-badge.nj-badge--danger.nj-badge--bold, .nj-badge.nj-badge--danger {
  --nj-badge-background: var(--nj-semantic-color-background-status-danger-solid-default);
}

.nj-badge.nj-badge--danger.nj-badge--subtle {
  --nj-badge-text-color: var(--nj-semantic-color-text-status-danger-contrast-default);
  --nj-badge-background: var(--nj-semantic-color-background-status-danger-tertiary-translucent-default);
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-danger-contrast-default);
}

.nj-badge.nj-badge--danger.nj-badge--minimal {
  --nj-badge-text-color: var(--nj-semantic-color-text-status-danger-primary-default);
  --nj-badge-border-color: var(--nj-semantic-color-border-status-danger-subtle-default);
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-danger-primary-default);
}

.nj-badge.nj-badge--success.nj-badge--bold, .nj-badge.nj-badge--success {
  --nj-badge-background: var(--nj-semantic-color-background-status-success-solid-default);
}

.nj-badge.nj-badge--success.nj-badge--subtle {
  --nj-badge-text-color: var(--nj-semantic-color-text-status-success-contrast-default);
  --nj-badge-background: var(--nj-semantic-color-background-status-success-tertiary-translucent-default);
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-success-contrast-default);
}

.nj-badge.nj-badge--success.nj-badge--minimal {
  --nj-badge-text-color: var(--nj-semantic-color-text-status-success-primary-default);
  --nj-badge-border-color: var(--nj-semantic-color-border-status-success-subtle-default);
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-success-primary-default);
}

.nj-badge.nj-badge--warning.nj-badge--bold, .nj-badge.nj-badge--warning {
  --nj-badge-background: var(--nj-semantic-color-background-status-warning-solid-default);
}

.nj-badge.nj-badge--warning.nj-badge--subtle {
  --nj-badge-text-color: var(--nj-semantic-color-text-status-warning-contrast-default);
  --nj-badge-background: var(--nj-semantic-color-background-status-warning-tertiary-translucent-default);
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-warning-contrast-default);
}

.nj-badge.nj-badge--warning.nj-badge--minimal {
  --nj-badge-text-color: var(--nj-semantic-color-text-status-warning-primary-default);
  --nj-badge-border-color: var(--nj-semantic-color-border-status-warning-subtle-default);
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-warning-contrast-default);
}

.nj-badge.nj-badge--information.nj-badge--bold, .nj-avatar .nj-badge, .nj-badge.nj-badge--information, .nj-badge.nj-badge--ai {
  --nj-badge-background: var(--nj-semantic-color-background-status-information-solid-default);
}

.nj-badge.nj-badge--information.nj-badge--subtle, .nj-avatar .nj-badge.nj-badge--subtle, .nj-badge.nj-badge--subtle.nj-badge--ai {
  --nj-badge-text-color: var(--nj-semantic-color-text-status-information-contrast-default);
  --nj-badge-background: var(--nj-semantic-color-background-status-information-tertiary-translucent-default);
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-information-contrast-default);
}

.nj-badge.nj-badge--information.nj-badge--minimal, .nj-avatar .nj-badge.nj-badge--minimal, .nj-badge.nj-badge--minimal.nj-badge--ai {
  --nj-badge-text-color: var(--nj-semantic-color-text-status-information-primary-default);
  --nj-badge-border-color: var(--nj-semantic-color-border-status-information-subtle-default);
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-information-primary-default);
}

.nj-badge.nj-badge--discovery.nj-badge--bold, .nj-badge.nj-badge--discovery {
  --nj-badge-background: var(--nj-semantic-color-background-status-discovery-solid-default);
}

.nj-badge.nj-badge--discovery.nj-badge--subtle {
  --nj-badge-text-color: var(--nj-semantic-color-text-status-discovery-contrast-default);
  --nj-badge-background: var(--nj-semantic-color-background-status-discovery-tertiary-translucent-default);
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-discovery-contrast-default);
}

.nj-badge.nj-badge--discovery.nj-badge--minimal {
  --nj-badge-text-color: var(--nj-semantic-color-text-status-discovery-primary-default);
  --nj-badge-border-color: var(--nj-semantic-color-border-status-discovery-subtle-default);
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-discovery-primary-default);
}

.nj-badge.nj-badge--planet.nj-badge--bold, .nj-badge.nj-badge--planet {
  --nj-badge-background: var(--nj-semantic-color-background-status-planet-solid-default);
}

.nj-badge.nj-badge--planet.nj-badge--subtle {
  --nj-badge-text-color: var(--nj-semantic-color-text-status-planet-contrast-default);
  --nj-badge-background: var(--nj-semantic-color-background-status-planet-tertiary-translucent-default);
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-planet-contrast-default);
}

.nj-badge.nj-badge--planet.nj-badge--minimal {
  --nj-badge-text-color: var(--nj-semantic-color-text-status-planet-primary-default);
  --nj-badge-border-color: var(--nj-semantic-color-border-status-planet-subtle-default);
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-planet-primary-default);
}

.nj-badge.nj-badge--bold, .nj-badge {
  --nj-badge-text-color: var(--nj-semantic-color-text-neutral-inverse-default);
  --nj-badge-border-color: var(--nj-semantic-color-border-neutral-inverse-default);
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-inverse-default);
}

.nj-badge.nj-badge--subtle {
  --nj-badge-border-color: transparent;
}

.nj-badge.nj-badge--minimal {
  --nj-badge-background: transparent;
}

.nj-badge.nj-badge--neutral.nj-badge--bold, .nj-badge {
  --nj-badge-background: var(--nj-semantic-color-background-neutral-solid-default);
}

.nj-badge.nj-badge--neutral.nj-badge--subtle, .nj-badge.nj-badge--subtle {
  --nj-badge-background: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);
  --nj-badge-text-color: var(--nj-semantic-color-text-neutral-contrast-default);
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-contrast-default);
}

.nj-badge.nj-badge--neutral.nj-badge--minimal, .nj-badge.nj-badge--minimal {
  --nj-badge-text-color: var(--nj-semantic-color-text-neutral-tertiary-default);
  --nj-badge-border-color: var(--nj-semantic-color-border-neutral-subtle-default);
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-tertiary-default);
}

.nj-badge.nj-badge--md, .nj-tab__item > .nj-badge, .nj-list .nj-badge.nj-list__item-trailing:is(.nj-badge), .nj-avatar.nj-avatar--xl .nj-badge, .nj-avatar.nj-avatar--2xl .nj-badge, .nj-avatar-list.nj-avatar-list--xl .nj-avatar .nj-badge, .nj-avatar-list.nj-avatar-list--2xl .nj-avatar .nj-badge, .nj-badge {
  --nj-badge-font-size: var(--nj-semantic-font-size-text-xs-desktop);
  --nj-material-icon-size: var(--nj-semantic-size-icon-xs);
  --nj-badge-padding: var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-8);
  --nj-badge-icon-gap: var(--nj-semantic-size-spacing-8);
}

.nj-badge.nj-badge--sm, .nj-avatar.nj-avatar--sm .nj-badge, .nj-avatar.nj-avatar--md .nj-badge, .nj-avatar.nj-avatar--lg .nj-badge, .nj-avatar .nj-badge, .nj-avatar-list.nj-avatar-list--sm .nj-avatar .nj-badge, .nj-avatar-list.nj-avatar-list--md .nj-avatar .nj-badge, .nj-avatar-list.nj-avatar-list--lg .nj-avatar .nj-badge {
  --nj-badge-font-size: var(--nj-semantic-font-size-content-4);
  --nj-material-icon-size: var(--nj-semantic-size-icon-2xs);
  --nj-badge-padding: var(--nj-semantic-size-spacing-4) 0.375rem;
  --nj-badge-icon-gap: var(--nj-semantic-size-spacing-4);
}

.nj-badge.nj-badge--lg, .nj-avatar.nj-avatar--3xl .nj-badge, .nj-avatar-list.nj-avatar-list--3xl .nj-avatar .nj-badge {
  --nj-badge-font-size: var(--nj-semantic-font-size-text-sm-desktop);
  --nj-material-icon-size: var(--nj-semantic-size-icon-sm);
  --nj-badge-padding: 0.375rem var(--nj-semantic-size-spacing-12);
  --nj-badge-icon-gap: var(--nj-semantic-size-spacing-8);
}

.nj-badge.nj-badge--uppercase {
  text-transform: uppercase;
}

.nj-status-indicator {
  --nj-status-indicator-diameter: calc(var(--nj-status-indicator-svg-diameter) + 2px);
  --nj-status-indicator-status-font-color: var(--nj-semantic-color-text-neutral-inverse-default);
  box-sizing: border-box;
}

.nj-status-indicator *,
.nj-status-indicator *::before,
.nj-status-indicator *::after {
  box-sizing: border-box;
}

.nj-status-indicator {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  display: flex;
  gap: var(--nj-semantic-size-spacing-8);
  align-items: center;
  justify-content: center;
}

.nj-status-indicator.nj-status-indicator--sm {
  --nj-status-indicator-text-size: 12px;
  --nj-status-indicator-svg-diameter: 10px;
}

.nj-status-indicator.nj-status-indicator--md, .nj-avatar.nj-avatar--sm .nj-status-indicator, .nj-avatar.nj-avatar--md .nj-status-indicator, .nj-avatar.nj-avatar--lg .nj-status-indicator, .nj-avatar-list.nj-avatar-list--sm .nj-avatar .nj-status-indicator, .nj-avatar-list.nj-avatar-list--md .nj-avatar .nj-status-indicator, .nj-avatar-list.nj-avatar-list--lg .nj-avatar .nj-status-indicator, .nj-status-indicator {
  --nj-status-indicator-text-size: 14px;
  --nj-status-indicator-svg-diameter: 14px;
}

.nj-status-indicator.nj-status-indicator--lg, .nj-inline-message .nj-status-indicator.nj-inline-message__status, .nj-avatar.nj-avatar--xl .nj-status-indicator, .nj-avatar.nj-avatar--2xl .nj-status-indicator, .nj-avatar.nj-avatar--3xl .nj-status-indicator, .nj-avatar-list.nj-avatar-list--xl .nj-avatar .nj-status-indicator, .nj-avatar-list.nj-avatar-list--2xl .nj-avatar .nj-status-indicator, .nj-avatar-list.nj-avatar-list--3xl .nj-avatar .nj-status-indicator {
  --nj-status-indicator-text-size: 16px;
  --nj-status-indicator-svg-diameter: 22px;
}

.nj-status-indicator.nj-status-indicator--offline {
  --nj-status-indicator-status-color: var(--nj-core-color-grey-500);
}

.nj-status-indicator.nj-status-indicator--online, .nj-status-indicator {
  --nj-status-indicator-status-color: var(--nj-semantic-color-background-accent-green-solid-default);
}

.nj-status-indicator.nj-status-indicator--away {
  --nj-status-indicator-status-color: var(--nj-semantic-color-background-accent-yellow-solid-default);
}

.nj-status-indicator.nj-status-indicator--do-not-disturb {
  --nj-status-indicator-status-color: var(--nj-semantic-color-background-accent-red-solid-default);
}

.nj-status-indicator.nj-status-indicator--busy {
  --nj-status-indicator-status-color: var(--nj-semantic-color-background-accent-red-solid-default);
}

.nj-status-indicator.nj-status-indicator--unknown {
  --nj-status-indicator-status-color: var(--nj-semantic-color-background-neutral-solid-default);
}

.nj-status-indicator.nj-status-indicator--error, .nj-inline-message.nj-inline-message--error .nj-status-indicator.nj-inline-message__status, .nj-inline-message .nj-status-indicator.nj-inline-message__status, .nj-inline-message.nj-inline-message--fatal-error .nj-status-indicator.nj-inline-message__status {
  --nj-status-indicator-status-color: var(--nj-semantic-color-background-status-danger-solid-default);
}

.nj-status-indicator.nj-status-indicator--success, .nj-inline-message.nj-inline-message--success .nj-status-indicator.nj-inline-message__status {
  --nj-status-indicator-status-color: var(--nj-semantic-color-background-status-success-solid-default);
}

.nj-status-indicator.nj-status-indicator--warning, .nj-inline-message.nj-inline-message--warning .nj-status-indicator.nj-inline-message__status {
  --nj-status-indicator-status-color: var(--nj-semantic-color-background-status-warning-solid-default);
}

.nj-status-indicator.nj-status-indicator--in-progress {
  --nj-status-indicator-status-color: var(--nj-semantic-color-background-accent-blue-solid-default);
}

.nj-status-indicator.nj-status-indicator--information, .nj-inline-message.nj-inline-message--information .nj-status-indicator.nj-inline-message__status {
  --nj-status-indicator-status-color: var(--nj-semantic-color-background-status-information-solid-default);
}

.nj-status-indicator.nj-status-indicator--discovery, .nj-inline-message.nj-inline-message--discovery .nj-status-indicator.nj-inline-message__status {
  --nj-status-indicator-status-color: var(--nj-semantic-color-background-status-discovery-solid-default);
}

.nj-status-indicator.nj-status-indicator--planet, .nj-inline-message.nj-inline-message--planet .nj-status-indicator.nj-inline-message__status {
  --nj-status-indicator-status-color: var(--nj-semantic-color-background-status-planet-solid-default);
}

.nj-status-indicator.nj-status-indicator--ai {
  --nj-status-indicator-status-color: var(--nj-semantic-color-background-additional-ai-default);
}

.nj-status-indicator.nj-status-indicator--offline .nj-status-indicator__svg::after {
  mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.47%200%200%204.47%200%2010C0%2015.53%204.47%2020%2010%2020C15.53%2020%2020%2015.53%2020%2010C20%204.47%2015.53%200%2010%200ZM15%2013.59L13.59%2015L10%2011.41L6.41%2015L5%2013.59L8.59%2010L5%206.41L6.41%205L10%208.59L13.59%205L15%206.41L11.41%2010L15%2013.59Z%22%20%2F%3E%3C%2Fsvg%3E");
}

.nj-status-indicator.nj-status-indicator--online .nj-status-indicator__svg::after, .nj-status-indicator .nj-status-indicator__svg::after {
  mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM8%2015L3%2010L4.41%208.59L8%2012.17L15.59%204.58L17%206L8%2015Z%22%2F%3E%3C%2Fsvg%3E");
}

.nj-status-indicator.nj-status-indicator--away .nj-status-indicator__svg::after {
  mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.5%200%200%204.5%200%2010C0%2015.5%204.5%2020%2010%2020C15.5%2020%2020%2015.5%2020%2010C20%204.5%2015.5%200%2010%200ZM14.2%2014.2L9%2011V5H10.5V10.2L15%2012.9L14.2%2014.2Z%22%2F%3E%3C%2Fsvg%3E%20");
}

.nj-status-indicator.nj-status-indicator--do-not-disturb .nj-status-indicator__svg::after {
  mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM15%2011H5V9H15V11Z%22%2F%3E%3C%2Fsvg%3E");
}

.nj-status-indicator.nj-status-indicator--busy .nj-status-indicator__svg::after {
  mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200Z%22%2F%3E%3C%2Fsvg%3E");
}

.nj-status-indicator.nj-status-indicator--unknown .nj-status-indicator__svg::after {
  mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM11%2017H9V15H11V17ZM13.07%209.25L12.17%2010.17C11.45%2010.9%2011%2011.5%2011%2013H9V12.5C9%2011.4%209.45%2010.4%2010.17%209.67L11.41%208.41C11.78%208.05%2012%207.55%2012%207C12%205.9%2011.1%205%2010%205C8.9%205%208%205.9%208%207H6C6%204.79%207.79%203%2010%203C12.21%203%2014%204.79%2014%207C14%207.88%2013.64%208.68%2013.07%209.25Z%22%2F%3E%3C%2Fsvg%3E");
}

.nj-status-indicator.nj-status-indicator--error .nj-status-indicator__svg::after, .nj-inline-message .nj-status-indicator.nj-inline-message__status .nj-status-indicator__svg::after {
  mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.47%200%200%204.47%200%2010C0%2015.53%204.47%2020%2010%2020C15.53%2020%2020%2015.53%2020%2010C20%204.47%2015.53%200%2010%200ZM15%2013.59L13.59%2015L10%2011.41L6.41%2015L5%2013.59L8.59%2010L5%206.41L6.41%205L10%208.59L13.59%205L15%206.41L11.41%2010L15%2013.59Z%22%20%2F%3E%3C%2Fsvg%3E");
}

.nj-status-indicator.nj-status-indicator--success .nj-status-indicator__svg::after, .nj-inline-message.nj-inline-message--success .nj-status-indicator.nj-inline-message__status .nj-status-indicator__svg::after {
  mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM8%2015L3%2010L4.41%208.59L8%2012.17L15.59%204.58L17%206L8%2015Z%22%2F%3E%3C%2Fsvg%3E");
}

.nj-status-indicator.nj-status-indicator--warning .nj-status-indicator__svg::after, .nj-inline-message.nj-inline-message--warning .nj-status-indicator.nj-inline-message__status .nj-status-indicator__svg::after {
  mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM11%2015H9V13H11V15ZM11%2011H9V5H11V11Z%22%2F%3E%3C%2Fsvg%3E");
}

.nj-status-indicator.nj-status-indicator--in-progress .nj-status-indicator__svg::after {
  mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.24%205.76C13.07%204.59%2011.54%204%2010%204V10L5.76%2014.24C8.1%2016.58%2011.9%2016.58%2014.25%2014.24C16.59%2011.9%2016.59%208.1%2014.24%205.76ZM10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM10%2018C5.58%2018%202%2014.42%202%2010C2%205.58%205.58%202%2010%202C14.42%202%2018%205.58%2018%2010C18%2014.42%2014.42%2018%2010%2018Z%22%20%2F%3E%3C%2Fsvg%3E");
}

.nj-status-indicator.nj-status-indicator--information .nj-status-indicator__svg::after, .nj-inline-message.nj-inline-message--information .nj-status-indicator.nj-inline-message__status .nj-status-indicator__svg::after {
  mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%20-3.05176e-05C4.48%20-3.05176e-05%200%204.47997%200%209.99997C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%209.99997C20%204.47997%2015.52%20-3.05176e-05%2010%20-3.05176e-05ZM11%2015H9V8.99997H11V15ZM11%206.99997L9%206.99997L9%204.99997L11%204.99997L11%206.99997Z%22%2F%3E%3C%2Fsvg%3E");
}

.nj-status-indicator.nj-status-indicator--discovery .nj-status-indicator__svg::after, .nj-inline-message.nj-inline-message--discovery .nj-status-indicator.nj-inline-message__status .nj-status-indicator__svg::after {
  mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%20-3.05176e-05C4.48%20-3.05176e-05%200%204.47997%200%209.99997C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%209.99997C20%204.47997%2015.52%20-3.05176e-05%2010%20-3.05176e-05ZM11%2015H9V8.99997H11V15ZM11%206.99997L9%206.99997L9%204.99997L11%204.99997L11%206.99997Z%22%2F%3E%3C%2Fsvg%3E");
}

.nj-status-indicator.nj-status-indicator--planet .nj-status-indicator__svg::after, .nj-inline-message.nj-inline-message--planet .nj-status-indicator.nj-inline-message__status .nj-status-indicator__svg::after {
  mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%20-3.05176e-05C4.48%20-3.05176e-05%200%204.47997%200%209.99997C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%209.99997C20%204.47997%2015.52%20-3.05176e-05%2010%20-3.05176e-05ZM11%2015H9V8.99997H11V15ZM11%206.99997L9%206.99997L9%204.99997L11%204.99997L11%206.99997Z%22%2F%3E%3C%2Fsvg%3E");
}

.nj-status-indicator.nj-status-indicator--ai .nj-status-indicator__svg::after {
  mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%2020C15.5228%2020%2020%2015.5228%2020%2010C20%204.47715%2015.5228%200%2010%200C4.47715%200%200%204.47715%200%2010C0%2015.5228%204.47715%2020%2010%2020ZM6.48804%2011.1545L4.29856%2010.4158C3.90048%2010.2809%203.90048%209.71916%204.29856%209.58426L6.48804%208.84559C7.59825%208.47183%208.46962%207.59825%208.84559%206.48804L9.58426%204.29856C9.71916%203.90048%2010.2809%203.90048%2010.4158%204.29856L11.1545%206.48804C11.5282%207.59825%2012.4018%208.46962%2013.512%208.84559L15.7015%209.58426C16.0996%209.71916%2016.0996%2010.2809%2015.7015%2010.4158L13.512%2011.1545C12.4018%2011.5282%2011.5305%2012.4018%2011.1545%2013.512L10.4158%2015.7015C10.2809%2016.0996%209.71916%2016.0996%209.58426%2015.7015L8.84559%2013.512C8.47183%2012.4018%207.59825%2011.5305%206.48804%2011.1545Z%22%2F%3E%3C%2Fsvg%3E");
}

.nj-status-indicator.nj-status-indicator--warning, .nj-inline-message.nj-inline-message--warning .nj-status-indicator.nj-inline-message__status, .nj-status-indicator.nj-status-indicator--away {
  --nj-status-indicator-status-font-color: var(--nj-semantic-color-text-neutral-primary-not-invertible-default);
}

.nj-status-indicator .nj-status-indicator__svg {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--nj-status-indicator-diameter);
  height: var(--nj-status-indicator-diameter);
  background-color: var(--nj-semantic-color-background-neutral-primary-default);
  border-radius: var(--nj-status-indicator-svg-diameter);
}

.nj-status-indicator .nj-status-indicator__svg::after {
  position: absolute;
  width: var(--nj-status-indicator-svg-diameter);
  height: var(--nj-status-indicator-svg-diameter);
  content: "";
  background: var(--nj-status-indicator-status-color);
}

.nj-status-indicator .nj-status-indicator__svg::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 80%;
  content: "";
  background: var(--nj-status-indicator-status-font-color);
  border-radius: 100%;
  transform: translate(-50%, -50%);
}

.nj-status-indicator .nj-status-indicator__text {
  margin: 0;
  font-size: var(--nj-status-indicator-text-size);
  color: var(--nj-semantic-color-text-neutral-primary-default);
}

.nj-avatar {
  --nj-avatar-border-color: var(--nj-semantic-color-border-neutral-inverse-default);
  --nj-avatar-background-color: var(--nj-semantic-color-background-brand-solid-default);
  --nj-avatar-background-color-hovered: var(--nj-semantic-color-background-brand-solid-hovered);
  --nj-avatar-background-color-pressed: var(--nj-semantic-color-background-brand-solid-pressed);
  --nj-avatar-outline-color-hovered: var(--nj-avatar-background-color-hovered);
  --nj-avatar-outline-color-pressed: var(--nj-avatar-background-color-pressed);
  --nj-avatar-focus-additional-offset: 4px;
  box-sizing: border-box;
}

.nj-avatar *,
.nj-avatar *::before,
.nj-avatar *::after {
  box-sizing: border-box;
}

.nj-avatar {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--nj-avatar-size);
  min-width: var(--nj-avatar-size);
  height: var(--nj-avatar-size);
  color: var(--nj-semantic-color-text-neutral-inverse-default);
  -webkit-user-select: none;
  user-select: none;
  background-color: var(--nj-avatar-background-color);
  border: 2px solid var(--nj-avatar-border-color);
  border-radius: 50%;
}

.nj-avatar *,
.nj-avatar *::before,
.nj-avatar *::after {
  box-sizing: border-box;
}

.nj-avatar--default-icon::before {
  width: 50%;
  height: 50%;
  content: "";
  background: var(--nj-semantic-color-text-neutral-inverse-default);
  mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_1642_712%29%22%3E%3Cpath%20d%3D%22M12%205.9C13.16%205.9%2014.1%206.84%2014.1%208C14.1%209.16%2013.16%2010.1%2012%2010.1C10.84%2010.1%209.9%209.16%209.9%208C9.9%206.84%2010.84%205.9%2012%205.9ZM12%2014.9C14.97%2014.9%2018.1%2016.36%2018.1%2017V18.1H5.9V17C5.9%2016.36%209.03%2014.9%2012%2014.9ZM12%204C9.79%204%208%205.79%208%208C8%2010.21%209.79%2012%2012%2012C14.21%2012%2016%2010.21%2016%208C16%205.79%2014.21%204%2012%204ZM12%2013C9.33%2013%204%2014.34%204%2017V20H20V17C20%2014.34%2014.67%2013%2012%2013Z%22%20fill%3D%22%23212121%22%20%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1642_712%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20%20%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.nj-avatar__picture {
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  border-radius: 50%;
  -webkit-user-drag: none;
}

.nj-avatar__initials {
  text-transform: uppercase;
}

.nj-avatar--remaining-count {
  --nj-avatar-background-color: var(--nj-semantic-color-background-neutral-solid-default);
  --nj-avatar-background-color-hovered: var(--nj-semantic-color-background-neutral-solid-hovered);
  --nj-avatar-background-color-active: var(--nj-semantic-color-background-neutral-solid-pressed);
}

.nj-avatar .nj-badge {
  position: absolute;
  top: -2px;
  right: -2px;
  z-index: 2;
  font-weight: var(--nj-semantic-font-weight-regular);
  transform: none;
}

.nj-avatar .nj-badge * {
  margin: 0;
}

.nj-avatar .nj-status-indicator {
  position: absolute;
  right: -2px;
  bottom: -2px;
  z-index: 2;
}

.nj-avatar.nj-avatar--sm, .nj-avatar-list.nj-avatar-list--sm .nj-avatar {
  --nj-avatar-size: var(--nj-component-avatar-size-sm);
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-sm);
  line-height: var(--nj-semantic-line-height-text-sm);
}

.nj-avatar.nj-avatar--md, .nj-avatar-list.nj-avatar-list--md .nj-avatar {
  --nj-avatar-size: var(--nj-component-avatar-size-md);
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-lg);
  line-height: var(--nj-semantic-line-height-text-lg);
}

.nj-avatar.nj-avatar--lg, .nj-avatar-list.nj-avatar-list--lg .nj-avatar, .nj-avatar {
  --nj-avatar-size: var(--nj-component-avatar-size-lg);
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-heading-xs);
  line-height: var(--nj-semantic-line-height-heading-xs);
}

.nj-avatar.nj-avatar--xl, .nj-avatar-list.nj-avatar-list--xl .nj-avatar {
  --nj-avatar-size: var(--nj-component-avatar-size-xl);
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-heading-sm);
  line-height: var(--nj-semantic-line-height-heading-sm);
}

.nj-avatar.nj-avatar--2xl, .nj-avatar-list.nj-avatar-list--2xl .nj-avatar {
  --nj-avatar-size: var(--nj-component-avatar-size-2xl);
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-heading-sm);
  line-height: var(--nj-semantic-line-height-heading-sm);
}

.nj-avatar.nj-avatar--3xl, .nj-avatar-list.nj-avatar-list--3xl .nj-avatar {
  --nj-avatar-size: var(--nj-component-avatar-size-3xl);
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-heading-lg);
  line-height: var(--nj-semantic-line-height-heading-lg);
}

.nj-avatar.nj-avatar--picture {
  background: none;
}

.nj-avatar.nj-avatar[href], .nj-avatar.nj-avatar:is(button), .nj-avatar.nj-avatar:is(a), .nj-avatar.nj-avatar--clickable {
  padding: 0;
  text-decoration: none;
  cursor: pointer;
}

.nj-avatar.nj-avatar[href].nj-avatar--picture, .nj-avatar.nj-avatar:is(button).nj-avatar--picture, .nj-avatar.nj-avatar:is(a).nj-avatar--picture, .nj-avatar.nj-avatar--clickable.nj-avatar--picture {
  --nj-avatar-filter: var(--nj-semantic-color-background-neutral-primary-translucent-default);
}

.nj-avatar.nj-avatar[href].nj-avatar--picture::after, .nj-avatar.nj-avatar:is(button).nj-avatar--picture::after, .nj-avatar.nj-avatar:is(a).nj-avatar--picture::after, .nj-avatar.nj-avatar--clickable.nj-avatar--picture::after {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  content: "";
  background: radial-gradient(circle at 50%, var(--nj-avatar-filter) 70%, transparent 50%);
  transform: translate(-50%, -50%);
}

.nj-avatar.nj-avatar[href].nj-avatar--picture:hover, .nj-avatar.nj-avatar:is(button).nj-avatar--picture:hover, .nj-avatar.nj-avatar:is(a).nj-avatar--picture:hover, .nj-avatar.nj-avatar--clickable.nj-avatar--picture:hover {
  --nj-avatar-filter: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
}

.nj-avatar.nj-avatar[href].nj-avatar--picture:focus-visible, .nj-avatar.nj-avatar:is(button).nj-avatar--picture:focus-visible, .nj-avatar.nj-avatar:is(a).nj-avatar--picture:focus-visible, .nj-avatar.nj-avatar--clickable.nj-avatar--picture:focus-visible {
  --nj-avatar-filter: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
}

.nj-avatar.nj-avatar[href].nj-avatar--picture:active, .nj-avatar.nj-avatar:is(button).nj-avatar--picture:active, .nj-avatar.nj-avatar:is(a).nj-avatar--picture:active, .nj-avatar.nj-avatar--clickable.nj-avatar--picture:active {
  --nj-avatar-filter: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
}

.nj-avatar.nj-avatar[href]:hover, .nj-avatar.nj-avatar:is(button):hover, .nj-avatar.nj-avatar:is(a):hover, .nj-avatar.nj-avatar--clickable:hover {
  --nj-avatar-background-color: var(--nj-avatar-background-color-hovered);
  color: var(--nj-semantic-color-text-neutral-inverse-default);
  box-shadow: 0 0 0 2px var(--nj-semantic-color-background-brand-solid-hovered);
}

.nj-avatar.nj-avatar[href]:active, .nj-avatar.nj-avatar:is(button):active, .nj-avatar.nj-avatar:is(a):active, .nj-avatar.nj-avatar--clickable:active {
  --nj-avatar-background-color: var(--nj-avatar-background-color-pressed);
  box-shadow: 0 0 0 2px var(--nj-semantic-color-background-brand-solid-pressed);
}

.nj-avatar.nj-avatar:focus-visible {
  --nj-avatar-background-color: var(--nj-avatar-background-color-hovered);
  outline: none;
  box-shadow: 0 0 0 2px var(--nj-semantic-color-background-brand-solid-hovered);
}

.nj-avatar.nj-avatar:focus-visible::after {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  padding: calc(var(--nj-semantic-size-border-focus-ring-offset) + var(--nj-avatar-focus-additional-offset));
  pointer-events: none;
  content: "";
  border: var(--nj-semantic-size-border-focus-ring-width) solid var(--nj-semantic-color-border-brand-strong-default);
  transform: translate(-50%, -50%);
}

.nj-avatar-list {
  --nj-avatar-size: var(--nj-component-avatar-size-lg);
  --nj-avatar-list-density-default: -0.25;
  --nj-avatar-list-density-compact: -0.5;
  box-sizing: border-box;
}

.nj-avatar-list *,
.nj-avatar-list *::before,
.nj-avatar-list *::after {
  box-sizing: border-box;
}

.nj-avatar-list {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  display: flex;
}

.nj-avatar-list :not(:first-child).nj-avatar, .nj-avatar-list :not(:first-child) .nj-avatar {
  margin-left: calc(var(--nj-avatar-size) * var(--nj-avatar-list-density-default));
}

.nj-avatar-list.nj-avatar-list--compact :not(:first-child).nj-avatar, .nj-avatar-list.nj-avatar-list--compact :not(:first-child) .nj-avatar {
  margin-left: calc(var(--nj-avatar-size) * var(--nj-avatar-list-density-compact));
}

.nj-breadcrumb {
  --nj-breadcrumb-separator-color: var(--nj-semantic-color-text-neutral-tertiary-default);
  --nj-breadcrumb-see-more-color: var(--nj-semantic-color-text-neutral-tertiary-default);
  box-sizing: border-box;
}

.nj-breadcrumb *,
.nj-breadcrumb *::before,
.nj-breadcrumb *::after {
  box-sizing: border-box;
}

.nj-breadcrumb {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
  margin: 0;
  font-size: var(--nj-semantic-font-size-text-sm-desktop);
}

.nj-breadcrumb__item {
  list-style: none;
}

.nj-breadcrumb__item:not(:first-of-type) {
  padding-left: var(--nj-semantic-size-spacing-8);
}

.nj-breadcrumb__item:not(:first-of-type)::before {
  display: inline-block;
  width: 1px;
  height: 10px;
  margin-right: var(--nj-semantic-size-spacing-8);
  content: "";
  background-color: var(--nj-breadcrumb-separator-color);
  transform: skew(-18deg);
}

.nj-breadcrumb__item:last-of-type {
  font-weight: var(--nj-semantic-font-weight-bold);
  color: var(--nj-semantic-color-text-neutral-primary-default);
}

.nj-breadcrumb__see-more {
  display: inline-flex;
  align-items: center;
  padding-left: var(--nj-semantic-size-spacing-8);
  list-style: none;
}

.nj-breadcrumb__see-more::before {
  display: inline-block;
  width: 1px;
  height: 10px;
  margin-right: var(--nj-semantic-size-spacing-8);
  content: "";
  background-color: var(--nj-breadcrumb-separator-color);
  transform: skew(-18deg);
}

.nj-breadcrumb__see-more button {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 12px;
  cursor: pointer;
  background-color: var(--nj-semantic-color-background-neutral-tertiary-default);
  border: none;
  border-radius: var(--nj-semantic-size-border-radius-none);
}

.nj-breadcrumb__see-more button::after {
  position: absolute;
  top: 0;
  left: 50%;
  font-size: var(--nj-semantic-font-size-text-xs-desktop);
  line-height: 1;
  color: var(--nj-breadcrumb-see-more-color);
  content: "...";
  transform: translate(-50%, -25%);
}

.nj-breadcrumb__see-more button:hover {
  background-color: var(--nj-semantic-color-background-neutral-tertiary-hovered);
}

.nj-breadcrumb__see-more button:focus-visible {
  outline: var(--nj-semantic-size-border-focus-ring-width) solid var(--nj-semantic-color-border-brand-strong-default);
  outline-offset: var(--nj-semantic-size-border-focus-ring-offset);
  background-color: var(--nj-semantic-color-background-neutral-tertiary-focused);
}

.nj-breadcrumb__see-more button:active {
  background-color: var(--nj-semantic-color-background-neutral-tertiary-pressed);
}

.nj-card {
  --nj-card-background: var(--nj-semantic-color-background-neutral-primary-default);
  --nj-card-details-color: var(--nj-semantic-color-text-neutral-secondary-default);
  --nj-card-deck-margin: var(--nj-semantic-size-spacing-16);
  --nj-card-spacer: var(--nj-semantic-size-spacing-24);
  --nj-card-border-size: 1px;
  --nj-card-image-filter-opacitiy: 0;
  --nj-card-image-overlay: var(--nj-semantic-color-background-neutral-primary-translucent-default);
  box-sizing: border-box;
}

.nj-card *,
.nj-card *::before,
.nj-card *::after {
  box-sizing: border-box;
}

.nj-card {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  color: var(--nj-semantic-color-text-body);
  overflow-wrap: break-word;
  background-color: var(--nj-card-background);
  border: solid var(--nj-card-border-size) var(--nj-semantic-color-border-neutral-subtle-default);
  border-radius: var(--nj-semantic-size-border-radius-none);
}

.nj-card__header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--nj-card-spacer) var(--nj-card-spacer);
  color: var(--nj-semantic-color-text-neutral-inverse-default);
  background-color: var(--nj-semantic-color-background-brand-solid-default);
}

.nj-card__body {
  flex-direction: column;
  padding: var(--nj-card-spacer);
}

.nj-card__details {
  font-size: var(--nj-semantic-font-size-text-xs-desktop);
  color: var(--nj-card-details-color);
}

.nj-card__title {
  margin-top: var(--nj-semantic-size-spacing-16);
  margin-bottom: var(--nj-semantic-size-spacing-16);
  font-size: var(--nj-semantic-font-size-heading-sm-desktop);
  font-weight: var(--nj-semantic-font-weight-bold);
}

.nj-card__subtitle {
  font-size: var(--nj-semantic-font-size-text-md-desktop);
  font-weight: var(--nj-semantic-font-weight-bold);
}

.nj-card__description {
  margin-bottom: 0;
}

.nj-card__date {
  margin: auto 0 0;
  font-size: var(--nj-semantic-font-size-text-xs-desktop);
  line-height: 1.5rem;
  color: var(--nj-card-details-color);
  text-transform: uppercase;
}

.nj-card__number {
  font-size: var(--nj-semantic-font-size-heading-lg-desktop);
  font-weight: var(--nj-semantic-font-weight-bold);
}

.nj-card__growth {
  display: flex;
  align-items: center;
  font-size: var(--nj-semantic-font-size-heading-sm-desktop);
  font-weight: var(--nj-semantic-font-weight-regular);
}

.nj-card__img-wrapper {
  width: 100%;
}

.nj-card__img {
  width: 100%;
  height: 100%;
  min-height: 1px;
  object-fit: cover;
}

.nj-card__overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: var(--nj-semantic-size-spacing-16);
  overflow: hidden;
  background-color: transparent;
  transition: background-color 0.2s var(--nj-semantic-motion-easing-linear-out-slow-in), padding 0.2s var(--nj-semantic-motion-easing-linear-out-slow-in);
}

.nj-card--border {
  overflow: initial;
}

.nj-card--border::before {
  position: absolute;
  top: 100%;
  left: calc(-1 * var(--nj-card-border-size));
  width: calc(100% + 2 * var(--nj-card-border-size));
  height: 4px;
  content: "";
  background: var(--nj-semantic-color-background-additional-engie-ray-default);
}

.nj-card--horizontal {
  flex-direction: row;
}

@media (max-width: 575.98px) {
  .nj-card--horizontal {
    flex-wrap: wrap;
  }
}
.nj-card--horizontal .nj-card__img-wrapper {
  flex-shrink: 0;
  width: 33%;
  min-width: 200px;
}

@media (max-width: 575.98px) {
  .nj-card--horizontal .nj-card__img-wrapper {
    width: 100%;
  }
}
.nj-card--cover {
  min-height: 320px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: none;
}

.nj-card--cover .nj-card__body {
  position: relative;
  flex-grow: 1;
  padding: 0;
  overflow: hidden;
}

.nj-card--cover .nj-card__title {
  color: var(--nj-semantic-color-text-neutral-inverse-not-invertible-default);
}

.nj-card--cover .nj-card__description {
  position: relative;
  top: 100%;
  color: var(--nj-semantic-color-text-neutral-inverse-not-invertible-default);
}

.nj-card--cover .nj-card__icon,
.nj-card--cover .nj-icon-material {
  position: absolute;
  right: var(--nj-semantic-size-spacing-16);
  bottom: var(--nj-semantic-size-spacing-16);
  z-index: 0;
  --nj-material-icon-color: var(--nj-semantic-color-text-neutral-inverse-not-invertible-default);
}

.nj-card--cover:hover .nj-card__title,
.nj-card--cover:hover .nj-card__description, .nj-card--cover:focus-visible .nj-card__title,
.nj-card--cover:focus-visible .nj-card__description {
  color: var(--nj-semantic-color-text-neutral-primary-default);
}

.nj-card--cover:hover .nj-card__description, .nj-card--cover:focus-visible .nj-card__description {
  top: 0;
  transition: top 0.3s var(--nj-semantic-motion-easing-linear-out-slow-in);
}

.nj-card--cover:hover .nj-card__icon,
.nj-card--cover:hover .material-icons, .nj-card--cover:focus-visible .nj-card__icon,
.nj-card--cover:focus-visible .material-icons {
  color: var(--nj-semantic-color-text-neutral-primary-default);
}

.nj-card--cover:hover .nj-card__overlay, .nj-card--cover:focus-visible .nj-card__overlay {
  background-color: var(--nj-semantic-color-background-neutral-secondary-default);
}

.nj-card--cover:active .nj-card__overlay {
  background-color: var(--nj-semantic-color-background-neutral-secondary-pressed);
}

a.nj-card {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s var(--nj-semantic-motion-easing-linear-out-slow-in);
}

a.nj-card::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  box-sizing: content-box !important;
  width: 100%;
  height: 100%;
  padding: var(--nj-semantic-size-border-focus-ring-offset);
  pointer-events: none;
  content: "";
  border-radius: var(--nj-semantic-size-border-radius-none);
  box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
  opacity: 0;
  transform: translate(-50%, -50%) scale3d(0.95, 0.95, 1);
  transition: opacity 0.2s, transform 0.2s;
  transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
}

a.nj-card .nj-card__img-wrapper {
  position: relative;
}

a.nj-card .nj-card__img-wrapper::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: var(--nj-card-image-overlay);
  opacity: var(--nj-card-image-filter-opacitiy);
  transition: opacity 0.3s var(--nj-semantic-motion-easing-linear-out-slow-in);
}

a.nj-card:hover {
  --nj-card-background: var(--nj-semantic-color-background-neutral-primary-hovered);
  --nj-card-image-filter-opacitiy: 1;
  --nj-card-image-overlay: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
  color: inherit;
  text-decoration: none;
}

a.nj-card:hover .nj-card__icon,
a.nj-card:hover .nj-icon-material {
  --nj-material-icon-color: initial;
}

a.nj-card:focus-visible {
  --nj-card-background: var(--nj-semantic-color-background-neutral-primary-focused);
  --nj-card-image-filter-opacitiy: 1;
  --nj-card-image-overlay: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
  text-decoration: none;
  outline: none;
}

a.nj-card:focus-visible::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
}

a.nj-card:active {
  --nj-card-background: var(--nj-semantic-color-background-neutral-primary-pressed);
  --nj-card-image-filter-opacitiy: 1;
  --nj-card-image-overlay: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
}

.nj-card-deck {
  display: flex;
  flex-direction: column;
}

.nj-card-deck .nj-card {
  margin-bottom: var(--nj-card-deck-margin);
}

@media (min-width: 576px) {
  .nj-card-deck {
    flex-flow: row wrap;
    margin-right: calc(-1 * var(--nj-card-deck-margin));
    margin-left: calc(-1 * var(--nj-card-deck-margin));
  }
  .nj-card-deck .nj-card {
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    margin-right: var(--nj-card-deck-margin);
    margin-bottom: 0;
    margin-left: var(--nj-card-deck-margin);
  }
}
.nj-card-columns .nj-card {
  margin-bottom: var(--nj-card-deck-margin);
}

@media (min-width: 576px) {
  .nj-card-columns {
    column-gap: 1.25rem;
    widows: 1;
    orphans: 1;
    column-count: 3;
  }
  .nj-card-columns .nj-card {
    display: inline-block;
    width: 100%;
  }
}
.nj-chat-input {
  box-sizing: border-box;
}

.nj-chat-input *,
.nj-chat-input *::before,
.nj-chat-input *::after {
  box-sizing: border-box;
}

.nj-chat-input {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-md);
  line-height: var(--nj-semantic-line-height-text-md);
}

.nj-chat-input.nj-chat-input--disabled {
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-chat-input .nj-chat-input__input {
  --nj-chat-input-size-border-radius: var(--nj-semantic-size-border-radius-pill);
  display: flex;
  gap: var(--nj-semantic-size-spacing-8);
  padding: var(--nj-semantic-size-spacing-8);
  padding-bottom: var(--nj-semantic-size-spacing-4);
  background: var(--nj-semantic-color-background-neutral-primary-default);
  border-color: var(--nj-semantic-color-border-neutral-moderate-default);
  border-style: solid;
  border-width: var(--nj-semantic-size-border-width);
  border-radius: var(--nj-chat-input-size-border-radius);
}

.nj-chat-input .nj-chat-input__input.nj-chat-input__input--ai:focus-within {
  border-color: transparent;
  box-shadow: none;
  position: relative;
  transform-style: preserve-3d;
}

.nj-chat-input .nj-chat-input__input.nj-chat-input__input--ai:focus-within::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  background-image: var(--nj-semantic-color-background-additional-ai-default);
  opacity: 0.15;
  filter: blur(16px);
  transform: translate3d(0, 0, -1px);
}

.nj-chat-input .nj-chat-input__input.nj-chat-input__input--ai:focus-within {
  background-clip: padding-box;
}

.nj-chat-input .nj-chat-input__input.nj-chat-input__input--ai:focus-within::before {
  position: absolute;
  inset: -2px;
  content: "";
  background-image: var(--nj-semantic-color-background-additional-ai-default);
  border-radius: inherit;
  transform: translate3d(0, 0, -1px);
}

.nj-chat-input .nj-chat-input__input.nj-chat-input__input--multiline {
  --nj-chat-input-size-border-radius: var(--nj-semantic-size-border-radius-lg);
}

.nj-chat-input .nj-chat-input__input:hover {
  background-color: var(--nj-semantic-color-background-neutral-primary-hovered);
}

.nj-chat-input .nj-chat-input__input:focus-within {
  border-color: var(--nj-semantic-color-border-brand-strong-default);
  box-shadow: 0 0 0 1px var(--nj-semantic-color-border-brand-strong-default);
}

.nj-chat-input .nj-chat-input__input textarea {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-md);
  line-height: var(--nj-semantic-line-height-text-md);
  all: unset;
  flex: 1;
  min-height: 28px;
  max-height: 300px;
  padding: var(--nj-semantic-size-spacing-8) 0 var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-16);
  color: var(--nj-semantic-color-text-neutral-primary-default);
  resize: none;
  outline: none;
  background: transparent;
  border: none;
  /* The field-sizing feature is not yet available on all browsers, it enables the resizing
   * of the textarea to it's content size, for now javascript is taking care of this
   * but in the future the javascript should be removed and only the css feature
   * should be applied.
   * https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing
   */
  /* stylelint-disable-next-line property-no-unknown */
  field-sizing: content;
}

.nj-chat-input .nj-chat-input__input textarea::placeholder {
  color: var(--nj-semantic-color-text-neutral-tertiary-default);
}

.nj-chat-input .nj-chat-input__user-input {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: var(--nj-semantic-size-spacing-16);
  overflow: hidden;
}

.nj-chat-input .nj-chat-input__secondary-actions, .nj-chat-input .nj-chat-input__primary-action {
  display: flex;
  align-self: flex-end;
  padding-bottom: var(--nj-semantic-size-spacing-4);
}

.nj-chat-input .nj-chat-input__files {
  display: flex;
  margin-top: calc(var(--nj-semantic-size-spacing-20) * -1);
  margin-bottom: var(--nj-semantic-size-spacing-2);
  margin-left: var(--nj-semantic-size-spacing-4);
  overflow-x: auto;
}

.nj-chat-input .nj-chat-input__helper-text {
  margin-top: var(--nj-semantic-size-spacing-4);
  text-align: center;
}

.nj-chat-input .nj-chat-input__suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nj-semantic-size-spacing-8);
  justify-content: flex-end;
  margin-bottom: var(--nj-semantic-size-spacing-16);
}

.nj-icon-btn {
  --nj-icon-btn-current-bg-color: var(--nj-icon-btn-bg-color);
  --nj-icon-btn-current-color: var(--nj-icon-btn-color);
  box-sizing: border-box;
}

.nj-icon-btn *,
.nj-icon-btn *::before,
.nj-icon-btn *::after {
  box-sizing: border-box;
}

.nj-icon-btn {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--nj-icon-btn-padding);
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
  outline: 0;
  background: var(--nj-icon-btn-current-bg-color);
  border: none;
  border-radius: var(--nj-semantic-size-border-radius-none);
  transition: color 0.2s, border-color 0.2s, background-color 0.2s;
  transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-icon-btn:not(:disabled, .disabled) {
  cursor: pointer;
}

.nj-icon-btn::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  box-sizing: content-box !important;
  width: 100%;
  height: 100%;
  padding: var(--nj-semantic-size-border-focus-ring-offset);
  pointer-events: none;
  content: "";
  border-radius: var(--nj-semantic-size-border-radius-none);
  box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-icon-btn-focused-ring-color);
  opacity: 0;
  transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
  transition: opacity 0.2s, transform 0.2s;
  transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-icon-btn:focus-visible:not(:active) {
  --nj-icon-btn-current-bg-color: var(--nj-icon-btn-focused-bg-color);
}

.nj-icon-btn:focus-visible:not(:active, .disabled)::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
}

.nj-icon-btn .nj-icon-btn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--nj-material-icon-size);
  height: var(--nj-material-icon-size);
  transition: color 0.2s var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-icon-btn:not(:disabled):not(.disabled):hover {
  --nj-icon-btn-current-bg-color: var(--nj-icon-btn-hovered-bg-color);
  text-decoration: none;
  outline: 0;
}

.nj-icon-btn:not(:disabled):not(.disabled):active, .nj-icon-btn:not(:disabled):not(.disabled).active, .nj-icon-btn:not(:disabled):not(.disabled)[aria-expanded=true] {
  --nj-icon-btn-current-bg-color: var(--nj-icon-btn-pressed-bg-color);
  text-decoration: none;
}

.nj-icon-btn.disabled, .nj-icon-btn:disabled {
  text-decoration: none;
  cursor: not-allowed;
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-icon-btn.nj-icon-btn--2xs {
  --nj-icon-btn-padding: 0;
}

.nj-icon-btn.nj-icon-btn--2xs .nj-icon-btn__icon {
  --nj-material-icon-size: var(--nj-semantic-size-icon-sm);
}

.nj-icon-btn.nj-icon-btn--xs, .nj-inline-message .nj-inline-message__close:not(.nj-icon-btn) > .nj-icon-btn, .nj-inline-message .nj-icon-btn.nj-inline-message__close {
  --nj-icon-btn-padding: var(--nj-semantic-size-spacing-4);
}

.nj-icon-btn.nj-icon-btn--xs .nj-icon-btn__icon, .nj-inline-message .nj-inline-message__close:not(.nj-icon-btn) > .nj-icon-btn .nj-icon-btn__icon, .nj-inline-message .nj-icon-btn.nj-inline-message__close .nj-icon-btn__icon {
  --nj-material-icon-size: var(--nj-semantic-size-icon-sm);
}

.nj-icon-btn.nj-icon-btn--sm, .nj-icon-btn.nj-search__clear-button, .nj-icon-btn.nj-form-item__trailing__clear-button, .nj-icon-btn.nj-form-item__trailing__password-button, .nj-icon-btn {
  --nj-icon-btn-padding: var(--nj-semantic-size-spacing-4);
}

.nj-icon-btn.nj-icon-btn--sm .nj-icon-btn__icon, .nj-icon-btn .nj-icon-btn__icon {
  --nj-material-icon-size: var(--nj-semantic-size-icon-md);
}

.nj-icon-btn.nj-icon-btn--md {
  --nj-icon-btn-padding: var(--nj-semantic-size-spacing-8);
}

.nj-icon-btn.nj-icon-btn--md .nj-icon-btn__icon {
  --nj-material-icon-size: var(--nj-semantic-size-icon-md);
}

.nj-icon-btn.nj-icon-btn--lg {
  --nj-icon-btn-padding: var(--nj-semantic-size-spacing-12);
}

.nj-icon-btn.nj-icon-btn--lg .nj-icon-btn__icon {
  --nj-material-icon-size: var(--nj-semantic-size-icon-md);
}

.nj-icon-btn.nj-icon-btn--xl {
  --nj-icon-btn-padding: var(--nj-semantic-size-spacing-16);
}

.nj-icon-btn.nj-icon-btn--xl .nj-icon-btn__icon {
  --nj-material-icon-size: var(--nj-semantic-size-icon-md);
}

.nj-icon-btn.nj-icon-btn--primary .nj-icon-btn__icon, .nj-inline-message .nj-inline-message__close:not(.nj-icon-btn) > .nj-icon-btn .nj-icon-btn__icon, .nj-inline-message .nj-icon-btn.nj-inline-message__close .nj-icon-btn__icon, .nj-icon-btn .nj-icon-btn__icon {
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-primary-default);
}

.nj-icon-btn.nj-icon-btn--primary, .nj-inline-message .nj-inline-message__close:not(.nj-icon-btn) > .nj-icon-btn, .nj-inline-message .nj-icon-btn.nj-inline-message__close, .nj-icon-btn {
  --nj-icon-btn-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-default);
  --nj-icon-btn-hovered-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
  --nj-icon-btn-focused-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
  --nj-icon-btn-pressed-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
  --nj-icon-btn-focused-ring-color: var(--nj-semantic-color-border-brand-strong-default);
}

.nj-icon-btn.nj-icon-btn--secondary .nj-icon-btn__icon {
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-secondary-default);
}

.nj-icon-btn.nj-icon-btn--secondary {
  --nj-icon-btn-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-default);
  --nj-icon-btn-hovered-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
  --nj-icon-btn-focused-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
  --nj-icon-btn-pressed-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
}

.nj-icon-btn.nj-icon-btn--tertiary .nj-icon-btn__icon, .nj-icon-btn.nj-search__clear-button .nj-icon-btn__icon, .nj-icon-btn.nj-form-item__trailing__clear-button .nj-icon-btn__icon, .nj-icon-btn.nj-form-item__trailing__password-button .nj-icon-btn__icon {
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-tertiary-default);
}

.nj-icon-btn.nj-icon-btn--tertiary, .nj-icon-btn.nj-search__clear-button, .nj-icon-btn.nj-form-item__trailing__clear-button, .nj-icon-btn.nj-form-item__trailing__password-button {
  --nj-icon-btn-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-default);
  --nj-icon-btn-hovered-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
  --nj-icon-btn-focused-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
  --nj-icon-btn-pressed-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
}

.nj-icon-btn.nj-icon-btn--brand .nj-icon-btn__icon {
  --nj-material-icon-color: var(--nj-semantic-color-icon-brand-primary-default);
}

.nj-icon-btn.nj-icon-btn--brand {
  --nj-icon-btn-bg-color: var(--nj-semantic-color-background-brand-primary-translucent-default);
  --nj-icon-btn-hovered-bg-color: var(--nj-semantic-color-background-brand-primary-translucent-hovered);
  --nj-icon-btn-focused-bg-color: var(--nj-semantic-color-background-brand-primary-translucent-focused);
  --nj-icon-btn-pressed-bg-color: var(--nj-semantic-color-background-brand-primary-translucent-pressed);
}

.nj-icon-btn.nj-icon-btn--destructive .nj-icon-btn__icon {
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-danger-primary-default);
}

.nj-icon-btn.nj-icon-btn--destructive {
  --nj-icon-btn-bg-color: var(--nj-semantic-color-background-status-danger-primary-translucent-default);
  --nj-icon-btn-hovered-bg-color: var(--nj-semantic-color-background-status-danger-primary-translucent-hovered);
  --nj-icon-btn-pressed-bg-color: var(--nj-semantic-color-background-status-danger-primary-translucent-pressed);
  --nj-icon-btn-focused-bg-color: var(--nj-semantic-color-background-status-danger-primary-translucent-focused);
}

.nj-icon-btn.nj-icon-btn--inverse .nj-icon-btn__icon, .nj-inline-message.nj-inline-message--fatal-error .nj-icon-btn.nj-inline-message__close .nj-icon-btn__icon, .nj-chat-input-file .nj-icon-btn.nj-chat-input-file__remove-btn .nj-icon-btn__icon {
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-inverse-default);
}

.nj-icon-btn.nj-icon-btn--inverse, .nj-inline-message.nj-inline-message--fatal-error .nj-icon-btn.nj-inline-message__close, .nj-chat-input-file .nj-icon-btn.nj-chat-input-file__remove-btn {
  --nj-icon-btn-bg-color: var(--nj-core-color-reference-neutral-alpha-inverse-0);
  --nj-icon-btn-hovered-bg-color: var(--nj-core-color-reference-neutral-alpha-inverse-200);
  --nj-icon-btn-pressed-bg-color: var(--nj-core-color-reference-neutral-alpha-inverse-300);
  --nj-icon-btn-focused-bg-color: var(--nj-core-color-reference-neutral-alpha-inverse-200);
  --nj-icon-btn-focused-ring-color: var(--nj-semantic-color-border-neutral-inverse-default);
}

a.nj-icon-btn.disabled {
  pointer-events: none;
}

.nj-chat-input-file {
  box-sizing: border-box;
}

.nj-chat-input-file *,
.nj-chat-input-file *::before,
.nj-chat-input-file *::after {
  box-sizing: border-box;
}

.nj-chat-input-file {
  position: relative;
  display: inline-flex;
  padding: var(--nj-semantic-size-spacing-12) 0 var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-12);
  -webkit-user-select: none;
  user-select: none;
  border-radius: var(--nj-semantic-size-border-radius-none);
}

.nj-chat-input-file.nj-chat-input-file--interactive .nj-chat-input-file__wrapper {
  cursor: pointer;
}

.nj-chat-input-file.nj-chat-input-file--interactive .nj-chat-input-file__wrapper:hover .nj-chat-input-file__thumbnail {
  --nj-thumbnail-overlay-bg-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-hovered);
}

.nj-chat-input-file.nj-chat-input-file--interactive .nj-chat-input-file__wrapper::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  box-sizing: content-box !important;
  width: 100%;
  height: 100%;
  padding: var(--nj-semantic-size-border-focus-ring-offset);
  pointer-events: none;
  content: "";
  border-radius: var(--nj-semantic-size-border-radius-none);
  box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
  opacity: 0;
  transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
  transition: opacity 0.2s, transform 0.2s;
  transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-chat-input-file.nj-chat-input-file--interactive .nj-chat-input-file__wrapper:focus-visible .nj-chat-input-file__thumbnail {
  --nj-thumbnail-overlay-bg-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-focused);
}

.nj-chat-input-file.nj-chat-input-file--interactive .nj-chat-input-file__wrapper:focus-visible::before {
  opacity: 1;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
}

.nj-chat-input-file.nj-chat-input-file--interactive .nj-chat-input-file__wrapper:active .nj-chat-input-file__thumbnail {
  --nj-thumbnail-overlay-bg-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-pressed);
}

.nj-chat-input-file .nj-chat-input-file__wrapper {
  all: unset;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--nj-semantic-color-background-neutral-primary-default);
  border: 1px solid var(--nj-semantic-color-border-neutral-subtle-default);
}

.nj-chat-input-file .nj-chat-input-file__thumbnail {
  --nj-thumbnail-overlay-bg-color: transparent;
  --nj-thumbnail-bg-color: var(--nj-semantic-color-background-neutral-tertiary-default);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  background-color: var(--nj-thumbnail-bg-color);
}

.nj-chat-input-file .nj-chat-input-file__thumbnail::after {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--nj-thumbnail-overlay-bg-color);
}

.nj-chat-input-file .nj-chat-input-file__thumbnail > *:not(.nj-icon-material) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nj-chat-input-file .nj-chat-input-file__thumbnail .nj-chat-input-file__spinner {
  width: 32px;
  height: 32px;
}

.nj-chat-input-file .nj-chat-input-file__details {
  display: flex;
  flex-direction: column;
  max-width: 192px;
  padding: 0 var(--nj-semantic-size-spacing-16);
}

.nj-chat-input-file .nj-chat-input-file__name {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-sm);
  line-height: var(--nj-semantic-line-height-text-sm);
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: var(--nj-semantic-font-weight-bold);
  color: var(--nj-semantic-color-text-neutral-primary-default);
  white-space: nowrap;
}

.nj-chat-input-file .nj-chat-input-file__type {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-xs);
  line-height: var(--nj-semantic-line-height-text-xs);
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--nj-semantic-color-text-neutral-tertiary-default);
  white-space: nowrap;
}

.nj-chat-input-file .nj-chat-input-file__remove-btn {
  --nj-remove-btn-bg-color: var(--nj-semantic-color-background-neutral-solid-default);
  position: absolute;
  top: var(--nj-semantic-size-spacing-4);
  left: var(--nj-semantic-size-spacing-4);
  z-index: 10;
  background-color: var(--nj-remove-btn-bg-color);
  border: 2px solid var(--nj-semantic-color-border-neutral-inverse-default);
  border-radius: var(--nj-semantic-size-border-radius-pill);
}

.nj-chat-input-file .nj-chat-input-file__remove-btn:hover, .nj-chat-input-file .nj-chat-input-file__remove-btn:focus-visible {
  --nj-remove-btn-bg-color: var(--nj-semantic-color-background-neutral-solid-hovered);
}

.nj-chat-input-file .nj-chat-input-file__remove-btn:active {
  --nj-remove-btn-bg-color: var(--nj-semantic-color-background-neutral-solid-pressed);
}

.nj-chat-input-file .nj-chat-input-file__remove-btn::after {
  border-radius: var(--nj-semantic-size-border-radius-pill);
}

.nj-chat-input-button.nj-icon-btn, .nj-icon-btn.nj-chat-input-action-button, .nj-chat-input-button.nj-btn, .nj-btn.nj-chat-input-action-button {
  padding: var(--nj-semantic-size-spacing-8);
  border-radius: var(--nj-semantic-size-border-radius-pill);
}

.nj-chat-input-button.nj-icon-btn::after, .nj-icon-btn.nj-chat-input-action-button::after, .nj-chat-input-button.nj-btn::after, .nj-btn.nj-chat-input-action-button::after {
  border-radius: var(--nj-semantic-size-border-radius-pill);
}

.nj-chat-input-action-button {
  border: none;
}

:root {
  --nj-chat-input-suggestion-text-color: var(--nj-semantic-color-text-brand-primary-default);
}

.nj-chat-input-suggestion {
  all: unset;
  position: relative;
  padding: var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-8);
  color: var(--nj-chat-input-suggestion-text-color);
  cursor: pointer;
  border: 1px solid var(--nj-semantic-color-border-brand-moderate-default);
  border-radius: var(--nj-semantic-size-border-radius-none);
}

.nj-chat-input-suggestion:hover {
  background-color: var(--nj-semantic-color-background-brand-primary-translucent-hovered);
}

.nj-chat-input-suggestion:active {
  background-color: var(--nj-semantic-color-background-brand-primary-translucent-pressed);
}

.nj-chat-input-suggestion::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  box-sizing: content-box !important;
  width: 100%;
  height: 100%;
  padding: var(--nj-semantic-size-border-focus-ring-offset);
  pointer-events: none;
  content: "";
  border-radius: var(--nj-semantic-size-border-radius-none);
  box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
  opacity: 0;
  transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
  transition: opacity 0.2s, transform 0.2s;
  transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-chat-input-suggestion:focus-visible::before {
  opacity: 1;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
}

.nj-text, .nj-checkbox__label {
  padding: 0;
  margin: 0;
  color: var(--nj-text-color);
  box-sizing: border-box;
}

.nj-text *, .nj-checkbox__label *,
.nj-text *::before,
.nj-checkbox__label *::before,
.nj-text *::after,
.nj-checkbox__label *::after {
  box-sizing: border-box;
}

.nj-text, .nj-checkbox__label {
  --nj-text-color: inherit;
}

.nj-text.nj-text.nj-text--xs, .nj-text--xs.nj-checkbox__label {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-xs);
  line-height: var(--nj-semantic-line-height-text-xs);
}

.nj-text.nj-text.nj-text--sm, .nj-text--sm.nj-checkbox__label {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-sm);
  line-height: var(--nj-semantic-line-height-text-sm);
}

.nj-text.nj-text.nj-text--md, .nj-text.nj-text, .nj-checkbox__label {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-md);
  line-height: var(--nj-semantic-line-height-text-md);
}

.nj-text.nj-text.nj-text--lg, .nj-text--lg.nj-checkbox__label {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-lg);
  line-height: var(--nj-semantic-line-height-text-lg);
}

.nj-text.nj-text.nj-text--primary, .nj-text--primary.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-neutral-primary-default);
}

.nj-text.nj-text.nj-text--primary.nj-text--not-invertible, .nj-text--primary.nj-text--not-invertible.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-neutral-primary-not-invertible-default);
}

.nj-text.nj-text.nj-text--secondary, .nj-text--secondary.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-neutral-secondary-default);
}

.nj-text.nj-text.nj-text--tertiary, .nj-text--tertiary.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-neutral-tertiary-default);
}

.nj-text.nj-text.nj-text--contrast, .nj-text--contrast.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-neutral-contrast-default);
}

.nj-text.nj-text.nj-text--inverse, .nj-text--inverse.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-neutral-inverse-default);
}

.nj-text.nj-text.nj-text--inverse.nj-text--not-invertible, .nj-text--inverse.nj-text--not-invertible.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-neutral-inverse-not-invertible-default);
}

.nj-text.nj-text.nj-text--brand, .nj-text--brand.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-brand-primary-default);
}

.nj-text.nj-text.nj-text--brand-contrast, .nj-text--brand-contrast.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-brand-contrast-default);
}

.nj-text.nj-text.nj-text--danger, .nj-text--danger.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-status-danger-primary-default);
}

.nj-text.nj-text.nj-text--danger-contrast, .nj-text--danger-contrast.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-status-danger-contrast-default);
}

.nj-text.nj-text.nj-text--success, .nj-text--success.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-status-success-primary-default);
}

.nj-text.nj-text.nj-text--success-contrast, .nj-text--success-contrast.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-status-success-contrast-default);
}

.nj-text.nj-text.nj-text--warning, .nj-text--warning.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-status-warning-primary-default);
}

.nj-text.nj-text.nj-text--warning-contrast, .nj-text--warning-contrast.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-status-warning-contrast-default);
}

.nj-text.nj-text.nj-text--information, .nj-text--information.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-status-information-primary-default);
}

.nj-text.nj-text.nj-text--information-contrast, .nj-text--information-contrast.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-status-information-contrast-default);
}

.nj-text.nj-text.nj-text--discovery, .nj-text--discovery.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-status-discovery-primary-default);
}

.nj-text.nj-text.nj-text--discovery-contrast, .nj-text--discovery-contrast.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-status-discovery-contrast-default);
}

.nj-text.nj-text.nj-text--planet, .nj-text--planet.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-status-planet-primary-default);
}

.nj-text.nj-text.nj-text--planet-contrast, .nj-text--planet-contrast.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-status-planet-contrast-default);
}

.nj-text.nj-text.nj-text--signature, .nj-text--signature.nj-checkbox__label {
  --nj-text-color: var(--nj-semantic-color-text-additional-signature-default);
}

.nj-text.nj-text.nj-text--inherit, .nj-text.nj-text, .nj-checkbox__label {
  --nj-text-color: inherit;
}

.nj-text.nj-text.nj-text--monospace, .nj-text--monospace.nj-checkbox__label {
  font-family: var(--nj-semantic-font-family-code);
}

.nj-checkbox {
  --nj-checkbox-size-md: 16px;
  --nj-checkbox-size-lg: 24px;
  --nj-checkbox-size-xl: 32px;
  --nj-checkbox-label-margin-top-md: -4px;
  --nj-checkbox-label-margin-top-lg: 0;
  --nj-checkbox-label-margin-top-xl: 4px;
  --nj-checkbox-label-margin-bottom-md: -6px;
  --nj-checkbox-label-margin-bottom-lg: 0;
  --nj-checkbox-label-margin-bottom-xl: 0;
  --nj-checkbox-line-height: var(--nj-semantic-font-line-height-default);
  --nj-checkbox-border-color: var(--nj-semantic-color-border-neutral-strong-default);
  --nj-checkbox-checked-border-color-hovered: var(--nj-semantic-color-border-brand-strong-hovered);
  --nj-checkbox-checked-border-color-pressed: var(--nj-semantic-color-border-brand-strong-pressed);
  --nj-checkbox-background-color: var(--nj-semantic-color-background-neutral-primary-default);
  --nj-checkbox-background-color-hovered: var(--nj-semantic-color-background-neutral-primary-hovered);
  --nj-checkbox-background-color-pressed: var(--nj-semantic-color-background-neutral-primary-pressed);
  --nj-checkbox-checked-background-color-hovered: var(--nj-semantic-color-background-brand-solid-hovered);
  --nj-checkbox-checked-background-color-pressed: var(--nj-semantic-color-border-brand-strong-pressed);
  --nj-checkbox-check-polygon: polygon(
    37.5% 67.375%,
    20.125% 50%,
    14.208% 55.875%,
    37.5% 79.167%,
    87.5% 29.167%,
    81.625% 23.292%,
    37.5% 67.375%
  );
  --nj-checkbox-indeterminate-polygon: polygon(20% 45%, 80% 45%, 80% 55%, 20% 55%, 20% 44%);
  --nj-semantic-size-border-focus-ring-offset: 4px;
  --nj-checkbox-subscript-color: var(--nj-semantic-color-text-neutral-tertiary-default);
  --nj-checkbox-subscript-color-success: var(--nj-semantic-color-text-status-success-primary-default);
  --nj-checkbox-subscript-color-error: var(--nj-semantic-color-text-status-danger-primary-default);
  box-sizing: border-box;
}

.nj-checkbox *,
.nj-checkbox *::before,
.nj-checkbox *::after {
  box-sizing: border-box;
}

.nj-checkbox {
  position: relative;
}

.nj-checkbox:not(:has(.nj-checkbox__error, .nj-checkbox__subscript)) {
  display: inline-flex;
}

.nj-checkbox:has(label) {
  --nj-semantic-size-border-focus-ring-offset: 2px;
}

.nj-checkbox:is(input[type=checkbox]),
.nj-checkbox input[type=checkbox] {
  position: relative;
  flex-shrink: 0;
  width: var(--nj-checkbox-size);
  height: var(--nj-checkbox-size);
  margin: 0;
  appearance: none;
  cursor: pointer;
  background-color: var(--nj-checkbox-background-color);
  border: 2px solid;
  border-color: var(--nj-checkbox-border-color);
}

.nj-checkbox:is(input[type=checkbox])::before,
.nj-checkbox input[type=checkbox]::before {
  position: absolute;
  inset: 0;
}

.nj-checkbox:is(input[type=checkbox]):hover,
.nj-checkbox input[type=checkbox]:hover {
  background-color: var(--nj-checkbox-background-color-hovered);
}

.nj-checkbox:is(input[type=checkbox]):active,
.nj-checkbox input[type=checkbox]:active {
  background-color: var(--nj-checkbox-background-color-pressed);
}

.nj-checkbox:is(input[type=checkbox]):is(:checked, :indeterminate),
.nj-checkbox input[type=checkbox]:is(:checked, :indeterminate) {
  background-color: var(--nj-semantic-color-background-brand-solid-default);
  border-color: var(--nj-semantic-color-border-brand-strong-default);
}

.nj-checkbox:is(input[type=checkbox]):is(:checked, :indeterminate)::before,
.nj-checkbox input[type=checkbox]:is(:checked, :indeterminate)::before {
  content: "";
  background-color: var(--nj-semantic-color-background-neutral-primary-default);
}

.nj-checkbox:is(input[type=checkbox]):is(:checked, :indeterminate):hover,
.nj-checkbox input[type=checkbox]:is(:checked, :indeterminate):hover {
  background-color: var(--nj-checkbox-checked-background-color-hovered);
  border-color: var(--nj-checkbox-checked-border-color-hovered);
}

.nj-checkbox:is(input[type=checkbox]):is(:checked, :indeterminate):active,
.nj-checkbox input[type=checkbox]:is(:checked, :indeterminate):active {
  background-color: var(--nj-checkbox-checked-background-color-pressed);
  border-color: var(--nj-checkbox-checked-border-color-pressed);
}

.nj-checkbox:is(input[type=checkbox]):checked::before,
.nj-checkbox input[type=checkbox]:checked::before {
  clip-path: var(--nj-checkbox-check-polygon);
}

.nj-checkbox:is(input[type=checkbox]):indeterminate::before,
.nj-checkbox input[type=checkbox]:indeterminate::before {
  clip-path: var(--nj-checkbox-indeterminate-polygon);
}

.nj-checkbox:is(input[type=checkbox])[aria-invalid=true],
.nj-checkbox input[type=checkbox][aria-invalid=true] {
  border-color: var(--nj-semantic-color-border-status-danger-strong-default);
}

.nj-checkbox:is(input[type=checkbox]):disabled,
.nj-checkbox input[type=checkbox]:disabled {
  cursor: not-allowed;
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-checkbox:is(input[type=checkbox]):disabled:hover,
.nj-checkbox input[type=checkbox]:disabled:hover {
  background-color: var(--nj-semantic-color-background-neutral-primary-default);
  border-color: var(--nj-semantic-color-border-neutral-strong-default);
}

.nj-checkbox:is(input[type=checkbox]):disabled:hover:is(:checked, :indeterminate),
.nj-checkbox input[type=checkbox]:disabled:hover:is(:checked, :indeterminate) {
  background-color: var(--nj-semantic-color-background-brand-solid-default);
  border-color: var(--nj-semantic-color-border-brand-strong-default);
}

.nj-checkbox:has(input[type=checkbox]:disabled) label {
  cursor: not-allowed;
}

.nj-checkbox:has(input[type=checkbox]:disabled) label .nj-checkbox__label {
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-checkbox:not(:has(label), :has(.nj-checkbox__error)),
.nj-checkbox label {
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  flex-wrap: nowrap;
  gap: var(--nj-semantic-size-spacing-8);
  align-items: flex-start;
  line-height: var(--nj-checkbox-line-height);
  cursor: pointer;
}

.nj-checkbox--md, .nj-checkbox {
  --nj-checkbox-size: var(--nj-checkbox-size-md);
  --nj-checkbox-label-margin-top: var(--nj-checkbox-label-margin-top-md);
  --nj-checkbox-label-margin-bottom: var(--nj-checkbox-label-margin-bottom-md);
}

.nj-checkbox--lg {
  --nj-checkbox-size: var(--nj-checkbox-size-lg);
  --nj-checkbox-label-margin-top: var(--nj-checkbox-label-margin-top-lg);
  --nj-checkbox-label-margin-bottom: var(--nj-checkbox-label-margin-bottom-lg);
}

.nj-checkbox--xl {
  --nj-checkbox-size: var(--nj-checkbox-size-xl);
  --nj-checkbox-label-margin-top: var(--nj-checkbox-label-margin-top-xl);
  --nj-checkbox-label-margin-bottom: var(--nj-checkbox-label-margin-bottom-xl);
}

.nj-checkbox::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  box-sizing: content-box !important;
  width: 100%;
  height: 100%;
  padding: var(--nj-semantic-size-border-focus-ring-offset);
  pointer-events: none;
  content: "";
  border-radius: var(--nj-semantic-size-border-radius-none);
  box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
  opacity: 0;
  transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
  transition: opacity 0.2s, transform 0.2s;
  transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-checkbox:not([disabled], :disabled, .nj-checkbox--disabled, .nj-checkbox--presentational):has(input:focus-visible), .nj-checkbox:not([disabled], :disabled, .nj-checkbox--disabled, .nj-checkbox--presentational):is(input:focus-visible) {
  outline: none;
}

.nj-checkbox:not([disabled], :disabled, .nj-checkbox--disabled, .nj-checkbox--presentational):has(input:focus-visible)::after, .nj-checkbox:not([disabled], :disabled, .nj-checkbox--disabled, .nj-checkbox--presentational):is(input:focus-visible)::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
}

.nj-checkbox:not([disabled], :disabled, .nj-checkbox--disabled, .nj-checkbox--presentational):has(input:focus-visible) input, .nj-checkbox:not([disabled], :disabled, .nj-checkbox--disabled, .nj-checkbox--presentational):is(input:focus-visible) input {
  outline: none;
}

.nj-checkbox--success {
  --nj-checkbox-subscript-color: var(--nj-checkbox-subscript-color-success);
}

.nj-checkbox__subscript, .nj-checkbox__error {
  display: flex;
  flex-basis: 100%;
  gap: var(--nj-semantic-size-spacing-4);
  align-items: center;
  margin: var(--nj-semantic-size-spacing-4) 0 0 0;
  font-size: var(--nj-semantic-font-size-text-sm-desktop);
  line-height: var(--nj-semantic-font-size-heading-xs-desktop);
  color: var(--nj-checkbox-subscript-color);
  --nj-material-icon-size: var(--nj-semantic-size-icon-sm);
}

.nj-checkbox--error, .nj-checkbox__error {
  --nj-checkbox-subscript-color: var(--nj-checkbox-subscript-color-error);
}

.nj-checkbox__error-icon {
  margin-right: 0.125rem;
  vertical-align: middle;
}

.nj-checkbox__required {
  padding-left: var(--nj-semantic-size-spacing-2);
  color: var(--nj-semantic-color-text-status-danger-primary-default);
}

.nj-checkbox__label {
  margin-top: var(--nj-checkbox-label-margin-top);
  margin-bottom: var(--nj-checkbox-label-margin-bottom);
}

.nj-display {
  padding: 0;
  margin: 0;
  font-weight: var(--nj-semantic-font-weight-bold);
  color: var(--nj-display-color);
  box-sizing: border-box;
}

.nj-display *,
.nj-display *::before,
.nj-display *::after {
  box-sizing: border-box;
}

.nj-display.nj-display.nj-display--xs {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-display-xs);
  line-height: var(--nj-semantic-line-height-display-xs);
}

.nj-display.nj-display.nj-display--sm {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-display-sm);
  line-height: var(--nj-semantic-line-height-display-sm);
}

.nj-display.nj-display.nj-display--md, .nj-display.nj-display {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-display-md);
  line-height: var(--nj-semantic-line-height-display-md);
}

.nj-display.nj-display.nj-display--xl {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-display-xl);
  line-height: var(--nj-semantic-line-height-display-xl);
}

.nj-display.nj-display.nj-display--2xl {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-display-2xl);
  line-height: var(--nj-semantic-line-height-display-2xl);
}

.nj-display.nj-display.nj-display--primary {
  --nj-display-color: var(--nj-semantic-color-text-neutral-primary-default);
}

.nj-display.nj-display.nj-display--primary.nj-display--not-invertible {
  --nj-display-color: var(--nj-semantic-color-text-neutral-primary-not-invertible-default);
}

.nj-display.nj-display.nj-display--secondary {
  --nj-display-color: var(--nj-semantic-color-text-neutral-secondary-default);
}

.nj-display.nj-display.nj-display--tertiary {
  --nj-display-color: var(--nj-semantic-color-text-neutral-tertiary-default);
}

.nj-display.nj-display.nj-display--contrast {
  --nj-display-color: var(--nj-semantic-color-text-neutral-contrast-default);
}

.nj-display.nj-display.nj-display--inverse {
  --nj-display-color: var(--nj-semantic-color-text-neutral-inverse-default);
}

.nj-display.nj-display.nj-display--inverse.nj-display--not-invertible {
  --nj-display-color: var(--nj-semantic-color-text-neutral-inverse-not-invertible-default);
}

.nj-display.nj-display.nj-display--brand {
  --nj-display-color: var(--nj-semantic-color-text-brand-primary-default);
}

.nj-display.nj-display.nj-display--brand-contrast {
  --nj-display-color: var(--nj-semantic-color-text-brand-contrast-default);
}

.nj-display.nj-display.nj-display--danger {
  --nj-display-color: var(--nj-semantic-color-text-status-danger-primary-default);
}

.nj-display.nj-display.nj-display--danger-contrast {
  --nj-display-color: var(--nj-semantic-color-text-status-danger-contrast-default);
}

.nj-display.nj-display.nj-display--success {
  --nj-display-color: var(--nj-semantic-color-text-status-success-primary-default);
}

.nj-display.nj-display.nj-display--success-contrast {
  --nj-display-color: var(--nj-semantic-color-text-status-success-contrast-default);
}

.nj-display.nj-display.nj-display--warning {
  --nj-display-color: var(--nj-semantic-color-text-status-warning-primary-default);
}

.nj-display.nj-display.nj-display--warning-contrast {
  --nj-display-color: var(--nj-semantic-color-text-status-warning-contrast-default);
}

.nj-display.nj-display.nj-display--information {
  --nj-display-color: var(--nj-semantic-color-text-status-information-primary-default);
}

.nj-display.nj-display.nj-display--information-contrast {
  --nj-display-color: var(--nj-semantic-color-text-status-information-contrast-default);
}

.nj-display.nj-display.nj-display--discovery {
  --nj-display-color: var(--nj-semantic-color-text-status-discovery-primary-default);
}

.nj-display.nj-display.nj-display--discovery-contrast {
  --nj-display-color: var(--nj-semantic-color-text-status-discovery-contrast-default);
}

.nj-display.nj-display.nj-display--planet {
  --nj-display-color: var(--nj-semantic-color-text-status-planet-primary-default);
}

.nj-display.nj-display.nj-display--planet-contrast {
  --nj-display-color: var(--nj-semantic-color-text-status-planet-contrast-default);
}

.nj-display.nj-display.nj-display--signature {
  --nj-display-color: var(--nj-semantic-color-text-additional-signature-default);
}

.nj-display.nj-display.nj-display--ai {
  --nj-display-color: transparent;
  display: inline-block;
  background-image: var(--nj-semantic-color-background-additional-ai-default);
  background-clip: text;
}

.nj-display.nj-display.nj-display--inherit, .nj-display.nj-display {
  --nj-display-color: inherit;
}

.nj-divider {
  display: block;
  align-self: stretch;
  margin: 0;
  border: none;
  border-top: var(--nj-semantic-size-border-width) solid var(--nj-semantic-color-border-neutral-subtle-default);
}

.nj-divider.nj-divider--vertical, .nj-header .nj-header__first-line .nj-divider {
  border: none;
  border-left: var(--nj-semantic-size-border-width) solid var(--nj-semantic-color-border-neutral-subtle-default);
}

.nj-divider.nj-divider--2xs {
  margin: 0 var(--nj-semantic-size-spacing-2);
}

.nj-divider.nj-divider--2xs.nj-divider--vertical, .nj-header .nj-header__first-line .nj-divider.nj-divider--2xs {
  margin: var(--nj-semantic-size-spacing-2) 0;
}

.nj-divider.nj-divider--xs {
  margin: 0 var(--nj-semantic-size-spacing-4);
}

.nj-divider.nj-divider--xs.nj-divider--vertical, .nj-header .nj-header__first-line .nj-divider.nj-divider--xs {
  margin: var(--nj-semantic-size-spacing-4) 0;
}

.nj-divider.nj-divider--sm, .nj-header .nj-header__first-line .nj-divider {
  margin: 0 var(--nj-semantic-size-spacing-8);
}

.nj-divider.nj-divider--sm.nj-divider--vertical, .nj-header .nj-header__first-line .nj-divider {
  margin: var(--nj-semantic-size-spacing-8) 0;
}

.nj-divider.nj-divider--md {
  margin: 0 var(--nj-semantic-size-spacing-12);
}

.nj-divider.nj-divider--md.nj-divider--vertical, .nj-header .nj-header__first-line .nj-divider.nj-divider--md {
  margin: var(--nj-semantic-size-spacing-12) 0;
}

.nj-divider.nj-divider--lg {
  margin: 0 var(--nj-semantic-size-spacing-16);
}

.nj-divider.nj-divider--lg.nj-divider--vertical, .nj-header .nj-header__first-line .nj-divider.nj-divider--lg {
  margin: var(--nj-semantic-size-spacing-16) 0;
}

.nj-divider.nj-divider--xl {
  margin: 0 var(--nj-semantic-size-spacing-20);
}

.nj-divider.nj-divider--xl.nj-divider--vertical, .nj-header .nj-header__first-line .nj-divider.nj-divider--xl {
  margin: var(--nj-semantic-size-spacing-20) 0;
}

.nj-divider.nj-divider--2xl {
  margin: 0 var(--nj-semantic-size-spacing-24);
}

.nj-divider.nj-divider--2xl.nj-divider--vertical, .nj-header .nj-header__first-line .nj-divider.nj-divider--2xl {
  margin: var(--nj-semantic-size-spacing-24) 0;
}

.nj-divider.nj-divider--3xl {
  margin: 0 var(--nj-semantic-size-spacing-32);
}

.nj-divider.nj-divider--3xl.nj-divider--vertical, .nj-header .nj-header__first-line .nj-divider.nj-divider--3xl {
  margin: var(--nj-semantic-size-spacing-32) 0;
}

.nj-divider.nj-divider--none, .nj-divider {
  margin: 0;
}

.nj-fab {
  --nj-fab-background: var(--nj-semantic-color-background-brand-solid-default);
  --nj-fab-background-hovered: var(--nj-semantic-color-background-brand-solid-hovered);
  --nj-fab-background-focused: var(--nj-semantic-color-background-brand-solid-focused);
  --nj-fab-background-pressed: var(--nj-semantic-color-background-brand-solid-pressed);
  --nj-fab-color: var(--nj-semantic-color-text-neutral-inverse-default);
  box-sizing: border-box;
}

.nj-fab *,
.nj-fab *::before,
.nj-fab *::after {
  box-sizing: border-box;
}

.nj-fab {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  position: relative;
  z-index: var(--nj-semantic-elevation-z-index-fixed);
  width: var(--nj-component-fab-size-base);
  min-width: var(--nj-component-fab-size-base);
  height: var(--nj-component-fab-size-base);
  padding: 0;
  line-height: 0;
  color: var(--nj-fab-color);
  cursor: pointer;
  background: var(--nj-fab-background);
  border: 0;
  border-radius: 50%;
  transition: 0.3s var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-fab:not(.disabled):not(.nj-fab:disabled)::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  box-sizing: content-box !important;
  width: 100%;
  height: 100%;
  padding: var(--nj-semantic-size-border-focus-ring-offset);
  pointer-events: none;
  content: "";
  border-radius: var(--nj-semantic-size-border-radius-none);
  box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
  opacity: 0;
  transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
  transition: opacity 0.2s, transform 0.2s;
  transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-fab:not(.disabled):not(.nj-fab:disabled):hover {
  --nj-fab-background: var(--nj-fab-background-hovered);
  text-decoration: none;
  outline: 0;
}

.nj-fab:not(.disabled):not(.nj-fab:disabled):focus-visible {
  --nj-fab-background: var(--nj-fab-background-focused);
  text-decoration: none;
  outline: 0;
}

.nj-fab:not(.disabled):not(.nj-fab:disabled):focus-visible::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
}

.nj-fab:not(.disabled):not(.nj-fab:disabled):active {
  --nj-fab-background: var(--nj-fab-background-pressed);
  text-decoration: none;
}

.nj-fab__actions {
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--nj-semantic-elevation-z-index-dropdown);
  display: flex;
  visibility: hidden;
  align-items: center;
  justify-content: center;
  width: var(--nj-component-fab-size-base);
  height: var(--nj-component-fab-size-base);
  padding-left: 0;
  margin: 0;
  list-style: none;
}

.nj-fab__actions--sm {
  width: var(--nj-component-fab-size-sm);
  height: var(--nj-component-fab-size-sm);
}

.nj-fab__actions .nj-fab__item {
  position: absolute;
}

.nj-fab .nj-icon-material {
  --nj-material-icon-color: initial;
}

.nj-fab--sm {
  width: var(--nj-component-fab-size-sm);
  min-width: var(--nj-component-fab-size-sm);
  height: var(--nj-component-fab-size-sm);
}

.nj-fab.active {
  --nj-fab-background: var(--nj-semantic-color-background-neutral-solid-default);
  --nj-fab-background-hovered: var(--nj-semantic-color-background-neutral-solid-hovered);
  --nj-fab-background-focused: var(--nj-semantic-color-background-neutral-solid-focused);
  --nj-fab-background-pressed: var(--nj-semantic-color-background-neutral-solid-pressed);
}

.nj-fab.active:not(.no-rotate) .material-icons {
  transform: rotate(-45deg);
}

.nj-fab.active ~ .nj-fab__actions {
  visibility: initial;
}

.nj-fab.disabled, .nj-fab:disabled {
  cursor: not-allowed;
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-fab-menu {
  position: relative;
  z-index: var(--nj-semantic-elevation-z-index-fixed);
}

.nj-fab-menu .nj-fab--light {
  --nj-fab-background: var(--nj-semantic-color-background-neutral-primary-default);
  --nj-fab-background-hovered: var(--nj-semantic-color-background-neutral-primary-hovered);
  --nj-fab-background-focused: var(--nj-semantic-color-background-neutral-primary-focused);
  --nj-fab-background-pressed: var(--nj-semantic-color-background-neutral-primary-pressed);
  --nj-fab-color: var(--nj-semantic-color-icon-neutral-secondary-default);
  border: solid 1px var(--nj-semantic-color-border-neutral-subtle-default);
}

.nj-footer {
  display: block;
  background: var(--nj-semantic-color-background-neutral-primary-default);
}

.nj-footer.nj-footer--brand {
  background-color: var(--nj-semantic-color-background-brand-secondary-default);
}

:root {
  --nj-footer-container-max-width: inherit;
}

.nj-footer-content {
  display: flex;
  flex-direction: column;
  gap: var(--nj-semantic-size-spacing-32);
  max-width: var(--nj-footer-container-max-width, auto);
  padding: var(--nj-semantic-size-spacing-32);
  margin: 0 auto;
}

.nj-footer.nj-footer--mobile .nj-footer-content {
  padding: var(--nj-semantic-size-spacing-24) var(--nj-semantic-size-spacing-16);
}

.nj-footer-content-top {
  display: flex;
  flex-direction: column;
  gap: var(--nj-semantic-size-spacing-32);
  align-items: center;
  padding: var(--nj-semantic-size-spacing-16) 0;
}

.nj-footer-content-top .nj-footer-content-top__logo-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--nj-semantic-size-spacing-12);
  align-items: center;
}

@media (min-width: 576px) {
  .nj-footer-content-top {
    flex-direction: row;
    align-items: center;
  }
  .nj-footer-content-top .nj-footer-content-top__logo-wrapper {
    align-items: flex-start;
  }
}
.nj-footer-navigation {
  display: flex;
  flex-direction: row;
  gap: var(--nj-semantic-size-spacing-32);
  justify-content: space-between;
}

.nj-footer.nj-footer--mobile .nj-footer-navigation {
  flex-direction: column;
  justify-content: unset;
}

.nj-footer-secondary-navigation {
  display: flex;
  flex-direction: row;
  gap: var(--nj-semantic-size-spacing-32);
  align-items: center;
  justify-content: space-between;
}

.nj-footer-secondary-navigation .nj-footer-secondary-navigation__controls {
  display: flex;
  flex-direction: row;
}

.nj-footer-secondary-navigation .nj-footer-secondary-navigation__links {
  display: flex;
  flex-direction: row;
  gap: var(--nj-semantic-size-spacing-24);
}

.nj-footer-secondary-navigation .nj-footer-secondary-navigation__copyright {
  flex-grow: 1;
  text-overflow: ellipsis;
  color: var(--nj-semantic-color-text-neutral-tertiary-default);
  text-align: right;
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-sm);
  line-height: var(--nj-semantic-line-height-text-sm);
}

.nj-footer.nj-footer--mobile .nj-footer-secondary-navigation {
  flex-direction: column;
  align-items: flex-start;
}

.nj-footer.nj-footer--mobile .nj-footer-secondary-navigation .nj-footer-secondary-navigation__links {
  flex-direction: column;
  gap: 0;
}

.nj-footer.nj-footer--mobile .nj-footer-secondary-navigation .nj-footer-secondary-navigation__copyright {
  text-align: left;
}

.nj-footer-column {
  display: flex;
  flex-direction: column;
  width: fit-content;
  min-width: var(--nj-footer-column-min-width, min-content);
  max-width: var(--nj-footer-column-max-width, 384px);
  color: var(--nj-semantic-color-text-neutral-secondary-default);
}

.nj-footer-column .nj-footer-column__header {
  margin-bottom: var(--nj-semantic-size-spacing-24);
  font-size: var(--nj-semantic-font-size-text-sm);
  font-weight: var(--nj-semantic-font-weight-bold);
  line-height: var(--nj-semantic-line-height-text-sm);
}

.nj-footer-column .nj-footer-column__header:empty {
  display: none;
}

.nj-footer.nj-footer--mobile .nj-footer-column {
  width: 100%;
  max-width: none;
}

.nj-footer-card.nj-footer-card--danger {
  background-color: var(--nj-semantic-color-background-status-danger-secondary-default);
}

.nj-footer-card.nj-footer-card--success {
  background-color: var(--nj-semantic-color-background-status-success-secondary-default);
}

.nj-footer-card.nj-footer-card--warning {
  background-color: var(--nj-semantic-color-background-status-warning-secondary-default);
}

.nj-footer-card.nj-footer-card--information {
  background-color: var(--nj-semantic-color-background-status-information-secondary-default);
}

.nj-footer-card.nj-footer-card--discovery {
  background-color: var(--nj-semantic-color-background-status-discovery-secondary-default);
}

.nj-footer-card.nj-footer-card--planet {
  background-color: var(--nj-semantic-color-background-status-planet-secondary-default);
}

.nj-footer-card--neutral, .nj-footer-card {
  background-color: var(--nj-semantic-color-background-neutral-secondary-default);
}

.nj-footer-card--brand {
  background-color: var(--nj-semantic-color-background-brand-secondary-default);
}

.nj-footer--brand .nj-footer-card.nj-footer-card--danger {
  background-color: var(--nj-semantic-color-background-status-danger-tertiary-default);
  border: none;
}

.nj-footer--brand .nj-footer-card.nj-footer-card--success {
  background-color: var(--nj-semantic-color-background-status-success-tertiary-default);
  border: none;
}

.nj-footer--brand .nj-footer-card.nj-footer-card--warning {
  background-color: var(--nj-semantic-color-background-status-warning-tertiary-default);
  border: none;
}

.nj-footer--brand .nj-footer-card.nj-footer-card--information {
  background-color: var(--nj-semantic-color-background-status-information-tertiary-default);
  border: none;
}

.nj-footer--brand .nj-footer-card.nj-footer-card--discovery {
  background-color: var(--nj-semantic-color-background-status-discovery-tertiary-default);
  border: none;
}

.nj-footer--brand .nj-footer-card.nj-footer-card--planet {
  background-color: var(--nj-semantic-color-background-status-planet-tertiary-default);
  border: none;
}

.nj-footer--brand .nj-footer-card--neutral, .nj-footer--brand .nj-footer-card {
  background-color: transparent;
  border: 1px solid var(--nj-semantic-color-border-brand-subtle-default);
}

.nj-footer--brand .nj-footer-card--brand {
  background-color: var(--nj-semantic-color-background-brand-tertiary-default);
  border: none;
}

.nj-footer-item.nj-footer-item--padding-xs {
  padding: var(--nj-semantic-size-spacing-4) 0;
}

.nj-footer-item.nj-footer-item--padding-sm, .nj-footer-item {
  padding: var(--nj-semantic-size-spacing-8) 0;
}

.nj-footer-item.nj-footer-item--padding-md {
  padding: var(--nj-semantic-size-spacing-12) 0;
}

.nj-footer-item.nj-footer-item--padding-lg {
  padding: var(--nj-semantic-size-spacing-24) 0;
}

@keyframes select-open {
  0% {
    opacity: 0;
    transform: scaleY(0.8);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
.nj-form-item {
  --nj-fc-field-wrapper-bg: var(--nj-semantic-color-background-neutral-primary-default);
  --nj-fc-field-wrapper-pad-top: calc(var(--nj-fc-label-height) * 0.5);
  --nj-fc-border-color: var(--nj-semantic-color-border-neutral-moderate-default);
  --nj-fc-hovered-border-color: var(--nj-semantic-color-border-brand-strong-default);
  --nj-fc-box-shadow: 0 0 0 1px;
  --nj-fc-additionnal-border-width: 0px;
  --nj-fc-field-pad-top: var(--nj-semantic-size-spacing-8);
  --nj-fc-field-pad-bottom: var(--nj-semantic-size-spacing-8);
  --nj-fc-field-pad-left: var(--nj-semantic-size-spacing-16);
  --nj-fc-field-pad-right: var(--nj-semantic-size-spacing-16);
  --nj-fc-label-bg: var(--nj-semantic-color-background-neutral-primary-default);
  --nj-fc-label-height: 24px;
  --nj-fc-label-color: var(--nj-semantic-color-text-neutral-tertiary-default);
  --nj-fc-label-top: var(--nj-fc-field-pad-top);
  --nj-fc-label-left: var(--nj-semantic-size-spacing-8);
  --nj-fc-label-pad: 0 var(--nj-semantic-size-spacing-4);
  --nj-fc-label-font-size: var(--nj-semantic-font-size-text-md-desktop);
  --nj-fc-subscript-color: var(--nj-semantic-color-text-neutral-tertiary-default);
  --nj-fc-subscript-color-success: var(--nj-semantic-color-text-status-success-primary-default);
  --nj-fc-subscript-color-error: var(--nj-semantic-color-text-status-danger-primary-default);
  box-sizing: border-box;
}

.nj-form-item *,
.nj-form-item *::before,
.nj-form-item *::after {
  box-sizing: border-box;
}

.nj-form-item {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--nj-semantic-size-spacing-4);
  padding-top: var(--nj-fc-field-wrapper-pad-top);
  text-align: start;
}

.nj-form-item--xl {
  --nj-fc-field-pad-top: var(--nj-semantic-size-spacing-16);
  --nj-fc-field-pad-bottom: var(--nj-semantic-size-spacing-16);
}

.nj-form-item--lg {
  --nj-fc-field-pad-top: var(--nj-semantic-size-spacing-12);
  --nj-fc-field-pad-bottom: var(--nj-semantic-size-spacing-12);
}

.nj-form-item--sm {
  --nj-fc-field-pad-top: var(--nj-semantic-size-spacing-4);
  --nj-fc-field-pad-bottom: var(--nj-semantic-size-spacing-4);
}

.nj-form-item--static {
  --nj-fc-label-height: 20px;
  --nj-fc-field-wrapper-pad-top: calc(var(--nj-fc-label-height) + var(--nj-semantic-size-spacing-8));
  --nj-fc-label-top: 0;
  --nj-fc-label-left: 0;
  --nj-fc-label-pad: 0;
  --nj-fc-label-color: var(--nj-semantic-color-text-neutral-secondary-default);
  --nj-fc-label-font-size: var(--nj-semantic-font-size-text-sm-desktop);
}

.nj-form-item--static .nj-form-item__field:focus ~ .nj-form-item__label {
  color: var(--nj-semantic-color-text-neutral-secondary-default);
}

.nj-form-item--disabled {
  pointer-events: none;
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-form-item:not(.nj-form-item--static, .nj-form-item--error) .nj-form-item__field:not(:focus):not(:placeholder-shown) ~ .nj-form-item__label {
  --nj-fc-label-color: var(--nj-semantic-color-text-neutral-secondary-default);
}

.nj-form-item:not(.nj-form-item--static, .nj-form-item--error) .nj-form-item__field:focus:not(:placeholder-shown) ~ .nj-form-item__label {
  --nj-fc-label-color: var(--nj-semantic-color-text-brand-primary-default);
}

.nj-form-item:not(.nj-form-item--static) {
  --nj-fc-label-top: calc(var(--nj-fc-field-pad-top) + var(--nj-fc-field-wrapper-pad-top));
}

.nj-form-item:not(.nj-form-item--static) .nj-form-item__field:focus ~ .nj-form-item__label, .nj-form-item:not(.nj-form-item--static) .nj-form-item__field:not(:placeholder-shown) ~ .nj-form-item__label {
  background: linear-gradient(180deg, transparent calc(50% - 1 * var(--nj-fc-additionnal-border-width)), var(--nj-fc-label-bg) 0%);
  transform: translate3d(calc(-1 * var(--nj-semantic-size-spacing-4)), calc(-50% - 1 * var(--nj-fc-field-pad-top)), 0) scale3d(0.9, 0.9, 1);
}

.nj-form-item:not(.nj-form-item--static) .nj-form-item__field-wrapper:focus-within .nj-form-item__label {
  --nj-fc-label-color: var(--nj-semantic-color-text-brand-primary-default);
}

.nj-form-item--success {
  --nj-fc-subscript-color: var(--nj-fc-subscript-color-success);
}

.nj-form-item--success .nj-form-item__subscript-icon {
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-success-primary-default);
}

.nj-form-item--error, .nj-form-item--invalid {
  --nj-fc-box-shadow: 0 0 0 1px;
  --nj-fc-additionnal-border-width: 1px;
  --nj-fc-border-color: var(--nj-semantic-color-border-status-danger-strong-default);
  --nj-fc-hovered-border-color: var(--nj-semantic-color-border-status-danger-strong-default);
}

.nj-form-item--error:not(.nj-form-item--static), .nj-form-item--invalid:not(.nj-form-item--static) {
  --nj-fc-label-color: var(--nj-semantic-color-text-status-danger-primary-default);
}

.nj-form-item--error:not(.nj-form-item--static) .nj-form-item__field-wrapper:hover, .nj-form-item--invalid:not(.nj-form-item--static) .nj-form-item__field-wrapper:hover {
  --nj-fc-label-color: var(--nj-semantic-color-text-status-danger-primary-default);
}

.nj-form-item--error:not(.nj-form-item--static) .nj-form-item__field-wrapper:focus-within .nj-form-item__label, .nj-form-item--invalid:not(.nj-form-item--static) .nj-form-item__field-wrapper:focus-within .nj-form-item__label {
  --nj-fc-label-color: var(--nj-semantic-color-text-status-danger-primary-default);
}

.nj-form-item--error .nj-form-item__field-wrapper:focus-within, .nj-form-item--invalid .nj-form-item__field-wrapper:focus-within {
  --nj-fc-box-shadow: 0 0 0 2px;
  --nj-fc-additionnal-border-width: 2px;
  --nj-fc-border-color: var(--nj-semantic-color-border-status-danger-strong-default);
}

.nj-form-item--error .nj-form-item__field:focus ~ .nj-form-item__label, .nj-form-item--invalid .nj-form-item__field:focus ~ .nj-form-item__label {
  --nj-fc-label-color: var(--nj-semantic-color-border-status-danger-strong-default);
}

.nj-form-item--error {
  --nj-fc-subscript-color: var(--nj-fc-subscript-color-error);
}

.nj-form-item--error .nj-form-item__subscript-icon {
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-danger-primary-default);
}

.nj-form-item--textarea {
  --nj-fc-field-pad-right: var(--nj-semantic-size-spacing-4);
  --nj-fc-field-pad-bottom: var(--nj-semantic-size-spacing-4);
}

.nj-form-item--textarea .nj-form-item__field {
  min-height: 72px;
}

.nj-form-item--password {
  --nj-form-icon-pw-scale: scale3d(1, 0, 1);
}

.nj-form-item--password .nj-form-item__password-button:not(:has(button))::before,
.nj-form-item--password .nj-form-item__password-button button::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  box-sizing: content-box;
  width: 2px;
  height: 25px;
  overflow: hidden;
  content: "";
  background: var(--nj-semantic-color-icon-neutral-tertiary-default);
  box-shadow: 2px 0 0 0 var(--nj-semantic-color-background-neutral-tertiary-default);
  transform: rotate(-45deg) translate(-100%, 10px) var(--nj-form-icon-pw-scale);
  transform-origin: top left;
  transition: transform 0.25s var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-form-item--password.nj-form-item--visible {
  --nj-form-icon-pw-scale: scale3d(1, 1, 1);
}

.nj-form-item--select {
  min-width: 80px;
}

.nj-form-item--select select optgroup,
.nj-form-item--select select option {
  background-color: var(--nj-semantic-color-background-neutral-primary-default);
}

.nj-form-item--select .nj-form-item__field-wrapper {
  position: relative;
}

.nj-form-item--select .nj-form-item__field {
  position: relative;
  z-index: 2;
}

.nj-form-item--select .nj-form-item__field:not([aria-autocomplete]) {
  cursor: default;
}

.nj-form-item--select.nj-form-item--static .nj-form-item__label {
  top: calc(-1 * var(--nj-fc-field-wrapper-pad-top));
}

.nj-form-item--select.nj-form-item:not(.nj-form-item--static) {
  --nj-fc-label-top: var(--nj-fc-field-pad-top);
}

.nj-form-item--select.nj-form-item--custom-list:not(.nj-form-item--static):not(.nj-form-item--error):focus-within .nj-form-item__label {
  --nj-fc-label-color: var(--nj-semantic-color-text-brand-primary-default);
}

.nj-form-item--select.nj-form-item--custom-list .nj-form-item__field {
  pointer-events: none;
}

.nj-form-item--select.nj-form-item--custom-list .nj-form-item__list {
  position: absolute;
  top: calc(100% + var(--nj-semantic-size-spacing-8));
  left: calc(var(--nj-semantic-size-spacing-4) * -1);
  z-index: var(--nj-semantic-elevation-z-index-dropdown);
  min-width: calc(100% + var(--nj-semantic-size-spacing-8));
  max-height: 224px;
  padding: var(--nj-semantic-size-spacing-8) 0;
  overflow: auto;
  background: var(--nj-semantic-color-background-neutral-primary-default);
  border: solid 1px var(--nj-semantic-color-border-neutral-subtle-default);
  border-radius: var(--nj-semantic-size-border-radius-none);
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top center;
  will-change: transform, opacity;
}

.nj-form-item--select.nj-form-item--custom-list .nj-form-item__list .nj-form-item__list-item-hint {
  padding: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-24);
  margin: 0;
  font-size: var(--nj-semantic-font-size-text-md-desktop);
  font-weight: var(--nj-semantic-font-weight-bold);
  color: var(--nj-semantic-color-text-neutral-secondary-default);
}

.nj-form-item--select.nj-form-item--custom-list .nj-form-item__list .nj-form-item__list-item-hint p {
  margin-bottom: 0;
}

.nj-form-item--select.nj-form-item--custom-list .nj-form-item__custom-list-button {
  position: absolute;
  inset: 0;
  width: 100%;
  outline: none;
  background: none;
  border: none;
}

.nj-form-item--select.nj-form-item--custom-list .nj-form-item__icon {
  z-index: initial;
  transition: transform 0.12s var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-form-item--select.nj-form-item--custom-list.nj-form-item--open .nj-form-item__list:not(.nj-form-item__list--no-animate) {
  animation: select-open 0.2s var(--nj-semantic-motion-easing-fast-out-slow-in) forwards;
}

.nj-form-item--select.nj-form-item--custom-list.nj-form-item--open:not(.nj-form-item--static) .nj-form-item__label {
  background: linear-gradient(180deg, transparent calc(50% - 1 * var(--nj-fc-additionnal-border-width)), var(--nj-fc-label-bg) 0%);
  transform: translate3d(calc(-1 * var(--nj-semantic-size-spacing-4)), calc(-50% - 1 * var(--nj-fc-field-pad-top)), 0) scale3d(0.9, 0.9, 1);
}

.nj-form-item--select.nj-form-item--custom-list.nj-form-item--open .nj-form-item__icon {
  transform: rotate(-180deg);
}

.nj-form-item--select[inert] .nj-form-item__icon {
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-form-item--autocomplete {
  min-width: 80px;
}

.nj-form-item--autocomplete select optgroup,
.nj-form-item--autocomplete select option {
  background-color: var(--nj-semantic-color-background-neutral-primary-default);
}

.nj-form-item--autocomplete .nj-form-item__field-wrapper {
  position: relative;
}

.nj-form-item--autocomplete .nj-form-item__field {
  position: relative;
  z-index: 2;
}

.nj-form-item--autocomplete .nj-form-item__field:not([aria-autocomplete]) {
  cursor: default;
}

.nj-form-item--autocomplete.nj-form-item--static .nj-form-item__label {
  top: calc(-1 * var(--nj-fc-field-wrapper-pad-top));
}

.nj-form-item--autocomplete.nj-form-item:not(.nj-form-item--static) {
  --nj-fc-label-top: var(--nj-fc-field-pad-top);
}

.nj-form-item--autocomplete .nj-form-item__list {
  position: absolute;
  top: calc(100% + var(--nj-semantic-size-spacing-8));
  left: calc(var(--nj-semantic-size-spacing-4) * -1);
  z-index: var(--nj-semantic-elevation-z-index-dropdown);
  min-width: calc(100% + var(--nj-semantic-size-spacing-8));
  max-height: 224px;
  padding: var(--nj-semantic-size-spacing-8) 0;
  overflow: auto;
  background: var(--nj-semantic-color-background-neutral-primary-default);
  border: solid 1px var(--nj-semantic-color-border-neutral-subtle-default);
  border-radius: var(--nj-semantic-size-border-radius-none);
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top center;
  will-change: transform, opacity;
}

.nj-form-item--autocomplete .nj-form-item__list .nj-form-item__list-item-hint {
  padding: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-24);
  margin: 0;
  font-size: var(--nj-semantic-font-size-text-md-desktop);
  font-weight: var(--nj-semantic-font-weight-bold);
  color: var(--nj-semantic-color-text-neutral-secondary-default);
}

.nj-form-item--autocomplete .nj-form-item__list .nj-form-item__list-item-hint p {
  margin-bottom: 0;
}

.nj-form-item--autocomplete .nj-form-item__custom-list-button {
  position: absolute;
  inset: 0;
  width: 100%;
  outline: none;
  background: none;
  border: none;
}

.nj-form-item--autocomplete .nj-form-item__icon {
  z-index: initial;
  transition: transform 0.12s var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-form-item--autocomplete.nj-form-item--open .nj-form-item__list:not(.nj-form-item__list--no-animate) {
  animation: select-open 0.2s var(--nj-semantic-motion-easing-fast-out-slow-in) forwards;
}

.nj-form-item--autocomplete.nj-form-item--open:not(.nj-form-item--static) .nj-form-item__label {
  background: linear-gradient(180deg, transparent calc(50% - 1 * var(--nj-fc-additionnal-border-width)), var(--nj-fc-label-bg) 0%);
  transform: translate3d(calc(-1 * var(--nj-semantic-size-spacing-4)), calc(-50% - 1 * var(--nj-fc-field-pad-top)), 0) scale3d(0.9, 0.9, 1);
}

.nj-form-item--autocomplete.nj-form-item--open .nj-form-item__icon {
  transform: rotate(-180deg);
}

.nj-form-item--autocomplete .nj-form-item__field {
  cursor: text;
}

.nj-form-item--multi-select {
  --nj-mutli-select-min-height: 42px;
}

.nj-form-item--multi-select .nj-form-item__field-wrapper {
  min-height: var(--nj-mutli-select-min-height);
}

.nj-form-item--multi-select .nj-form-item__field {
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
}

.nj-form-item--multi-select .nj-form-item__selected-tags {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: var(--nj-semantic-size-spacing-8);
  align-items: center;
  width: 100%;
  min-height: var(--nj-mutli-select-min-height);
  padding: var(--nj-fc-field-pad-top) var(--nj-semantic-size-spacing-48) var(--nj-fc-field-pad-bottom) var(--nj-fc-field-pad-left);
  appearance: none;
  outline: none;
  background: var(--nj-semantic-color-background-neutral-primary-translucent-default);
  border: none;
}

.nj-form-item--multi-select .nj-form-item__selected-tags .nj-tag {
  border: none;
  --nj-tag-background-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);
  --nj-tag-background-color-hovered: var(--nj-semantic-color-background-neutral-tertiary-translucent-hovered);
  --nj-tag-background-color-focused: var(--nj-semantic-color-background-neutral-tertiary-translucent-focused);
}

.nj-form-item--multi-select .nj-form-item__selected-tags .nj-tag--brand {
  --nj-tag-background-color: var(--nj-semantic-color-background-brand-tertiary-translucent-default);
  --nj-tag-background-color-hovered: var(--nj-semantic-color-background-brand-tertiary-translucent-hovered);
  --nj-tag-background-color-focused: var(--nj-semantic-color-background-brand-tertiary-translucent-focused);
}

.nj-form-item--multi-select.nj-form-item--sm {
  --nj-mutli-select-min-height: 32px;
}

.nj-form-item--multi-select.nj-form-item--lg {
  --nj-mutli-select-min-height: 48px;
}

.nj-form-item--multi-select.nj-form-item--xl {
  --nj-mutli-select-min-height: 56px;
}

.nj-form-item--input-number .nj-form-item__field-wrapper {
  width: min-content;
  padding-inline: var(--nj-fc-field-pad-right);
}

.nj-form-item--input-number .nj-form-item__field {
  --nj-fc-field-characters-length: 1;
  width: calc(var(--nj-fc-field-pad-right) * 2 + var(--nj-fc-field-characters-length) * 1ch);
  padding-inline: var(--nj-fc-field-pad-right);
  font-variant-numeric: tabular-nums;
  text-align: center;
  appearance: textfield;
}

.nj-form-item--input-number .nj-form-item__field::-webkit-outer-spin-button, .nj-form-item--input-number .nj-form-item__field::-webkit-inner-spin-button {
  appearance: none;
}

.nj-form-item__field-wrapper {
  display: flex;
  align-items: center;
  background: var(--nj-fc-field-wrapper-bg);
  border-color: var(--nj-fc-border-color);
  border-radius: var(--nj-semantic-size-border-radius-none);
  box-shadow: var(--nj-fc-box-shadow) var(--nj-fc-border-color);
}

.nj-form-item__field-wrapper:hover {
  --nj-fc-field-wrapper-bg: var(--nj-semantic-color-background-neutral-primary-hovered);
  --nj-fc-label-bg: var(--nj-semantic-color-background-neutral-primary-hovered);
  --nj-fc-label-color: var(--nj-semantic-color-text-neutral-secondary-default);
}

.nj-form-item__field-wrapper:focus-within {
  --nj-fc-border-color: var(--nj-semantic-color-border-brand-strong-default);
  --nj-fc-box-shadow: 0 0 0 2px;
  --nj-fc-additionnal-border-width: 1px;
  --nj-fc-field-wrapper-bg: var(--nj-semantic-color-background-neutral-primary-default);
  --nj-fc-label-bg: var(--nj-semantic-color-background-neutral-primary-default);
}

.nj-form-item__field-wrapper:has(.nj-form-item__trailing) .nj-form-item__field {
  padding-right: 0;
}

.nj-form-item__field {
  flex-grow: 1;
  padding: var(--nj-fc-field-pad-top) var(--nj-fc-field-pad-right) var(--nj-fc-field-pad-bottom) var(--nj-fc-field-pad-left);
  margin: 0;
  font-family: var(--nj-semantic-font-family-default);
  font-size: var(--nj-semantic-font-size-text-md-desktop);
  line-height: var(--nj-semantic-font-size-heading-sm-desktop);
  color: var(--nj-semantic-color-text-neutral-primary-default);
  appearance: none;
  outline: none;
  background: transparent;
  border: none;
}

.nj-form-item__field::placeholder {
  visibility: hidden;
  color: transparent;
  opacity: 0;
}

.nj-form-item__field:disabled {
  pointer-events: none;
}

.nj-form-item__field:focus ~ .nj-form-item__label {
  --nj-fc-label-color: var(--nj-semantic-color-text-brand-primary-default);
}

.nj-form-item__label {
  position: absolute;
  top: var(--nj-fc-label-top);
  left: var(--nj-fc-label-left);
  display: inline-flex;
  align-items: center;
  height: var(--nj-fc-label-height);
  padding: var(--nj-fc-label-pad);
  margin: 0;
  font-size: var(--nj-fc-label-font-size);
  color: var(--nj-fc-label-color);
  cursor: text;
  background: transparent;
  transform-origin: 0 0;
  transition: color 0.3s, transform 0.3s;
  transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
  will-change: transform, color;
}

.nj-form-item__required-asterisk {
  margin-left: var(--nj-semantic-size-spacing-4);
}

.nj-form-item__subscript {
  display: flex;
  gap: var(--nj-semantic-size-spacing-4);
  margin: 0;
  font-size: var(--nj-semantic-font-size-text-sm-desktop);
  color: var(--nj-fc-subscript-color);
}

.nj-form-item__subscript-icon {
  padding-top: var(--nj-semantic-size-spacing-2);
  --nj-material-icon-size: var(--nj-semantic-size-icon-sm);
}

.nj-form-item__list--appended {
  position: absolute;
  top: calc(100% + var(--nj-semantic-size-spacing-8));
  left: calc(var(--nj-semantic-size-spacing-4) * -1);
  z-index: var(--nj-semantic-elevation-z-index-dropdown);
  min-width: calc(100% + var(--nj-semantic-size-spacing-8));
  max-height: 224px;
  padding: var(--nj-semantic-size-spacing-8) 0;
  overflow: auto;
  background: var(--nj-semantic-color-background-neutral-primary-default);
  border: solid 1px var(--nj-semantic-color-border-neutral-subtle-default);
  border-radius: var(--nj-semantic-size-border-radius-none);
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top center;
  will-change: transform, opacity;
}

.nj-form-item__list--appended .nj-form-item__list-item-hint {
  padding: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-24);
  margin: 0;
  font-size: var(--nj-semantic-font-size-text-md-desktop);
  font-weight: var(--nj-semantic-font-weight-bold);
  color: var(--nj-semantic-color-text-neutral-secondary-default);
}

.nj-form-item__list--appended .nj-form-item__list-item-hint p {
  margin-bottom: 0;
}

.nj-form-item__trailing {
  display: flex;
  padding-right: var(--nj-fc-field-pad-right);
  gap: var(--nj-semantic-size-spacing-8);
  align-items: center;
}

.nj-form-item__trailing .nj-form-item__icon,
.nj-form-item__trailing .nj-form-item__custom-icon {
  -webkit-user-select: none;
  user-select: none;
}

.nj-form-item__trailing .nj-form-item__icon {
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-tertiary-default);
  --nj-material-icon-size: var(--nj-semantic-size-icon-md);
}

.nj-navigation-action {
  display: inline-block;
}

.nj-navigation-action .nj-navigation-action__action {
  all: unset;
  outline: none;
  position: relative;
  z-index: 0;
  display: flex;
  gap: var(--nj-semantic-size-spacing-8);
  align-items: center;
  line-height: var(--nj-semantic-line-height-text-md);
}

.nj-navigation-action .nj-navigation-action__action:not([disabled]) {
  cursor: pointer;
}

.nj-navigation-action .nj-navigation-action__action:not([disabled]):hover::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
}

.nj-navigation-action .nj-navigation-action__action:not([disabled]):active {
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
}

.nj-navigation-action .nj-navigation-action__action:not([disabled]):focus-visible {
  outline: var(--nj-semantic-size-border-focus-ring-width) solid var(--nj-semantic-color-border-brand-strong-default);
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
}

.nj-navigation-action .nj-navigation-action__action:has(.nj-navigation-action__icon):not(:has(.nj-navigation-action__content)) {
  padding: var(--nj-semantic-size-spacing-8);
}

.nj-navigation-action .nj-navigation-action .nj-navigation-action__action .nj-navigation-action__arrow {
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-tertiary-default);
}

.nj-navigation-action.nj-navigation-action[aria-expanded]:not([aria-expanded=false]) .nj-navigation-action__action, .nj-navigation-action.nj-navigation-action--expanded .nj-navigation-action__action {
  background: var(--nj-semantic-color-background-neutral-primary-translucent-selected);
}

.nj-navigation-action.nj-navigation-action[aria-expanded]:not([aria-expanded=false]) .nj-navigation-action__action .nj-navigation-action__arrow, .nj-navigation-action.nj-navigation-action--expanded .nj-navigation-action__action .nj-navigation-action__arrow {
  transform: rotate(0.5turn);
}

.nj-navigation-action.nj-navigation-action--primary .nj-navigation-action__action .nj-navigation-action__icon, .nj-navigation-action .nj-navigation-action__action .nj-navigation-action__icon {
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-tertiary-default);
}

.nj-navigation-action.nj-navigation-action--discovery .nj-navigation-action__action {
  color: var(--nj-semantic-color-text-status-discovery-primary-default);
}

.nj-navigation-action.nj-navigation-action--discovery .nj-navigation-action__action .nj-navigation-action__icon {
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-discovery-primary-default);
}

.nj-navigation-action.nj-navigation-action--tertiary .nj-navigation-action__action {
  color: var(--nj-semantic-color-text-neutral-tertiary-default);
}

.nj-navigation-action.nj-navigation-action--brand .nj-navigation-action__action .nj-navigation-action__icon {
  --nj-material-icon-color: var(--nj-semantic-color-icon-brand-primary-default);
}

.nj-navigation-action.nj-navigation-action--inverse .nj-navigation-action__action {
  color: var(--nj-semantic-color-icon-neutral-inverse-default);
}

.nj-navigation-action.nj-navigation-action--inverse .nj-navigation-action__action .nj-navigation-action__icon, .nj-navigation-action.nj-navigation-action--inverse .nj-navigation-action__action .nj-navigation-action__arrow {
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-inverse-default);
}

.nj-navigation-action.nj-navigation-action--xs .nj-navigation-action__action {
  padding: var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-24);
}

.nj-navigation-action.nj-navigation-action--sm .nj-navigation-action__action, .nj-navigation-action .nj-navigation-action__action {
  padding: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-24);
}

.nj-navigation-action.nj-navigation-action--md .nj-navigation-action__action {
  padding: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-24);
}

.nj-navigation-action.nj-navigation-action--lg .nj-navigation-action__action {
  padding: var(--nj-semantic-size-spacing-24) var(--nj-semantic-size-spacing-24);
}

.nj-navigation-group {
  display: grid;
  padding: var(--nj-semantic-size-spacing-0) var(--nj-semantic-size-spacing-16);
}

.nj-navigation-tab {
  position: relative;
}

.nj-navigation-tab .nj-navigation-tab__action {
  all: unset;
  outline: none;
  position: relative;
  z-index: 0;
  display: flex;
  gap: var(--nj-semantic-size-spacing-8);
  align-items: center;
  line-height: var(--nj-semantic-line-height-text-md);
}

.nj-navigation-tab .nj-navigation-tab__action:not([disabled]) {
  cursor: pointer;
}

.nj-navigation-tab .nj-navigation-tab__action:not([disabled]):hover::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
}

.nj-navigation-tab .nj-navigation-tab__action:not([disabled]):active {
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
}

.nj-navigation-tab .nj-navigation-tab__action:not([disabled]):focus-visible {
  outline: var(--nj-semantic-size-border-focus-ring-width) solid var(--nj-semantic-color-border-brand-strong-default);
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
}

.nj-navigation-tab::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  background: var(--nj-semantic-color-border-brand-strong-default);
  border-radius: var(--nj-semantic-size-border-radius-none);
  transform: scale3d(0, 0, 0);
}

.nj-navigation-tab.nj-navigation-tab[aria-selected] .nj-navigation-tab__action, .nj-navigation-tab.nj-navigation-tab[aria-selected=true] .nj-navigation-tab__action, .nj-navigation-tab.nj-navigation-tab--selected .nj-navigation-tab__action {
  font-weight: var(--nj-semantic-font-weight-bold);
}

.nj-navigation-tab.nj-navigation-tab[aria-selected]::after, .nj-navigation-tab.nj-navigation-tab[aria-selected=true]::after, .nj-navigation-tab.nj-navigation-tab--selected::after {
  transform: scale3d(1, 1, 1);
}

.nj-navigation-tab.nj-navigation-tab[disabled], .nj-navigation-tab.nj-navigation-tab[disabled=true], .nj-navigation-tab.nj-navigation-tab[aria-disabled], .nj-navigation-tab.nj-navigation-tab[aria-disabled=true], .nj-navigation-tab.nj-navigation-tab--disabled {
  opacity: var(--disabled, 0.35);
}

.nj-navigation-tab.nj-navigation-tab--primary:is([aria-selected], [aria-selected=true], .nj-navigation-tab--selected) .nj-navigation-tab__action .nj-navigation-tab__icon, .nj-navigation-tab:is([aria-selected], [aria-selected=true], .nj-navigation-tab--selected) .nj-navigation-tab__action .nj-navigation-tab__icon {
  --nj-material-icon-color: var(--nj-semantic-color-icon-brand-primary-default);
}

.nj-navigation-tab.nj-navigation-tab--inverse::after {
  background-color: var(--nj-semantic-color-border-neutral-inverse-default);
}

.nj-navigation-tab {
  display: inline-block;
}

.nj-navigation-tab .nj-navigation-tab__action {
  all: unset;
  outline: none;
  position: relative;
  z-index: 0;
  display: flex;
  gap: var(--nj-semantic-size-spacing-8);
  align-items: center;
  line-height: var(--nj-semantic-line-height-text-md);
}

.nj-navigation-tab .nj-navigation-tab__action:not([disabled]) {
  cursor: pointer;
}

.nj-navigation-tab .nj-navigation-tab__action:not([disabled]):hover::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
}

.nj-navigation-tab .nj-navigation-tab__action:not([disabled]):active {
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
}

.nj-navigation-tab .nj-navigation-tab__action:not([disabled]):focus-visible {
  outline: var(--nj-semantic-size-border-focus-ring-width) solid var(--nj-semantic-color-border-brand-strong-default);
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
}

.nj-navigation-tab .nj-navigation-tab__action:has(.nj-navigation-tab__icon):not(:has(.nj-navigation-tab__content)) {
  padding: var(--nj-semantic-size-spacing-8);
}

.nj-navigation-tab .nj-navigation-tab .nj-navigation-tab__action .nj-navigation-tab__arrow {
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-tertiary-default);
}

.nj-navigation-tab.nj-navigation-tab[aria-expanded]:not([aria-expanded=false]) .nj-navigation-tab__action, .nj-navigation-tab.nj-navigation-tab--expanded .nj-navigation-tab__action {
  background: var(--nj-semantic-color-background-neutral-primary-translucent-selected);
}

.nj-navigation-tab.nj-navigation-tab[aria-expanded]:not([aria-expanded=false]) .nj-navigation-tab__action .nj-navigation-tab__arrow, .nj-navigation-tab.nj-navigation-tab--expanded .nj-navigation-tab__action .nj-navigation-tab__arrow {
  transform: rotate(0.5turn);
}

.nj-navigation-tab.nj-navigation-tab--primary .nj-navigation-tab__action .nj-navigation-tab__icon, .nj-navigation-tab .nj-navigation-tab__action .nj-navigation-tab__icon {
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-tertiary-default);
}

.nj-navigation-tab.nj-navigation-tab--discovery .nj-navigation-tab__action {
  color: var(--nj-semantic-color-text-status-discovery-primary-default);
}

.nj-navigation-tab.nj-navigation-tab--discovery .nj-navigation-tab__action .nj-navigation-tab__icon {
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-discovery-primary-default);
}

.nj-navigation-tab.nj-navigation-tab--tertiary .nj-navigation-tab__action {
  color: var(--nj-semantic-color-text-neutral-tertiary-default);
}

.nj-navigation-tab.nj-navigation-tab--brand .nj-navigation-tab__action .nj-navigation-tab__icon {
  --nj-material-icon-color: var(--nj-semantic-color-icon-brand-primary-default);
}

.nj-navigation-tab.nj-navigation-tab--inverse .nj-navigation-tab__action {
  color: var(--nj-semantic-color-icon-neutral-inverse-default);
}

.nj-navigation-tab.nj-navigation-tab--inverse .nj-navigation-tab__action .nj-navigation-tab__icon, .nj-navigation-tab.nj-navigation-tab--inverse .nj-navigation-tab__action .nj-navigation-tab__arrow {
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-inverse-default);
}

.nj-header {
  --nj-header-line-gap: var(--nj-semantic-size-spacing-16);
  --nj-header-search-max-width: 256px;
  background: var(--nj-semantic-color-background-neutral-primary-default);
  box-sizing: border-box;
}

.nj-header *,
.nj-header *::before,
.nj-header *::after {
  box-sizing: border-box;
}

.nj-header {
  border-bottom: var(--nj-semantic-size-border-width) solid var(--nj-semantic-color-border-neutral-subtle-default);
}

.nj-header .nj-header__first-line {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: var(--nj-header-line-gap);
  align-items: center;
  max-width: var(--nj-header-container-max-width, auto);
  padding: var(--nj-semantic-size-spacing-16) var(--nj-semantic-size-spacing-32);
  margin: 0 auto;
}

.nj-header .nj-header__first-line:not(:has(.nj-header__first-line-center)) {
  grid-template-columns: auto auto;
}

.nj-header .nj-header__first-line .nj-header__first-line-left, .nj-header .nj-header__first-line .nj-header__first-line-center, .nj-header .nj-header__first-line .nj-header__first-line-right {
  display: flex;
  gap: var(--nj-header-line-gap);
  align-items: center;
}

.nj-header .nj-header__first-line .nj-header__first-line-left {
  justify-self: start;
}

.nj-header .nj-header__first-line .nj-header__first-line-center {
  justify-self: center;
}

.nj-header .nj-header__first-line .nj-header__first-line-right {
  justify-self: end;
}

.nj-header .nj-header__second-line {
  display: flex;
  gap: var(--nj-header-line-gap);
  max-width: var(--nj-header-container-max-width, auto);
  max-height: 64px;
  padding: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-32);
  margin: 0 auto;
}

.nj-header .nj-header__search {
  max-width: var(--nj-header-search-max-width);
}

.nj-header .nj-header__logo, .nj-header .nj-header__navigation {
  flex-grow: 1;
  flex-shrink: 0;
}

.nj-header .nj-header__logo {
  grid-area: logo;
  width: auto;
  max-height: 40px;
}

.nj-header .nj-header__controls, .nj-header .nj-header__utilities, .nj-header .nj-header__secondary-actions {
  display: flex;
  align-items: center;
}

.nj-header .nj-header__controls + .nj-divider:last-child, .nj-header .nj-header__secondary-actions + .nj-divider:last-child {
  display: none;
}

.nj-header .nj-header__navigation .nj-navigation-tab::after {
  bottom: calc(var(--nj-semantic-size-spacing-8) * -1);
}

.nj-header.nj-header--retracted .nj-header__first-line, .nj-header.nj-header--responsive .nj-header__first-line {
  padding: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-32);
}

.nj-header.nj-header--retracted .nj-header__logo, .nj-header.nj-header--responsive .nj-header__logo {
  flex-grow: 0;
  max-height: 24px;
}

.nj-menu-group {
  display: block;
}

.nj-menu-group .nj-menu-group__header {
  display: block;
  padding: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-24);
  margin: 0;
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-sm);
  line-height: var(--nj-semantic-line-height-text-sm);
  font-weight: var(--nj-semantic-font-weight-bold);
  color: var(--nj-semantic-color-text-neutral-secondary-default);
}

.nj-menu {
  z-index: var(--nj-semantic-elevation-z-index-popover);
  display: block;
  padding: var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-0);
  background-color: var(--nj-semantic-color-background-neutral-primary-default);
  border: solid var(--nj-semantic-size-border-width) var(--nj-semantic-color-border-neutral-subtle-default);
  border-radius: var(--nj-semantic-size-border-radius-none);
}

.nj-menu hr {
  margin-block: var(--nj-semantic-size-spacing-4);
  border: none;
  border-top: solid var(--nj-semantic-size-border-width) var(--nj-semantic-color-border-neutral-subtle-default);
}

.nj-menu.nj-menu--scrollable {
  --nj-menu-max-height: 224px;
  max-height: var(--nj-menu-max-height);
  overflow: auto;
}

.nj-menu.nj-menu--full-width {
  width: 100%;
}

.nj-menu .nj-menu-group:not(:last-child) {
  border-bottom: solid var(--nj-semantic-size-border-width) var(--nj-semantic-color-border-neutral-subtle-default);
}

.nj-header-drawer {
  box-sizing: border-box;
}

.nj-header-drawer *,
.nj-header-drawer *::before,
.nj-header-drawer *::after {
  box-sizing: border-box;
}

.nj-header-drawer {
  display: flex;
  flex-direction: column;
  gap: var(--nj-semantic-size-spacing-16);
  padding-top: var(--nj-semantic-size-spacing-16);
  padding-bottom: var(--nj-semantic-size-spacing-16);
  background: var(--nj-semantic-color-background-neutral-primary-default);
}

.nj-header-drawer .nj-menu {
  border: none;
}

.nj-header-drawer .nj-header-drawer__back-label {
  padding-left: var(--nj-semantic-size-spacing-16);
  color: var(--nj-semantic-color-text-neutral-secondary-default);
  cursor: pointer;
}

.nj-header-drawer .nj-header-drawer__actions {
  display: flex;
  align-items: center;
  padding-right: var(--nj-semantic-size-spacing-16);
  padding-left: var(--nj-semantic-size-spacing-16);
}

.nj-header-drawer .nj-header-drawer__actions .nj-header-drawer__close {
  margin-left: auto;
}

.nj-collapse {
  box-sizing: border-box;
}

.nj-collapse *,
.nj-collapse *::before,
.nj-collapse *::after {
  box-sizing: border-box;
}

.nj-collapse {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
}

.nj-collapse:not(.show) {
  display: none;
}

.nj-collapsing {
  box-sizing: border-box;
}

.nj-collapsing *,
.nj-collapsing *::before,
.nj-collapsing *::after {
  box-sizing: border-box;
}

.nj-collapsing {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.nj-header-deprecated {
  --nj-header-deprecated-height: 10rem;
  box-sizing: border-box;
}

.nj-header-deprecated *,
.nj-header-deprecated *::before,
.nj-header-deprecated *::after {
  box-sizing: border-box;
}

.nj-header-deprecated {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  z-index: var(--nj-semantic-elevation-z-index-fixed);
}

.nj-header-deprecated__group {
  position: relative;
  z-index: var(--nj-semantic-elevation-z-index-fixed);
  padding: 0 var(--nj-semantic-size-spacing-32);
  background: var(--nj-semantic-color-background-neutral-primary-default);
  border-bottom: 1px solid var(--nj-semantic-color-border-neutral-subtle-default);
  transform: none;
  transition: transform 0.5s;
}

.nj-header-deprecated__group::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 3px;
  content: "";
  background: var(--nj-semantic-color-background-additional-engie-ray-default);
}

.nj-header-deprecated.nj-header-deprecated--fixed {
  height: var(--nj-header-deprecated-height);
}

.nj-header-deprecated.nj-header-deprecated--fixed .nj-header-deprecated__group {
  position: fixed;
  top: 0;
  z-index: var(--nj-semantic-elevation-z-index-fixed);
  width: 100%;
}

.nj-header-deprecated__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--nj-semantic-size-spacing-24) 0;
}

.nj-header-deprecated__head-link {
  font-size: var(--nj-semantic-font-size-text-sm-desktop);
}

.nj-header-deprecated__head-link--active {
  font-weight: var(--nj-semantic-font-weight-bold);
}

.nj-header-deprecated__logo:focus-visible {
  outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
  outline-offset: var(--nj-semantic-size-border-focus-ring-offset);
}

.nj-header-deprecated__nav-logo--reduced {
  display: flex;
  visibility: hidden;
  align-items: center;
  width: 0;
  margin-right: 0;
  opacity: 0;
  transform: translate3d(0, 1rem, 0);
  transition: opacity 0.25s, width 0.3s 0.1s, margin 0.3s 0.1s, visibility 0.1ms 0.6s, transform 0.1ms 0.6s;
}

.nj-header-deprecated nav {
  display: flex;
  align-items: center;
  height: 4rem;
  border-top: var(--nj-semantic-size-border-width) solid var(--nj-semantic-color-border-neutral-subtle-default);
}

.nj-header-deprecated__nav-burger {
  position: absolute;
  left: 0;
  display: none;
}

.nj-header-deprecated__nav-burger button {
  padding: var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-0);
  margin: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-32);
  cursor: pointer;
  outline: none;
  background: none;
  border: 0;
}

.nj-header-deprecated__nav-burger button:focus-visible {
  outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
  outline-offset: var(--nj-semantic-size-spacing-2);
  background-color: var(--nj-semantic-color-background-brand-primary-translucent-hovered);
}

.nj-header-deprecated__nav-burger button div:first-of-type, .nj-header-deprecated__nav-burger button::before, .nj-header-deprecated__nav-burger button::after {
  display: block;
  width: 22.5px;
  height: 2px;
  margin: 4px;
  background-color: var(--nj-semantic-color-background-brand-solid-default);
}

.nj-header-deprecated__nav-burger button::before, .nj-header-deprecated__nav-burger button::after {
  content: "";
}

.nj-header-deprecated__nav-burger--close button div:first-of-type {
  opacity: 0;
}

.nj-header-deprecated__nav-burger--close button::before {
  transform: rotate(45deg) translate3d(0, 6px, 0);
  transform-origin: center 7px;
}

.nj-header-deprecated__nav-burger--close button::after {
  transform: rotate(-45deg) translate3d(0, -6px, 0);
  transform-origin: center -5px;
}

.nj-header-deprecated__nav {
  display: flex;
  flex: 1 0 auto;
  justify-content: space-between;
  height: 4rem;
  padding-left: 0;
  margin: 0;
  list-style: none;
}

.nj-header-deprecated__nav-item {
  display: flex;
  align-items: center;
}

.nj-header-deprecated__nav-item:first-child .nj-header-deprecated__nav-link {
  margin-left: 0;
}

.nj-header-deprecated__nav-item:hover > .nj-header-deprecated__menu {
  display: block;
}

.nj-header-deprecated__nav--panel {
  padding-left: 0;
  list-style: none;
}

.nj-header-deprecated__nav-link {
  position: relative;
  display: flex;
  align-items: center;
  height: 4rem;
  padding: var(--nj-semantic-size-spacing-0) var(--nj-semantic-size-spacing-4);
  margin: 0 var(--nj-semantic-size-spacing-24);
  line-height: 1.2rem;
  color: var(--nj-semantic-color-text-neutral-primary-default);
  text-decoration: none;
  transition: 0.3s var(--nj-semantic-motion-easing-fast-out-slow-in);
  transition-property: color;
}

.nj-header-deprecated__nav-link:focus-visible + .nj-header-deprecated__menu {
  display: block;
}

.nj-header-deprecated__nav-link::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.125rem;
  content: "";
  background: var(--nj-semantic-color-border-brand-strong-default);
  opacity: 0;
  transition: 0.3s var(--nj-semantic-motion-easing-fast-out-slow-in);
  transition-property: opacity;
}

.nj-header-deprecated__nav-link:focus-visible {
  outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
  outline-offset: -2px;
}

.nj-header-deprecated__nav-link.active, .nj-header-deprecated__nav-link:hover {
  color: var(--nj-semantic-color-text-neutral-primary-default);
}

.nj-header-deprecated__nav-link.active::after, .nj-header-deprecated__nav-link:hover::after {
  opacity: 1;
}

.nj-header-deprecated__nav-link.active {
  font-weight: var(--nj-semantic-font-weight-bold);
}

.nj-header-deprecated__nav-link.disabled {
  pointer-events: none;
  cursor: default;
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-header-deprecated__sub-nav {
  padding-left: 0;
  list-style: none;
}

.nj-header-deprecated__sub-nav .nj-header-deprecated__nav--panel {
  display: flex;
  flex-direction: column;
  gap: var(--nj-semantic-size-spacing-8);
}

.nj-header-deprecated__search-icon {
  position: absolute;
  right: var(--nj-semantic-size-spacing-32);
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
  margin: 0;
}

.nj-header-deprecated__search {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 var(--nj-semantic-size-spacing-32);
  margin: 0;
  background-color: var(--nj-semantic-color-background-neutral-primary-default);
}

.nj-header-deprecated__search, .nj-header-deprecated__search.nj-collapsing {
  position: absolute;
  top: calc(100% - 4rem);
  left: 0;
  height: 4rem;
  opacity: 0;
  transition: 0.1s var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-header-deprecated__search.nj-collapsing, .nj-header-deprecated__search.show {
  width: 100%;
}

.nj-header-deprecated__search.show {
  z-index: 1;
  opacity: 1;
  transition-property: opacity;
}

.nj-header-deprecated__search-input {
  margin-right: var(--nj-semantic-size-spacing-24);
}

.nj-header-deprecated__close {
  display: inline-flex;
  margin-left: var(--nj-semantic-size-spacing-16);
}

.nj-header-deprecated__menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  width: 100%;
  padding: var(--nj-semantic-size-spacing-32) 0;
  background: var(--nj-semantic-color-background-neutral-primary-default);
  border-top: 1px solid var(--nj-semantic-color-border-neutral-subtle-default);
  border-bottom: 1px solid var(--nj-semantic-color-border-neutral-subtle-default);
}

.nj-header-deprecated__menu-title {
  display: block;
  margin-bottom: var(--nj-semantic-size-spacing-16);
  font-weight: var(--nj-semantic-font-weight-bold);
  line-height: 2rem;
  color: var(--nj-semantic-color-text-neutral-primary-default);
  text-decoration: none;
  transition: 0.15s color;
}

.nj-header-deprecated__menu-title + .nj-header-deprecated__nav--panel li:first-child {
  display: none;
}

.nj-header-deprecated__menu-link {
  line-height: 2rem;
  transition: 0.15s color;
}

.nj-header-deprecated__menu-arrow-left {
  display: none;
}

.nj-header-deprecated__menu-arrow-right {
  display: none;
}

.nj-header-deprecated__menu-return {
  display: none;
}

.nj-header-deprecated--sm .nj-header-deprecated__group {
  transform: translate3d(0, calc(-100% + 4rem), 0);
  transition: transform 0.5s;
}

.nj-header-deprecated--sm .nj-header-deprecated__group .nj-header-deprecated__nav-logo--reduced {
  visibility: visible;
  width: 2rem;
  margin-right: 3.5rem;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: visibility 0.1ms, width 0.35s 0.1ms, margin 0.35s 0.1ms, opacity 0.3s 0.2s ease-out, transform 0.3s 0.2s;
}

.nj-header-deprecated--sm .nj-header-deprecated__group .nj-header-deprecated__search {
  top: calc(100% - 4rem);
  height: 4rem;
}

.nj-header-deprecated {
  /** Mobile Panels */
}

@media (max-width: 0) {
  .nj-header-deprecated--expand-xs.nj-header-deprecated--fixed {
    height: 4rem;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__group {
    position: fixed;
    top: 0;
    z-index: var(--nj-semantic-elevation-z-index-fixed);
    width: 100%;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__head {
    position: absolute;
    top: 0;
    left: 0;
    justify-content: center;
    width: 100%;
    height: 4rem;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__head > * {
    display: none;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__head .nj-header-deprecated__logo {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__head .nj-header-deprecated__logo img {
    width: 63px;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__nav-burger {
    display: block;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__nav-logo--reduced {
    display: none;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__nav-logo {
    display: flex;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__nav--panel {
    position: fixed;
    top: 4rem;
    left: -100%;
    visibility: hidden;
    flex-direction: column;
    justify-content: normal;
    width: 100vw;
    min-height: 100vh;
    padding: 0 2rem;
    overflow-y: auto;
    background-color: var(--nj-semantic-color-background-neutral-secondary-default);
    transform: translate3d(0, 0, 0);
    transition: visibility 0.5s 0.1ms, transform 0.5s;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__nav--panel li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 4rem;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__nav--panel li a {
    margin: 0;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__nav--panel .nj-header-deprecated__nav--panel {
    top: 0;
    left: 100%;
    z-index: 1;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__nav--show {
    visibility: visible;
    transform: translate3d(-100%, 0, 0);
    transition: visibility 0.1ms, transform 0.5s;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__nav.nj-header-deprecated__nav--show {
    transform: translate3d(100%, 0, 0);
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__nav-item {
    line-height: 1.2rem;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__nav-link {
    position: relative;
    flex-grow: 1;
    margin: 0;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__nav-link::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.125rem;
    content: "";
    background: var(--nj-semantic-color-border-brand-strong-default);
    opacity: 0;
    transition: 0.3s var(--nj-semantic-motion-easing-fast-out-slow-in);
    transition-property: opacity;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__nav-link.active::after {
    opacity: 1;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__nav-link:focus-visible {
    outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    outline-offset: var(--nj-semantic-size-border-focus-ring-offset);
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__menu {
    display: block;
    border-top: 0;
    box-shadow: none;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__menu .container {
    max-width: inherit;
    padding: 0;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__menu .col {
    flex-basis: 100%;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__menu-return {
    display: flex;
    align-items: center;
    height: 4rem;
    font-size: 1.5rem;
    cursor: pointer;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__menu-return:focus-visible {
    outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    outline-offset: var(--nj-semantic-size-border-focus-ring-offset);
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__menu-title {
    display: flex;
    flex-grow: 1;
    align-items: center;
    margin: 0;
    cursor: pointer;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__menu-title + .nj-header-deprecated__nav--panel li:first-child {
    display: flex;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__menu-arrow-right {
    display: block;
    margin-left: var(--nj-semantic-size-spacing-8);
    color: inherit;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__menu-arrow-left {
    display: block;
    margin-top: 5px;
    margin-right: var(--nj-semantic-size-spacing-8);
    margin-left: -5px;
    color: inherit;
  }
  .nj-header-deprecated--expand-xs .nj-header-deprecated__search-icon {
    right: 2rem;
  }
  .nj-header-deprecated--expand-xs a {
    text-decoration: none;
  }
}
@media (max-width: 576px) {
  .nj-header-deprecated--expand-sm.nj-header-deprecated--fixed {
    height: 4rem;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__group {
    position: fixed;
    top: 0;
    z-index: var(--nj-semantic-elevation-z-index-fixed);
    width: 100%;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__head {
    position: absolute;
    top: 0;
    left: 0;
    justify-content: center;
    width: 100%;
    height: 4rem;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__head > * {
    display: none;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__head .nj-header-deprecated__logo {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__head .nj-header-deprecated__logo img {
    width: 63px;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__nav-burger {
    display: block;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__nav-logo--reduced {
    display: none;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__nav-logo {
    display: flex;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__nav--panel {
    position: fixed;
    top: 4rem;
    left: -100%;
    visibility: hidden;
    flex-direction: column;
    justify-content: normal;
    width: 100vw;
    min-height: 100vh;
    padding: 0 2rem;
    overflow-y: auto;
    background-color: var(--nj-semantic-color-background-neutral-secondary-default);
    transform: translate3d(0, 0, 0);
    transition: visibility 0.5s 0.1ms, transform 0.5s;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__nav--panel li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 4rem;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__nav--panel li a {
    margin: 0;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__nav--panel .nj-header-deprecated__nav--panel {
    top: 0;
    left: 100%;
    z-index: 1;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__nav--show {
    visibility: visible;
    transform: translate3d(-100%, 0, 0);
    transition: visibility 0.1ms, transform 0.5s;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__nav.nj-header-deprecated__nav--show {
    transform: translate3d(100%, 0, 0);
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__nav-item {
    line-height: 1.2rem;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__nav-link {
    position: relative;
    flex-grow: 1;
    margin: 0;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__nav-link::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.125rem;
    content: "";
    background: var(--nj-semantic-color-border-brand-strong-default);
    opacity: 0;
    transition: 0.3s var(--nj-semantic-motion-easing-fast-out-slow-in);
    transition-property: opacity;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__nav-link.active::after {
    opacity: 1;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__nav-link:focus-visible {
    outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    outline-offset: var(--nj-semantic-size-border-focus-ring-offset);
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__menu {
    display: block;
    border-top: 0;
    box-shadow: none;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__menu .container {
    max-width: inherit;
    padding: 0;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__menu .col {
    flex-basis: 100%;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__menu-return {
    display: flex;
    align-items: center;
    height: 4rem;
    font-size: 1.5rem;
    cursor: pointer;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__menu-return:focus-visible {
    outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    outline-offset: var(--nj-semantic-size-border-focus-ring-offset);
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__menu-title {
    display: flex;
    flex-grow: 1;
    align-items: center;
    margin: 0;
    cursor: pointer;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__menu-title + .nj-header-deprecated__nav--panel li:first-child {
    display: flex;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__menu-arrow-right {
    display: block;
    margin-left: var(--nj-semantic-size-spacing-8);
    color: inherit;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__menu-arrow-left {
    display: block;
    margin-top: 5px;
    margin-right: var(--nj-semantic-size-spacing-8);
    margin-left: -5px;
    color: inherit;
  }
  .nj-header-deprecated--expand-sm .nj-header-deprecated__search-icon {
    right: 2rem;
  }
  .nj-header-deprecated--expand-sm a {
    text-decoration: none;
  }
}
@media (max-width: 768px) {
  .nj-header-deprecated--expand-md.nj-header-deprecated--fixed {
    height: 4rem;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__group {
    position: fixed;
    top: 0;
    z-index: var(--nj-semantic-elevation-z-index-fixed);
    width: 100%;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__head {
    position: absolute;
    top: 0;
    left: 0;
    justify-content: center;
    width: 100%;
    height: 4rem;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__head > * {
    display: none;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__head .nj-header-deprecated__logo {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__head .nj-header-deprecated__logo img {
    width: 63px;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__nav-burger {
    display: block;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__nav-logo--reduced {
    display: none;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__nav-logo {
    display: flex;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__nav--panel {
    position: fixed;
    top: 4rem;
    left: -100%;
    visibility: hidden;
    flex-direction: column;
    justify-content: normal;
    width: 100vw;
    min-height: 100vh;
    padding: 0 2rem;
    overflow-y: auto;
    background-color: var(--nj-semantic-color-background-neutral-secondary-default);
    transform: translate3d(0, 0, 0);
    transition: visibility 0.5s 0.1ms, transform 0.5s;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__nav--panel li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 4rem;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__nav--panel li a {
    margin: 0;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__nav--panel .nj-header-deprecated__nav--panel {
    top: 0;
    left: 100%;
    z-index: 1;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__nav--show {
    visibility: visible;
    transform: translate3d(-100%, 0, 0);
    transition: visibility 0.1ms, transform 0.5s;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__nav.nj-header-deprecated__nav--show {
    transform: translate3d(100%, 0, 0);
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__nav-item {
    line-height: 1.2rem;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__nav-link {
    position: relative;
    flex-grow: 1;
    margin: 0;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__nav-link::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.125rem;
    content: "";
    background: var(--nj-semantic-color-border-brand-strong-default);
    opacity: 0;
    transition: 0.3s var(--nj-semantic-motion-easing-fast-out-slow-in);
    transition-property: opacity;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__nav-link.active::after {
    opacity: 1;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__nav-link:focus-visible {
    outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    outline-offset: var(--nj-semantic-size-border-focus-ring-offset);
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__menu {
    display: block;
    border-top: 0;
    box-shadow: none;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__menu .container {
    max-width: inherit;
    padding: 0;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__menu .col {
    flex-basis: 100%;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__menu-return {
    display: flex;
    align-items: center;
    height: 4rem;
    font-size: 1.5rem;
    cursor: pointer;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__menu-return:focus-visible {
    outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    outline-offset: var(--nj-semantic-size-border-focus-ring-offset);
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__menu-title {
    display: flex;
    flex-grow: 1;
    align-items: center;
    margin: 0;
    cursor: pointer;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__menu-title + .nj-header-deprecated__nav--panel li:first-child {
    display: flex;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__menu-arrow-right {
    display: block;
    margin-left: var(--nj-semantic-size-spacing-8);
    color: inherit;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__menu-arrow-left {
    display: block;
    margin-top: 5px;
    margin-right: var(--nj-semantic-size-spacing-8);
    margin-left: -5px;
    color: inherit;
  }
  .nj-header-deprecated--expand-md .nj-header-deprecated__search-icon {
    right: 2rem;
  }
  .nj-header-deprecated--expand-md a {
    text-decoration: none;
  }
}
@media (max-width: 992px) {
  .nj-header-deprecated--expand-lg.nj-header-deprecated--fixed {
    height: 4rem;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__group {
    position: fixed;
    top: 0;
    z-index: var(--nj-semantic-elevation-z-index-fixed);
    width: 100%;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__head {
    position: absolute;
    top: 0;
    left: 0;
    justify-content: center;
    width: 100%;
    height: 4rem;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__head > * {
    display: none;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__head .nj-header-deprecated__logo {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__head .nj-header-deprecated__logo img {
    width: 63px;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__nav-burger {
    display: block;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__nav-logo--reduced {
    display: none;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__nav-logo {
    display: flex;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__nav--panel {
    position: fixed;
    top: 4rem;
    left: -100%;
    visibility: hidden;
    flex-direction: column;
    justify-content: normal;
    width: 100vw;
    min-height: 100vh;
    padding: 0 2rem;
    overflow-y: auto;
    background-color: var(--nj-semantic-color-background-neutral-secondary-default);
    transform: translate3d(0, 0, 0);
    transition: visibility 0.5s 0.1ms, transform 0.5s;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__nav--panel li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 4rem;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__nav--panel li a {
    margin: 0;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__nav--panel .nj-header-deprecated__nav--panel {
    top: 0;
    left: 100%;
    z-index: 1;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__nav--show {
    visibility: visible;
    transform: translate3d(-100%, 0, 0);
    transition: visibility 0.1ms, transform 0.5s;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__nav.nj-header-deprecated__nav--show {
    transform: translate3d(100%, 0, 0);
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__nav-item {
    line-height: 1.2rem;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__nav-link {
    position: relative;
    flex-grow: 1;
    margin: 0;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__nav-link::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.125rem;
    content: "";
    background: var(--nj-semantic-color-border-brand-strong-default);
    opacity: 0;
    transition: 0.3s var(--nj-semantic-motion-easing-fast-out-slow-in);
    transition-property: opacity;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__nav-link.active::after {
    opacity: 1;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__nav-link:focus-visible {
    outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    outline-offset: var(--nj-semantic-size-border-focus-ring-offset);
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__menu {
    display: block;
    border-top: 0;
    box-shadow: none;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__menu .container {
    max-width: inherit;
    padding: 0;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__menu .col {
    flex-basis: 100%;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__menu-return {
    display: flex;
    align-items: center;
    height: 4rem;
    font-size: 1.5rem;
    cursor: pointer;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__menu-return:focus-visible {
    outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    outline-offset: var(--nj-semantic-size-border-focus-ring-offset);
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__menu-title {
    display: flex;
    flex-grow: 1;
    align-items: center;
    margin: 0;
    cursor: pointer;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__menu-title + .nj-header-deprecated__nav--panel li:first-child {
    display: flex;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__menu-arrow-right {
    display: block;
    margin-left: var(--nj-semantic-size-spacing-8);
    color: inherit;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__menu-arrow-left {
    display: block;
    margin-top: 5px;
    margin-right: var(--nj-semantic-size-spacing-8);
    margin-left: -5px;
    color: inherit;
  }
  .nj-header-deprecated--expand-lg .nj-header-deprecated__search-icon {
    right: 2rem;
  }
  .nj-header-deprecated--expand-lg a {
    text-decoration: none;
  }
}
@media (max-width: 1200px) {
  .nj-header-deprecated--expand-xl.nj-header-deprecated--fixed {
    height: 4rem;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__group {
    position: fixed;
    top: 0;
    z-index: var(--nj-semantic-elevation-z-index-fixed);
    width: 100%;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__head {
    position: absolute;
    top: 0;
    left: 0;
    justify-content: center;
    width: 100%;
    height: 4rem;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__head > * {
    display: none;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__head .nj-header-deprecated__logo {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__head .nj-header-deprecated__logo img {
    width: 63px;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__nav-burger {
    display: block;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__nav-logo--reduced {
    display: none;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__nav-logo {
    display: flex;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__nav--panel {
    position: fixed;
    top: 4rem;
    left: -100%;
    visibility: hidden;
    flex-direction: column;
    justify-content: normal;
    width: 100vw;
    min-height: 100vh;
    padding: 0 2rem;
    overflow-y: auto;
    background-color: var(--nj-semantic-color-background-neutral-secondary-default);
    transform: translate3d(0, 0, 0);
    transition: visibility 0.5s 0.1ms, transform 0.5s;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__nav--panel li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 4rem;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__nav--panel li a {
    margin: 0;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__nav--panel .nj-header-deprecated__nav--panel {
    top: 0;
    left: 100%;
    z-index: 1;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__nav--show {
    visibility: visible;
    transform: translate3d(-100%, 0, 0);
    transition: visibility 0.1ms, transform 0.5s;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__nav.nj-header-deprecated__nav--show {
    transform: translate3d(100%, 0, 0);
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__nav-item {
    line-height: 1.2rem;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__nav-link {
    position: relative;
    flex-grow: 1;
    margin: 0;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__nav-link::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.125rem;
    content: "";
    background: var(--nj-semantic-color-border-brand-strong-default);
    opacity: 0;
    transition: 0.3s var(--nj-semantic-motion-easing-fast-out-slow-in);
    transition-property: opacity;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__nav-link.active::after {
    opacity: 1;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__nav-link:focus-visible {
    outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    outline-offset: var(--nj-semantic-size-border-focus-ring-offset);
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__menu {
    display: block;
    border-top: 0;
    box-shadow: none;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__menu .container {
    max-width: inherit;
    padding: 0;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__menu .col {
    flex-basis: 100%;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__menu-return {
    display: flex;
    align-items: center;
    height: 4rem;
    font-size: 1.5rem;
    cursor: pointer;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__menu-return:focus-visible {
    outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    outline-offset: var(--nj-semantic-size-border-focus-ring-offset);
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__menu-title {
    display: flex;
    flex-grow: 1;
    align-items: center;
    margin: 0;
    cursor: pointer;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__menu-title + .nj-header-deprecated__nav--panel li:first-child {
    display: flex;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__menu-arrow-right {
    display: block;
    margin-left: var(--nj-semantic-size-spacing-8);
    color: inherit;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__menu-arrow-left {
    display: block;
    margin-top: 5px;
    margin-right: var(--nj-semantic-size-spacing-8);
    margin-left: -5px;
    color: inherit;
  }
  .nj-header-deprecated--expand-xl .nj-header-deprecated__search-icon {
    right: 2rem;
  }
  .nj-header-deprecated--expand-xl a {
    text-decoration: none;
  }
}
.nj-heading {
  padding: 0;
  margin: 0;
  font-weight: var(--nj-semantic-font-weight-bold);
  color: var(--nj-heading-color);
  box-sizing: border-box;
}

.nj-heading *,
.nj-heading *::before,
.nj-heading *::after {
  box-sizing: border-box;
}

.nj-heading.nj-heading.nj-heading--xs {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-heading-xs);
  line-height: var(--nj-semantic-line-height-heading-xs);
}

.nj-heading.nj-heading.nj-heading--sm {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-heading-sm);
  line-height: var(--nj-semantic-line-height-heading-sm);
}

.nj-heading.nj-heading.nj-heading--md {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-heading-md);
  line-height: var(--nj-semantic-line-height-heading-md);
}

.nj-heading.nj-heading.nj-heading--lg, .nj-heading.nj-heading {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-heading-lg);
  line-height: var(--nj-semantic-line-height-heading-lg);
}

.nj-heading.nj-heading.nj-heading--xl {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-heading-xl);
  line-height: var(--nj-semantic-line-height-heading-xl);
}

.nj-heading.nj-heading.nj-heading--primary {
  --nj-heading-color: var(--nj-semantic-color-text-neutral-primary-default);
}

.nj-heading.nj-heading.nj-heading--primary.nj-heading--not-invertible {
  --nj-heading-color: var(--nj-semantic-color-text-neutral-primary-not-invertible-default);
}

.nj-heading.nj-heading.nj-heading--secondary {
  --nj-heading-color: var(--nj-semantic-color-text-neutral-secondary-default);
}

.nj-heading.nj-heading.nj-heading--tertiary {
  --nj-heading-color: var(--nj-semantic-color-text-neutral-tertiary-default);
}

.nj-heading.nj-heading.nj-heading--contrast {
  --nj-heading-color: var(--nj-semantic-color-text-neutral-contrast-default);
}

.nj-heading.nj-heading.nj-heading--inverse {
  --nj-heading-color: var(--nj-semantic-color-text-neutral-inverse-default);
}

.nj-heading.nj-heading.nj-heading--inverse.nj-heading--not-invertible {
  --nj-heading-color: var(--nj-semantic-color-text-neutral-inverse-not-invertible-default);
}

.nj-heading.nj-heading.nj-heading--brand {
  --nj-heading-color: var(--nj-semantic-color-text-brand-primary-default);
}

.nj-heading.nj-heading.nj-heading--brand-contrast {
  --nj-heading-color: var(--nj-semantic-color-text-brand-contrast-default);
}

.nj-heading.nj-heading.nj-heading--danger {
  --nj-heading-color: var(--nj-semantic-color-text-status-danger-primary-default);
}

.nj-heading.nj-heading.nj-heading--danger-contrast {
  --nj-heading-color: var(--nj-semantic-color-text-status-danger-contrast-default);
}

.nj-heading.nj-heading.nj-heading--success {
  --nj-heading-color: var(--nj-semantic-color-text-status-success-primary-default);
}

.nj-heading.nj-heading.nj-heading--success-contrast {
  --nj-heading-color: var(--nj-semantic-color-text-status-success-contrast-default);
}

.nj-heading.nj-heading.nj-heading--warning {
  --nj-heading-color: var(--nj-semantic-color-text-status-warning-primary-default);
}

.nj-heading.nj-heading.nj-heading--warning-contrast {
  --nj-heading-color: var(--nj-semantic-color-text-status-warning-contrast-default);
}

.nj-heading.nj-heading.nj-heading--information {
  --nj-heading-color: var(--nj-semantic-color-text-status-information-primary-default);
}

.nj-heading.nj-heading.nj-heading--information-contrast {
  --nj-heading-color: var(--nj-semantic-color-text-status-information-contrast-default);
}

.nj-heading.nj-heading.nj-heading--discovery {
  --nj-heading-color: var(--nj-semantic-color-text-status-discovery-primary-default);
}

.nj-heading.nj-heading.nj-heading--discovery-contrast {
  --nj-heading-color: var(--nj-semantic-color-text-status-discovery-contrast-default);
}

.nj-heading.nj-heading.nj-heading--planet {
  --nj-heading-color: var(--nj-semantic-color-text-status-planet-primary-default);
}

.nj-heading.nj-heading.nj-heading--planet-contrast {
  --nj-heading-color: var(--nj-semantic-color-text-status-planet-contrast-default);
}

.nj-heading.nj-heading.nj-heading--signature {
  --nj-heading-color: var(--nj-semantic-color-text-additional-signature-default);
}

.nj-heading.nj-heading.nj-heading--ai {
  display: inline;
  --nj-heading-color: var(--nj-semantic-color-text-status-discovery-primary-default);
  background-image: var(--nj-semantic-color-background-additional-ai-default);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.nj-heading.nj-heading.nj-heading--inherit, .nj-heading.nj-heading {
  --nj-heading-color: inherit;
}

.nj-highlight {
  box-sizing: border-box;
}

.nj-highlight *,
.nj-highlight *::before,
.nj-highlight *::after {
  box-sizing: border-box;
}

.nj-highlight {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  padding: 0;
  margin: 0;
  color: var(--nj-semantic-color-text-brand-primary-default);
  background: none;
}

.nj-link {
  --nj-link-icon-size: 18px;
  --nj-link-icon-spacing: var(--nj-semantic-size-spacing-8);
  --nj-link-color: var(--nj-semantic-color-text-brand-primary-default);
  --nj-link-hovered-color: var(--nj-semantic-color-text-brand-primary-hovered);
  --nj-link-focused-color: var(--nj-semantic-color-text-brand-primary-focused);
  --nj-link-pressed-color: var(--nj-semantic-color-text-brand-primary-pressed);
  --nj-link-focused-ring-color: var(--nj-semantic-color-border-brand-strong-default);
  box-sizing: border-box;
}

.nj-link *,
.nj-link *::before,
.nj-link *::after {
  box-sizing: border-box;
}

.nj-link {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-md);
  line-height: var(--nj-semantic-line-height-text-md);
  display: inline-flex;
  align-items: center;
  position: relative;
  padding-bottom: 3px;
  color: var(--nj-link-color);
  text-decoration: none;
  cursor: pointer;
  background-image: linear-gradient(to right, var(--nj-link-color), var(--nj-link-color)), linear-gradient(to right, var(--nj-link-color), var(--nj-link-color));
  background-repeat: no-repeat;
  background-position: bottom 0 left 0, 0 100%;
  background-size: 100% 1px, 0 1px;
}

.nj-link:hover:not(.nj-link:hover:active) {
  --nj-link-color: var(--nj-link-hovered-color);
}

.nj-link:hover {
  color: var(--nj-link-color);
  text-decoration: none;
  background-size: 100% 2px, 0 2px;
}

.nj-link:focus-visible:not(.nj-link:active) {
  --nj-link-color: var(--nj-link-focused-color);
  color: var(--nj-link-color);
  outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-link-focused-ring-color);
  outline-offset: var(--nj-semantic-size-border-focus-ring-offset);
  border-radius: var(--nj-semantic-size-border-radius-none);
}

.nj-link:active {
  --nj-link-color: var(--nj-link-pressed-color);
}

.nj-link-icon {
  background-size: calc(100% - var(--nj-link-icon-size) - var(--nj-link-icon-spacing)) 1px, 0 1px;
}

.nj-link-icon .material-icons,
.nj-link-icon .nj-icon-material,
.nj-link-icon .nj-link__icon {
  --nj-material-icon-color: var(--nj-link-color);
  --nj-material-icon-size: var(--nj-link-icon-size);
  margin-left: var(--nj-link-icon-spacing);
  vertical-align: middle;
}

.nj-link-icon:hover {
  background-size: calc(100% - var(--nj-link-icon-size) - var(--nj-link-icon-spacing)) 2px, calc(100% - var(--nj-link-icon-size) - var(--nj-link-icon-spacing)) 0;
}

.nj-link-icon:hover .material-icons {
  color: var(--nj-link-color);
}

.nj-link-icon--before {
  background-position: calc(18px + var(--nj-link-icon-spacing)) 100%, calc(18px + var(--nj-link-icon-spacing)) 100%;
}

.nj-link-icon--before .material-icons,
.nj-link-icon--before .nj-link__icon {
  margin-right: var(--nj-link-icon-spacing);
  margin-left: 0;
}

.nj-link--sm, .nj-inline-message.nj-inline-message--sm .nj-link {
  --nj-link-icon-spacing: var(--nj-semantic-size-spacing-4);
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-sm);
  line-height: var(--nj-semantic-line-height-text-sm);
  padding-bottom: 2.5px;
}

.nj-link--md, .nj-inline-message.nj-inline-message--md .nj-link, .nj-inline-message .nj-link {
  font-size: var(--nj-semantic-font-size-text-md-desktop);
}

.nj-link--bold {
  font-weight: var(--nj-semantic-font-weight-bold);
}

.nj-link--grayed {
  --nj-link-color: var(--nj-semantic-color-text-neutral-tertiary-default);
  --nj-link-hovered-color: var(--nj-semantic-color-text-neutral-tertiary-hovered);
  --nj-link-focused-color: var(--nj-semantic-color-text-neutral-tertiary-focused);
  --nj-link-pressed-color: var(--nj-semantic-color-text-neutral-tertiary-pressed);
}

.nj-link--contextual {
  --nj-link-color: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-link-hovered-color: var(--nj-semantic-color-text-neutral-primary-hovered);
  --nj-link-focused-color: var(--nj-semantic-color-text-neutral-primary-focused);
  --nj-link-pressed-color: var(--nj-semantic-color-text-neutral-primary-pressed);
  background-size: 0 0, 0 0;
  transition: background-size 0.2s var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-link--contextual:hover, .nj-link--contextual:active {
  background-size: 100% 2px, 0 2px;
}

.nj-link--contextual.nj-link-icon {
  background-size: 0 0, 0 0;
}

.nj-link--contextual.nj-link-icon:hover, .nj-link--contextual.nj-link-icon:active {
  background-size: calc(100% - var(--nj-link-icon-size) - var(--nj-link-icon-spacing)) 2px, calc(100% - var(--nj-link-icon-size) - var(--nj-link-icon-spacing)) 0;
}

.nj-link--inverse {
  --nj-link-color: var(--nj-semantic-color-text-neutral-inverse-default);
  --nj-link-hovered-color: var(--nj-semantic-color-text-neutral-inverse-hovered);
  --nj-link-focused-color: var(--nj-semantic-color-text-neutral-inverse-focused);
  --nj-link-pressed-color: var(--nj-semantic-color-text-neutral-inverse-pressed);
  --nj-link-focused-ring-color: var(--nj-semantic-color-border-neutral-inverse-default);
}

.nj-link--high-contrast {
  --nj-link-color: var(--nj-semantic-color-text-brand-contrast-default);
  --nj-link-hovered-color: var(--nj-semantic-color-text-brand-contrast-hovered);
  --nj-link-focused-color: var(--nj-semantic-color-text-brand-contrast-focused);
  --nj-link-pressed-color: var(--nj-semantic-color-text-brand-contrast-pressed);
}

.nj-inline-message {
  box-sizing: border-box;
}

.nj-inline-message *,
.nj-inline-message *::before,
.nj-inline-message *::after {
  box-sizing: border-box;
}

.nj-inline-message {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  display: flex;
  gap: var(--nj-semantic-size-spacing-16);
  align-items: flex-start;
  padding: var(--nj-semantic-size-spacing-16);
  background: var(--nj-inline-message-bg);
  border: solid 1px var(--nj-inline-message-border);
  border-radius: var(--nj-semantic-size-border-radius-none);
  transform-origin: left center;
  --nj-inline-message-color: var(--nj-semantic-color-text-neutral-primary-default);
}

.nj-inline-message.nj-inline-message--action-position-bottom {
  --nj-inline-message-content-direction: column;
}

.nj-inline-message.nj-inline-message--action-position-right, .nj-inline-message {
  --nj-inline-message-content-direction: row;
}

.nj-inline-message.nj-inline-message--information {
  --nj-inline-message-bg: var(--nj-semantic-color-background-status-information-tertiary-default);
  --nj-inline-message-border: var(--nj-semantic-color-border-status-information-moderate-default);
}

.nj-inline-message.nj-inline-message--success {
  --nj-inline-message-bg: var(--nj-semantic-color-background-status-success-tertiary-default);
  --nj-inline-message-border: var(--nj-semantic-color-border-status-success-moderate-default);
}

.nj-inline-message.nj-inline-message--warning {
  --nj-inline-message-bg: var(--nj-semantic-color-background-status-warning-tertiary-default);
  --nj-inline-message-border: var(--nj-semantic-color-border-status-warning-moderate-default);
}

.nj-inline-message.nj-inline-message--discovery {
  --nj-inline-message-bg: var(--nj-semantic-color-background-status-discovery-tertiary-default);
  --nj-inline-message-border: var(--nj-semantic-color-border-status-discovery-moderate-default);
}

.nj-inline-message.nj-inline-message--planet {
  --nj-inline-message-bg: var(--nj-semantic-color-background-status-planet-tertiary-default);
  --nj-inline-message-border: var(--nj-semantic-color-border-status-planet-moderate-default);
}

.nj-inline-message.nj-inline-message--error, .nj-inline-message {
  --nj-inline-message-bg: var(--nj-semantic-color-background-status-danger-tertiary-default);
  --nj-inline-message-border: var(--nj-semantic-color-border-status-danger-moderate-default);
}

.nj-inline-message.nj-inline-message--fatal-error {
  --nj-inline-message-bg: var(--nj-semantic-color-background-accent-red-solid-default);
  --nj-inline-message-border: transparent;
  --nj-inline-message-color: var(--nj-semantic-color-text-neutral-inverse-default);
}

.nj-inline-message.nj-inline-message--fatal-error .nj-inline-message__action {
  display: none;
}

.nj-inline-message.nj-inline-message--sm .nj-inline-message__body {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-sm);
  line-height: var(--nj-semantic-line-height-text-sm);
}

.nj-inline-message.nj-inline-message--md .nj-inline-message__body, .nj-inline-message .nj-inline-message__body {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-md);
  line-height: var(--nj-semantic-line-height-text-md);
}

.nj-inline-message.nj-inline-message--sm .nj-inline-message__body {
  margin-top: 2px;
}

.nj-inline-message .nj-inline-message__content {
  display: flex;
  flex-grow: 1;
  flex-direction: var(--nj-inline-message-content-direction);
  gap: var(--nj-semantic-size-spacing-8);
  justify-content: space-between;
  color: var(--nj-inline-message-color);
}

.nj-inline-message .nj-inline-message__status, .nj-inline-message .nj-inline-message__close, .nj-inline-message .nj-inline-message__action {
  flex-shrink: 0;
}

.nj-toggle {
  --nj-toggle-label-color: var(--nj-semantic-color-text-neutral-secondary-default);
  --nj-toggle-background-color: var(--nj-semantic-color-background-neutral-solid-default);
  --nj-toggle-background-color-hovered: var(--nj-semantic-color-background-neutral-solid-hovered);
  --nj-toggle-background-color-pressed: var(--nj-semantic-color-background-neutral-solid-pressed);
  --nj-toggle-checked-background-color: var(--nj-semantic-color-background-brand-solid-default);
  --nj-toggle-checked-background-color-hovered: var(--nj-semantic-color-background-brand-solid-hovered);
  --nj-toggle-checked-background-color-pressed: var(--nj-semantic-color-background-brand-solid-pressed);
  --nj-toggle-handle-left: var(--nj-toggle-handle-padding);
  --nj-toggle-handle-width: var(--nj-toggle-handle-radius);
  box-sizing: border-box;
}

.nj-toggle *,
.nj-toggle *::before,
.nj-toggle *::after {
  box-sizing: border-box;
}

.nj-toggle {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  position: relative;
  display: inline-block;
}

.nj-toggle.nj-toggle--md, .nj-list .nj-toggle.nj-list__item-trailing:is(.nj-toggle), .nj-toggle {
  --nj-toggle-width: 32px;
  --nj-toggle-height: 16px;
  --nj-toggle-handle-radius: 12px;
  --nj-toggle-handle-padding: 2px;
}

.nj-toggle.nj-toggle--lg {
  --nj-toggle-width: 48px;
  --nj-toggle-height: 24px;
  --nj-toggle-handle-radius: 16px;
  --nj-toggle-handle-padding: 4px;
}

.nj-toggle.nj-toggle--lg .nj-toggle__handle-icon {
  --nj-material-icon-size: var(--nj-semantic-size-icon-xs);
}

.nj-toggle.nj-toggle--xl {
  --nj-toggle-width: 64px;
  --nj-toggle-height: 32px;
  --nj-toggle-handle-radius: 24px;
  --nj-toggle-handle-padding: 4px;
}

.nj-toggle.nj-toggle--xl .nj-toggle__handle-icon {
  --nj-material-icon-size: var(--nj-semantic-size-icon-sm);
}

.nj-toggle.nj-toggle--ai {
  --nj-toggle-checked-background-color: var(--nj-semantic-color-background-additional-ai-default);
}

.nj-toggle.nj-toggle--inherit {
  --nj-toggle-label-color: inherit;
}

.nj-toggle .nj-toggle__icon {
  display: block;
  width: var(--nj-semantic-size-icon-sm);
  height: var(--nj-semantic-size-icon-sm);
  font-size: var(--nj-semantic-size-icon-sm);
  color: var(--nj-semantic-color-icon-neutral-secondary-default);
  fill: var(--nj-semantic-color-icon-neutral-secondary-default);
}

.nj-toggle .nj-toggle__icon .material-icons {
  font-size: inherit;
}

.nj-toggle .nj-toggle__handle-icon {
  --nj-toggle-handle-icon-left: calc(
    var(--nj-toggle-handle-padding) + (var(--nj-toggle-handle-width) - var(--nj-material-icon-size)) / 2
  );
  position: absolute;
  top: 50%;
  left: var(--nj-toggle-handle-icon-left);
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(0, -50%);
  transition: left 0.25s var(--nj-semantic-motion-easing-fast-out-slow-in);
  --nj-material-icon-size: var(--nj-semantic-size-icon-2xs);
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-secondary-default);
}

.nj-toggle input[type=checkbox] {
  all: unset;
  position: relative;
  display: block;
  width: var(--nj-toggle-width);
  height: var(--nj-toggle-height);
  cursor: pointer;
  background: var(--nj-toggle-background-color);
  border-radius: var(--nj-toggle-width);
}

.nj-toggle input[type=checkbox]::before {
  position: absolute;
  top: 50%;
  left: var(--nj-toggle-handle-left);
  width: var(--nj-toggle-handle-width);
  height: var(--nj-toggle-handle-width);
  content: "";
  background-color: var(--nj-semantic-color-background-neutral-primary-default);
  border-radius: var(--nj-toggle-handle-radius);
  transform: translate(0, -50%);
  transition: left 0.25s var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-toggle input[type=checkbox]:checked {
  --nj-toggle-handle-left: calc(
    var(--nj-toggle-width) - var(--nj-toggle-handle-radius) - var(--nj-toggle-handle-padding)
  );
  --nj-toggle-background-color: var(--nj-toggle-checked-background-color);
}

.nj-toggle input[type=checkbox]:checked ~ .nj-toggle__handle-icon {
  --nj-toggle-handle-icon-left: calc(
    var(--nj-toggle-width) - var(--nj-toggle-handle-width) - var(--nj-toggle-handle-padding) +
      (var(--nj-toggle-handle-width) - var(--nj-material-icon-size)) / 2
  );
}

.nj-toggle input[type=checkbox]:disabled {
  pointer-events: none;
  cursor: not-allowed;
}

.nj-toggle input[type=checkbox]:not(:disabled):hover {
  --nj-toggle-background-color: var(--nj-toggle-background-color-hovered);
}

.nj-toggle input[type=checkbox]:not(:disabled):hover:checked {
  --nj-toggle-background-color: var(--nj-toggle-checked-background-color-hovered);
}

.nj-toggle input[type=checkbox]:not(:disabled):active {
  --nj-toggle-background-color: var(--nj-toggle-background-color-pressed);
}

.nj-toggle input[type=checkbox]:not(:disabled):active:checked {
  --nj-toggle-background-color: var(--nj-toggle-checked-background-color-pressed);
}

.nj-toggle::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  box-sizing: content-box !important;
  width: 100%;
  height: 100%;
  padding: var(--nj-semantic-size-border-focus-ring-offset);
  pointer-events: none;
  content: "";
  border-radius: var(--nj-semantic-size-border-radius-none);
  box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
  opacity: 0;
  transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
  transition: opacity 0.2s, transform 0.2s;
  transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-toggle:has(input[type=checkbox]:not(:disabled):focus-visible)::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
}

.nj-toggle:has(input[type=checkbox]:disabled) {
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-toggle:has(input[type=checkbox]:disabled) label {
  cursor: not-allowed;
}

.nj-toggle * {
  -webkit-user-select: none;
  user-select: none;
}

.nj-toggle label {
  display: flex;
  gap: var(--nj-semantic-size-spacing-8);
  align-items: center;
  margin-bottom: 0;
  font-size: var(--nj-toggle-text-size);
  color: var(--nj-toggle-label-color);
  cursor: pointer;
}

.nj-list {
  box-sizing: border-box;
}

.nj-list *,
.nj-list *::before,
.nj-list *::after {
  box-sizing: border-box;
}

.nj-list {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  display: flex;
  flex-direction: column;
  gap: var(--nj-semantic-size-spacing-0);
  padding: 0;
  margin: 0;
  list-style-type: none;
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-default);
}

.nj-list.nj-list--has-border {
  gap: var(--nj-semantic-size-border-width);
}

.nj-list.nj-list--sm .nj-list__item:has(> .nj-list__item-wrapper) > .nj-list__item-wrapper {
  padding-top: var(--nj-semantic-size-spacing-8);
  padding-bottom: var(--nj-semantic-size-spacing-8);
}

.nj-list.nj-list--sm .nj-list__item:not(:has(> .nj-list__item-wrapper)) {
  padding-top: var(--nj-semantic-size-spacing-8);
  padding-bottom: var(--nj-semantic-size-spacing-8);
}

.nj-list.nj-list--md .nj-list__item:has(> .nj-list__item-wrapper) > .nj-list__item-wrapper, .nj-list .nj-list__item:has(> .nj-list__item-wrapper) > .nj-list__item-wrapper {
  padding-top: var(--nj-semantic-size-spacing-12);
  padding-bottom: var(--nj-semantic-size-spacing-12);
}

.nj-list.nj-list--md .nj-list__item:not(:has(> .nj-list__item-wrapper)), .nj-list .nj-list__item:not(:has(> .nj-list__item-wrapper)) {
  padding-top: var(--nj-semantic-size-spacing-12);
  padding-bottom: var(--nj-semantic-size-spacing-12);
}

.nj-list.nj-list--lg .nj-list__item:has(> .nj-list__item-wrapper) > .nj-list__item-wrapper {
  padding-top: var(--nj-semantic-size-spacing-24);
  padding-bottom: var(--nj-semantic-size-spacing-24);
}

.nj-list.nj-list--lg .nj-list__item:not(:has(> .nj-list__item-wrapper)) {
  padding-top: var(--nj-semantic-size-spacing-24);
  padding-bottom: var(--nj-semantic-size-spacing-24);
}

.nj-list.nj-list--has-border .nj-list__item:not(:first-of-type) {
  position: relative;
}

.nj-list.nj-list--has-border .nj-list__item:not(:first-of-type)::before {
  position: absolute;
  top: calc(0px - var(--nj-semantic-size-border-width));
  left: 0;
  width: 100%;
  content: "";
  border-top: solid var(--nj-semantic-color-border-neutral-subtle-default) var(--nj-semantic-size-border-width);
}

.nj-list .nj-list__item {
  line-height: var(--nj-semantic-font-line-height-default);
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-default);
  border: none;
  opacity: 1;
}

.nj-list .nj-list__item:has(> .nj-list__item-wrapper) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.nj-list .nj-list__item:has(> .nj-list__item-wrapper) > .nj-list__item-wrapper {
  z-index: 1;
  display: flex;
  gap: var(--nj-semantic-size-spacing-16);
  align-items: center;
  padding-right: var(--nj-semantic-size-spacing-24);
  padding-left: var(--nj-semantic-size-spacing-24);
}

.nj-list .nj-list__item:not(:has(> .nj-list__item-wrapper)) {
  z-index: 1;
  display: flex;
  gap: var(--nj-semantic-size-spacing-16);
  align-items: center;
  padding-right: var(--nj-semantic-size-spacing-24);
  padding-left: var(--nj-semantic-size-spacing-24);
}

.nj-list .nj-list__item:where(.nj-list .nj-list__item--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):where(.nj-list .nj-list__item--disabled, .nj-list .nj-list__item[aria-disabled=true], .nj-list .nj-list__item:has(button:disabled)) {
  pointer-events: none;
  cursor: default;
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-list .nj-list__item:where(.nj-list .nj-list__item--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):where(.nj-list .nj-list__item--selected, .nj-list .nj-list__item[aria-selected=true]) {
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-selected);
  box-shadow: 2px 0 0 0 var(--nj-semantic-color-border-brand-strong-default) inset;
}

.nj-list .nj-list__item:where(.nj-list .nj-list__item--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):where(.nj-list .nj-list__item--selected, .nj-list .nj-list__item[aria-selected=true]) .nj-list__item-leading {
  --nj-material-icon-color: var(--nj-semantic-color-icon-brand-primary-default);
}

.nj-list .nj-list__item:where(.nj-list .nj-list__item--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):where(.nj-list .nj-list__item--selected, .nj-list .nj-list__item[aria-selected=true]) .nj-list__item-primary {
  font-weight: var(--nj-semantic-font-weight-bold);
}

.nj-list .nj-list__item:where(.nj-list .nj-list__item--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):not(:where(.nj-list .nj-list__item--disabled, .nj-list .nj-list__item[aria-disabled=true], .nj-list .nj-list__item:has(button:disabled))):not(:where(.nj-list .nj-list__item--active, .nj-list .nj-list__item:active, .nj-list .nj-list__item:has(> .nj-list__item-wrapper:where(a, button, label):active))):where(.nj-list .nj-list__item--hovered, .nj-list .nj-list__item:hover)::before {
  position: absolute;
  inset: 0;
  content: "";
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
}

.nj-list .nj-list__item:where(.nj-list .nj-list__item--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):not(:where(.nj-list .nj-list__item--disabled, .nj-list .nj-list__item[aria-disabled=true], .nj-list .nj-list__item:has(button:disabled))):not(:where(.nj-list .nj-list__item--active, .nj-list .nj-list__item:active, .nj-list .nj-list__item:has(> .nj-list__item-wrapper:where(a, button, label):active))):where(.nj-list .nj-list__item--hovered, .nj-list .nj-list__item:hover) {
  position: relative;
  cursor: pointer;
  box-shadow: 2px 0 0 0 var(--nj-semantic-color-border-brand-strong-default) inset;
}

.nj-list .nj-list__item:where(.nj-list .nj-list__item--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):not(:where(.nj-list .nj-list__item--disabled, .nj-list .nj-list__item[aria-disabled=true], .nj-list .nj-list__item:has(button:disabled))):where(.nj-list .nj-list__item--active, .nj-list .nj-list__item:active, .nj-list .nj-list__item:has(> .nj-list__item-wrapper:where(a, button, label):active)) {
  cursor: pointer;
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
  box-shadow: 2px 0 0 0 var(--nj-semantic-color-border-brand-strong-default) inset;
}

.nj-list .nj-list__item:where(.nj-list .nj-list__item--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):not(:where(.nj-list .nj-list__item--disabled, .nj-list .nj-list__item[aria-disabled=true], .nj-list .nj-list__item:has(button:disabled))):where(.nj-list .nj-list__item--focused, .nj-list .nj-list__item:focus, .nj-list .nj-list__item:has(> .nj-list__item-wrapper:where(a, button, label):focus-visible)) {
  outline: none;
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
  box-shadow: 0 0 0 2px var(--nj-semantic-color-border-brand-strong-default) inset;
}

.nj-list .nj-list__item--vertical .nj-list__item-content {
  flex-direction: column;
}

.nj-list.nj-list--sm .nj-list__navigation-item:has(> .nj-list__item-wrapper) > .nj-list__item-wrapper {
  padding-top: var(--nj-semantic-size-spacing-8);
  padding-bottom: var(--nj-semantic-size-spacing-8);
}

.nj-list.nj-list--sm .nj-list__navigation-item:not(:has(> .nj-list__item-wrapper)) {
  padding-top: var(--nj-semantic-size-spacing-8);
  padding-bottom: var(--nj-semantic-size-spacing-8);
}

.nj-list.nj-list--md .nj-list__navigation-item:has(> .nj-list__item-wrapper) > .nj-list__item-wrapper, .nj-list .nj-list__navigation-item:has(> .nj-list__item-wrapper) > .nj-list__item-wrapper {
  padding-top: var(--nj-semantic-size-spacing-12);
  padding-bottom: var(--nj-semantic-size-spacing-12);
}

.nj-list.nj-list--md .nj-list__navigation-item:not(:has(> .nj-list__item-wrapper)), .nj-list .nj-list__navigation-item:not(:has(> .nj-list__item-wrapper)) {
  padding-top: var(--nj-semantic-size-spacing-12);
  padding-bottom: var(--nj-semantic-size-spacing-12);
}

.nj-list.nj-list--lg .nj-list__navigation-item:has(> .nj-list__item-wrapper) > .nj-list__item-wrapper {
  padding-top: var(--nj-semantic-size-spacing-24);
  padding-bottom: var(--nj-semantic-size-spacing-24);
}

.nj-list.nj-list--lg .nj-list__navigation-item:not(:has(> .nj-list__item-wrapper)) {
  padding-top: var(--nj-semantic-size-spacing-24);
  padding-bottom: var(--nj-semantic-size-spacing-24);
}

.nj-list.nj-list--has-border .nj-list__navigation-item:not(:first-of-type) {
  position: relative;
}

.nj-list.nj-list--has-border .nj-list__navigation-item:not(:first-of-type)::before {
  position: absolute;
  top: calc(0px - var(--nj-semantic-size-border-width));
  left: 0;
  width: 100%;
  content: "";
  border-top: solid var(--nj-semantic-color-border-neutral-subtle-default) var(--nj-semantic-size-border-width);
}

.nj-list .nj-list__navigation-item {
  line-height: var(--nj-semantic-font-line-height-default);
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-default);
  border: none;
  opacity: 1;
}

.nj-list .nj-list__navigation-item:has(> .nj-list__item-wrapper) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.nj-list .nj-list__navigation-item:has(> .nj-list__item-wrapper) > .nj-list__item-wrapper {
  z-index: 1;
  display: flex;
  gap: var(--nj-semantic-size-spacing-16);
  align-items: center;
  padding-right: var(--nj-semantic-size-spacing-24);
  padding-left: var(--nj-semantic-size-spacing-24);
}

.nj-list .nj-list__navigation-item:not(:has(> .nj-list__item-wrapper)) {
  z-index: 1;
  display: flex;
  gap: var(--nj-semantic-size-spacing-16);
  align-items: center;
  padding-right: var(--nj-semantic-size-spacing-24);
  padding-left: var(--nj-semantic-size-spacing-24);
}

.nj-list .nj-list__navigation-item:where(.nj-list .nj-list__navigation-item--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):where(.nj-list .nj-list__navigation-item--disabled, .nj-list .nj-list__navigation-item[aria-disabled=true], .nj-list .nj-list__navigation-item:has(button:disabled)) {
  pointer-events: none;
  cursor: default;
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-list .nj-list__navigation-item:where(.nj-list .nj-list__navigation-item--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):where(.nj-list .nj-list__navigation-item--selected, .nj-list .nj-list__navigation-item[aria-selected=true]) {
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-selected);
  box-shadow: 2px 0 0 0 var(--nj-semantic-color-border-brand-strong-default) inset;
}

.nj-list .nj-list__navigation-item:where(.nj-list .nj-list__navigation-item--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):where(.nj-list .nj-list__navigation-item--selected, .nj-list .nj-list__navigation-item[aria-selected=true]) .nj-list__item-leading {
  --nj-material-icon-color: var(--nj-semantic-color-icon-brand-primary-default);
}

.nj-list .nj-list__navigation-item:where(.nj-list .nj-list__navigation-item--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):where(.nj-list .nj-list__navigation-item--selected, .nj-list .nj-list__navigation-item[aria-selected=true]) .nj-list__item-primary {
  font-weight: var(--nj-semantic-font-weight-bold);
}

.nj-list .nj-list__navigation-item:where(.nj-list .nj-list__navigation-item--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):not(:where(.nj-list .nj-list__navigation-item--disabled, .nj-list .nj-list__navigation-item[aria-disabled=true], .nj-list .nj-list__navigation-item:has(button:disabled))):not(:where(.nj-list .nj-list__navigation-item--active, .nj-list .nj-list__navigation-item:active, .nj-list .nj-list__navigation-item:has(> .nj-list__item-wrapper:where(a, button, label):active))):where(.nj-list .nj-list__navigation-item--hovered, .nj-list .nj-list__navigation-item:hover)::before {
  position: absolute;
  inset: 0;
  content: "";
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
}

.nj-list .nj-list__navigation-item:where(.nj-list .nj-list__navigation-item--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):not(:where(.nj-list .nj-list__navigation-item--disabled, .nj-list .nj-list__navigation-item[aria-disabled=true], .nj-list .nj-list__navigation-item:has(button:disabled))):not(:where(.nj-list .nj-list__navigation-item--active, .nj-list .nj-list__navigation-item:active, .nj-list .nj-list__navigation-item:has(> .nj-list__item-wrapper:where(a, button, label):active))):where(.nj-list .nj-list__navigation-item--hovered, .nj-list .nj-list__navigation-item:hover) {
  position: relative;
  cursor: pointer;
  box-shadow: 2px 0 0 0 var(--nj-semantic-color-border-brand-strong-default) inset;
}

.nj-list .nj-list__navigation-item:where(.nj-list .nj-list__navigation-item--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):not(:where(.nj-list .nj-list__navigation-item--disabled, .nj-list .nj-list__navigation-item[aria-disabled=true], .nj-list .nj-list__navigation-item:has(button:disabled))):where(.nj-list .nj-list__navigation-item--active, .nj-list .nj-list__navigation-item:active, .nj-list .nj-list__navigation-item:has(> .nj-list__item-wrapper:where(a, button, label):active)) {
  cursor: pointer;
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
  box-shadow: 2px 0 0 0 var(--nj-semantic-color-border-brand-strong-default) inset;
}

.nj-list .nj-list__navigation-item:where(.nj-list .nj-list__navigation-item--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):not(:where(.nj-list .nj-list__navigation-item--disabled, .nj-list .nj-list__navigation-item[aria-disabled=true], .nj-list .nj-list__navigation-item:has(button:disabled))):where(.nj-list .nj-list__navigation-item--focused, .nj-list .nj-list__navigation-item:focus, .nj-list .nj-list__navigation-item:has(> .nj-list__item-wrapper:where(a, button, label):focus-visible)) {
  outline: none;
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
  box-shadow: 0 0 0 2px var(--nj-semantic-color-border-brand-strong-default) inset;
}

.nj-list .nj-list__navigation-item--vertical .nj-list__item-content {
  flex-direction: column;
}

.nj-list .nj-list__navigation-item:where(.nj-list .nj-list__navigation-item--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):where(.nj-list .nj-list__navigation-item--selected, .nj-list .nj-list__navigation-item[aria-selected=true]) .nj-list__item-leading {
  --nj-material-icon-color: var(--nj-semantic-color-icon-brand-primary-default);
}

.nj-list .nj-list__navigation-item.nj-list__navigation-item--primary:where(.nj-list .nj-list__navigation-item.nj-list__navigation-item--primary--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):where(.nj-list .nj-list__navigation-item.nj-list__navigation-item--primary--selected, .nj-list .nj-list__navigation-item.nj-list__navigation-item--primary[aria-selected=true]) .nj-list__item-leading {
  --nj-material-icon-color: var(--nj-semantic-color-icon-brand-primary-default);
}

.nj-list .nj-list__navigation-item.nj-list__navigation-item--discovery:where(.nj-list__navigation-item--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):not(:where(.nj-list__navigation-item--disabled, .nj-list__navigation-item[aria-disabled=true], .nj-list__navigation-item:has(button:disabled))):not(:where(.nj-list__navigation-item--active, .nj-list__navigation-item:active, .nj-list__navigation-item:has(> .nj-list__item-wrapper:where(a, button, label):active))):where(.nj-list__navigation-item--hovered, .nj-list__navigation-item:hover) {
  background-color: var(--nj-semantic-color-background-status-discovery-tertiary-translucent-default);
  box-shadow: 2px 0 0 0 var(--nj-semantic-color-border-status-discovery-strong-default) inset;
}

.nj-list .nj-list__navigation-item.nj-list__navigation-item--discovery:where(.nj-list__navigation-item--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):not(:where(.nj-list__navigation-item--disabled, .nj-list__navigation-item[aria-disabled=true], .nj-list__navigation-item:has(button:disabled))):where(.nj-list__navigation-item--active, .nj-list__navigation-item:active, .nj-list__navigation-item:has(> .nj-list__item-wrapper:where(a, button, label):active)) {
  box-shadow: 2px 0 0 0 var(--nj-semantic-color-border-status-discovery-strong-default) inset;
}

.nj-list .nj-list__navigation-item.nj-list__navigation-item--discovery:where(.nj-list__navigation-item--interactive, :has(> .nj-list__item-wrapper:where(a, button, label))):where(.nj-list__navigation-item--selected, .nj-list__navigation-item[aria-selected=true]) {
  background-color: var(--nj-semantic-color-background-status-discovery-tertiary-translucent-default);
  box-shadow: 2px 0 0 0 var(--nj-semantic-color-border-status-discovery-strong-default) inset;
}

.nj-list .nj-list__navigation-item.nj-list__navigation-item--discovery .nj-list__item-primary {
  color: var(--nj-semantic-color-text-status-discovery-primary-default);
}

.nj-list .nj-list__navigation-item.nj-list__navigation-item--discovery .nj-list__item-leading, .nj-list .nj-list__navigation-item.nj-list__navigation-item--discovery .nj-list__item-trailing:not(.nj-list__item-arrow) {
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-discovery-primary-default);
}

.nj-list .nj-list__navigation-item.nj-list__navigation-item--expanded .nj-list__item-primary {
  font-weight: var(--nj-semantic-font-weight-bold);
}

.nj-list .nj-list__navigation-item.nj-list__navigation-item--expanded .nj-list__item-arrow {
  transform: rotate(0.5turn);
}

.nj-list .nj-list__item-content {
  display: flex;
  width: 100%;
  min-width: 0;
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-md);
  line-height: var(--nj-semantic-line-height-text-md);
}

.nj-list .nj-list__item-primary {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--nj-semantic-color-text-neutral-primary-default);
  white-space: nowrap;
}

.nj-list .nj-list__item-secondary {
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--nj-semantic-color-text-neutral-tertiary-default);
  white-space: nowrap;
}

.nj-list .nj-list__item-trailing {
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-tertiary-default);
  --nj-material-icon-size: var(--nj-semantic-size-icon-md);
}

.nj-list .nj-list__item-leading {
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-tertiary-default);
  --nj-material-icon-size: var(--nj-semantic-size-icon-md);
}

.nj-list .nj-list__item-wrapper {
  align-items: center;
}

.nj-list .nj-list__item-wrapper:is(a) {
  all: unset;
}

.nj-list .nj-list__item-wrapper:is(button) {
  all: unset;
  outline: none;
}

.nj-list .nj-list__item-wrapper:is(label) {
  all: unset;
}

.nj-list .nj-list__item-wrapper:is(a, button, label) {
  cursor: pointer;
}

.nj-modal {
  box-sizing: border-box;
}

.nj-modal *,
.nj-modal *::before,
.nj-modal *::after {
  box-sizing: border-box;
}

.nj-modal {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  all: unset;
  --nj-modal-padding: var(--nj-semantic-size-spacing-24);
  position: fixed;
  inset: 0;
  display: none;
  width: fit-content;
  max-width: 560px;
  height: fit-content;
  max-height: 80dvh;
  padding: var(--nj-modal-padding);
  margin: auto;
  overflow: auto;
  background: var(--nj-semantic-color-background-neutral-primary-default);
}

.nj-modal::backdrop {
  all: unset;
  position: fixed;
  inset: 0;
  background-color: var(--nj-component-backdrop-color-background);
}

.nj-modal .nj-modal__close {
  position: absolute;
  top: var(--nj-modal-padding);
  right: var(--nj-modal-padding);
}

.nj-modal.nj-modal[open], .nj-modal.nj-modal--open {
  display: block;
}

.nj-modal-confirmation {
  box-sizing: border-box;
}

.nj-modal-confirmation *,
.nj-modal-confirmation *::before,
.nj-modal-confirmation *::after {
  box-sizing: border-box;
}

.nj-modal-confirmation {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
}

.nj-modal-confirmation .nj-modal-confirmation__content {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.nj-modal-confirmation .nj-modal-confirmation__content .nj-modal-confirmation__header {
  display: flex;
  gap: var(--nj-semantic-size-spacing-16);
  align-items: center;
  margin-bottom: var(--nj-semantic-size-spacing-24);
}

.nj-modal-confirmation .nj-modal-confirmation__content .nj-modal-confirmation__title {
  all: unset;
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-heading-sm);
  line-height: var(--nj-semantic-line-height-heading-sm);
}

.nj-modal-confirmation .nj-modal-confirmation__content .nj-modal-confirmation__body {
  display: flex;
}

.nj-modal-confirmation .nj-modal-confirmation__content .nj-modal-confirmation__body .nj-modal-confirmation__description {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-md);
  line-height: var(--nj-semantic-line-height-text-md);
}

.nj-modal-confirmation .nj-modal-confirmation__content .nj-modal-confirmation__footer {
  display: flex;
  align-items: center;
  margin-top: var(--nj-semantic-size-spacing-32);
}

.nj-modal-confirmation .nj-modal-confirmation__footer .nj-modal-confirmation__actions {
  display: flex;
  gap: var(--nj-semantic-size-spacing-16);
  margin-left: auto;
}

.nj-modal-information {
  box-sizing: border-box;
}

.nj-modal-information *,
.nj-modal-information *::before,
.nj-modal-information *::after {
  box-sizing: border-box;
}

.nj-modal-information {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
}

.nj-modal-information .nj-modal-information__content {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.nj-modal-information .nj-modal-information__content .nj-modal-information__header {
  display: flex;
  gap: var(--nj-semantic-size-spacing-16);
  align-items: center;
  margin-bottom: var(--nj-semantic-size-spacing-24);
}

.nj-modal-information .nj-modal-information__content .nj-modal-information__title {
  all: unset;
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-heading-sm);
  line-height: var(--nj-semantic-line-height-heading-sm);
}

.nj-modal-information .nj-modal-information__content .nj-modal-information__body {
  display: flex;
}

.nj-modal-information .nj-modal-information__content .nj-modal-information__body .nj-modal-information__description {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-md);
  line-height: var(--nj-semantic-line-height-text-md);
}

.nj-modal-information .nj-modal-information__content .nj-modal-information__footer {
  display: flex;
  align-items: center;
  margin-top: var(--nj-semantic-size-spacing-32);
}

.nj-modal-information .nj-modal-information__content {
  padding-top: var(--nj-semantic-size-spacing-32);
}

.nj-modal-information .nj-modal-information__content .nj-modal-information__body {
  flex-direction: column;
  align-items: center;
}

.nj-modal-information .nj-modal-information__content .nj-modal-information__body .nj-modal-information__title {
  margin-top: var(--nj-semantic-size-spacing-16);
}

.nj-modal-information .nj-modal-information__content .nj-modal-information__body .nj-modal-information__description {
  margin-top: var(--nj-semantic-size-spacing-8);
  text-align: center;
}

.nj-modal-information .nj-modal-information__content .nj-modal-information__footer {
  justify-content: center;
}

.nj-modal-deprecated {
  --nj-modal-deprecated-background-color: var(--nj-semantic-color-background-neutral-primary-default);
  --nj-modal-deprecated-elevation: var(--nj-semantic-elevation-z-index-modal);
  --nj-modal-deprecated-padding: var(--nj-semantic-size-spacing-24);
  box-sizing: border-box;
}

.nj-modal-deprecated *,
.nj-modal-deprecated *::before,
.nj-modal-deprecated *::after {
  box-sizing: border-box;
}

.nj-modal-deprecated {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--nj-modal-deprecated-elevation);
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: var(--nj-semantic-color-text-neutral-primary-default);
  outline: 0;
}

.nj-modal-deprecated--visible {
  display: block;
}

.nj-modal-deprecated--visible.nj-modal-deprecated--vertical-centered {
  display: flex;
}

.nj-modal-deprecated--vertical-centered {
  align-items: center;
  justify-content: center;
}

.nj-modal-deprecated--information .nj-modal-deprecated__header {
  margin-bottom: 0;
}

.nj-modal-deprecated--information .nj-modal-deprecated__body {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.nj-modal-deprecated--information .nj-modal-deprecated__body .nj-modal-deprecated__title {
  margin-top: var(--nj-semantic-size-spacing-16);
}

.nj-modal-deprecated--information .nj-modal-deprecated__body .nj-modal-deprecated__description {
  margin-top: var(--nj-semantic-size-spacing-8);
  text-align: center;
}

.nj-modal-deprecated__dialog {
  position: relative;
  width: auto;
  max-width: 560px;
  margin: 0.5rem;
  pointer-events: none;
}

@media (min-width: 576px) {
  .nj-modal-deprecated__dialog {
    margin: 1.75rem auto;
  }
}
.nj-modal-deprecated__dialog.nj-modal-deprecated--sm {
  max-width: 440px;
}

.nj-modal-deprecated.fade .nj-modal-deprecated__dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}

.nj-modal-deprecated.show .nj-modal-deprecated__dialog {
  transform: none;
}

.nj-modal-deprecated--vertical-centered .nj-modal-deprecated__dialog {
  width: 100%;
}

.nj-modal-deprecated__content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: var(--nj-modal-deprecated-padding);
  color: inherit;
  pointer-events: auto;
  outline: 0;
  background-color: var(--nj-modal-deprecated-background-color);
  border-radius: var(--nj-semantic-size-border-radius-none);
}

.nj-modal-deprecated__content * {
  pointer-events: auto;
}

.nj-modal-deprecated__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--nj-semantic-elevation-z-index-modal-backdrop);
  width: 100%;
  height: 100%;
  background-color: var(--nj-component-backdrop-color-background);
}

.nj-modal-deprecated__backdrop.fade {
  opacity: 0;
}

.nj-modal-deprecated__backdrop.show {
  opacity: 1;
}

.nj-modal-deprecated__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--nj-semantic-size-spacing-24);
}

.nj-modal-deprecated__close {
  align-self: self-start;
  margin-left: auto;
}

.nj-modal-deprecated__title {
  display: flex;
  gap: var(--nj-semantic-size-spacing-16);
  align-items: center;
  padding-bottom: var(--nj-semantic-size-space-3);
  margin-bottom: 0;
  font-size: var(--nj-semantic-font-size-heading-sm-desktop);
  font-weight: var(--nj-semantic-font-weight-regular);
  line-height: var(--nj-semantic-size-line-height-base), 1.5;
}

.nj-modal-deprecated__body {
  position: relative;
  flex: 1 1 auto;
}

.nj-modal-deprecated__body p:last-of-type {
  margin-bottom: 0;
}

.nj-modal-deprecated__footer {
  display: flex;
  gap: var(--nj-semantic-size-spacing-16);
  align-items: center;
  justify-content: flex-end;
  margin-top: var(--nj-semantic-size-spacing-32);
}

.nj-modal-deprecated__footer--centered {
  justify-content: center;
}

.nj-modal-deprecated--fit-viewport,
.nj-modal-deprecated__backdrop--fit-viewport {
  position: fixed;
  width: 100dvw;
  height: 100dvh;
}

.container {
  box-sizing: border-box;
}

.container *,
.container *::before,
.container *::after {
  box-sizing: border-box;
}

.container {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  width: 100%;
  padding-right: calc(var(--nj-semantic-size-spacing-32) * 0.5);
  padding-left: calc(var(--nj-semantic-size-spacing-32) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid {
  box-sizing: border-box;
}

.container-fluid *,
.container-fluid *::before,
.container-fluid *::after {
  box-sizing: border-box;
}

.container-fluid {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  width: 100%;
  padding-right: calc(var(--nj-semantic-size-spacing-32) * 0.5);
  padding-left: calc(var(--nj-semantic-size-spacing-32) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

.row {
  box-sizing: border-box;
}

.row *,
.row *::before,
.row *::after {
  box-sizing: border-box;
}

.row {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(var(--nj-semantic-size-spacing-32) / -2);
  margin-left: calc(var(--nj-semantic-size-spacing-32) / -2);
}

.no-gutters {
  box-sizing: border-box;
}

.no-gutters *,
.no-gutters *::before,
.no-gutters *::after {
  box-sizing: border-box;
}

.no-gutters {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  box-sizing: border-box;
}

.col-xl *,
.col-xl-auto *, .col-xl-12 *, .col-xl-11 *, .col-xl-10 *, .col-xl-9 *, .col-xl-8 *, .col-xl-7 *, .col-xl-6 *, .col-xl-5 *, .col-xl-4 *, .col-xl-3 *, .col-xl-2 *, .col-xl-1 *, .col-lg *,
.col-lg-auto *, .col-lg-12 *, .col-lg-11 *, .col-lg-10 *, .col-lg-9 *, .col-lg-8 *, .col-lg-7 *, .col-lg-6 *, .col-lg-5 *, .col-lg-4 *, .col-lg-3 *, .col-lg-2 *, .col-lg-1 *, .col-md *,
.col-md-auto *, .col-md-12 *, .col-md-11 *, .col-md-10 *, .col-md-9 *, .col-md-8 *, .col-md-7 *, .col-md-6 *, .col-md-5 *, .col-md-4 *, .col-md-3 *, .col-md-2 *, .col-md-1 *, .col-sm *,
.col-sm-auto *, .col-sm-12 *, .col-sm-11 *, .col-sm-10 *, .col-sm-9 *, .col-sm-8 *, .col-sm-7 *, .col-sm-6 *, .col-sm-5 *, .col-sm-4 *, .col-sm-3 *, .col-sm-2 *, .col-sm-1 *, .col *,
.col-auto *, .col-12 *, .col-11 *, .col-10 *, .col-9 *, .col-8 *, .col-7 *, .col-6 *, .col-5 *, .col-4 *, .col-3 *, .col-2 *, .col-1 *,
.col-xl *::before,
.col-xl-auto *::before,
.col-xl-12 *::before,
.col-xl-11 *::before,
.col-xl-10 *::before,
.col-xl-9 *::before,
.col-xl-8 *::before,
.col-xl-7 *::before,
.col-xl-6 *::before,
.col-xl-5 *::before,
.col-xl-4 *::before,
.col-xl-3 *::before,
.col-xl-2 *::before,
.col-xl-1 *::before,
.col-lg *::before,
.col-lg-auto *::before,
.col-lg-12 *::before,
.col-lg-11 *::before,
.col-lg-10 *::before,
.col-lg-9 *::before,
.col-lg-8 *::before,
.col-lg-7 *::before,
.col-lg-6 *::before,
.col-lg-5 *::before,
.col-lg-4 *::before,
.col-lg-3 *::before,
.col-lg-2 *::before,
.col-lg-1 *::before,
.col-md *::before,
.col-md-auto *::before,
.col-md-12 *::before,
.col-md-11 *::before,
.col-md-10 *::before,
.col-md-9 *::before,
.col-md-8 *::before,
.col-md-7 *::before,
.col-md-6 *::before,
.col-md-5 *::before,
.col-md-4 *::before,
.col-md-3 *::before,
.col-md-2 *::before,
.col-md-1 *::before,
.col-sm *::before,
.col-sm-auto *::before,
.col-sm-12 *::before,
.col-sm-11 *::before,
.col-sm-10 *::before,
.col-sm-9 *::before,
.col-sm-8 *::before,
.col-sm-7 *::before,
.col-sm-6 *::before,
.col-sm-5 *::before,
.col-sm-4 *::before,
.col-sm-3 *::before,
.col-sm-2 *::before,
.col-sm-1 *::before,
.col *::before,
.col-auto *::before,
.col-12 *::before,
.col-11 *::before,
.col-10 *::before,
.col-9 *::before,
.col-8 *::before,
.col-7 *::before,
.col-6 *::before,
.col-5 *::before,
.col-4 *::before,
.col-3 *::before,
.col-2 *::before,
.col-1 *::before,
.col-xl *::after,
.col-xl-auto *::after,
.col-xl-12 *::after,
.col-xl-11 *::after,
.col-xl-10 *::after,
.col-xl-9 *::after,
.col-xl-8 *::after,
.col-xl-7 *::after,
.col-xl-6 *::after,
.col-xl-5 *::after,
.col-xl-4 *::after,
.col-xl-3 *::after,
.col-xl-2 *::after,
.col-xl-1 *::after,
.col-lg *::after,
.col-lg-auto *::after,
.col-lg-12 *::after,
.col-lg-11 *::after,
.col-lg-10 *::after,
.col-lg-9 *::after,
.col-lg-8 *::after,
.col-lg-7 *::after,
.col-lg-6 *::after,
.col-lg-5 *::after,
.col-lg-4 *::after,
.col-lg-3 *::after,
.col-lg-2 *::after,
.col-lg-1 *::after,
.col-md *::after,
.col-md-auto *::after,
.col-md-12 *::after,
.col-md-11 *::after,
.col-md-10 *::after,
.col-md-9 *::after,
.col-md-8 *::after,
.col-md-7 *::after,
.col-md-6 *::after,
.col-md-5 *::after,
.col-md-4 *::after,
.col-md-3 *::after,
.col-md-2 *::after,
.col-md-1 *::after,
.col-sm *::after,
.col-sm-auto *::after,
.col-sm-12 *::after,
.col-sm-11 *::after,
.col-sm-10 *::after,
.col-sm-9 *::after,
.col-sm-8 *::after,
.col-sm-7 *::after,
.col-sm-6 *::after,
.col-sm-5 *::after,
.col-sm-4 *::after,
.col-sm-3 *::after,
.col-sm-2 *::after,
.col-sm-1 *::after,
.col *::after,
.col-auto *::after,
.col-12 *::after,
.col-11 *::after,
.col-10 *::after,
.col-9 *::after,
.col-8 *::after,
.col-7 *::after,
.col-6 *::after,
.col-5 *::after,
.col-4 *::after,
.col-3 *::after,
.col-2 *::after,
.col-1 *::after {
  box-sizing: border-box;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: calc(var(--nj-semantic-size-spacing-32) * 0.5);
  padding-left: calc(var(--nj-semantic-size-spacing-32) * 0.5);
}

.col {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.nj-navbar {
  --nj-navbar-item-line-color: var(--nj-semantic-color-border-neutral-subtle-default);
  --nj-navbar-size-height-small: 3.5rem;
  --nj-navbar-size-height-normal: 6rem;
  box-sizing: border-box;
}

.nj-navbar *,
.nj-navbar *::before,
.nj-navbar *::after {
  box-sizing: border-box;
}

.nj-navbar {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  place-content: baseline space-between;
  align-items: center;
  min-height: var(--nj-navbar-size-height-normal);
  padding: 0 var(--nj-semantic-size-spacing-32);
  background-color: var(--nj-semantic-color-background-neutral-primary-default);
  transition: transform 350ms 100ms, background-color 0.35s, height 350ms 100ms;
}

@media (max-width: 767.98px) {
  .nj-navbar {
    min-height: var(--nj-navbar-size-height-small);
    padding: 0 var(--nj-semantic-size-spacing-16);
  }
}
.nj-navbar--sm {
  min-height: var(--nj-navbar-size-height-small);
}

.nj-navbar--sm .nj-navbar__brand,
.nj-navbar--sm .nj-navbar__nav-item,
.nj-navbar--sm .nj-navbar__nav-link {
  height: var(--nj-navbar-size-height-small);
}

.nj-navbar--sm .nj-navbar__logo {
  width: 4.125rem;
}

.nj-navbar > .container,
.nj-navbar > .container-fluid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.nj-navbar__brand {
  display: flex;
  align-items: center;
  height: var(--nj-navbar-size-height-normal);
}

@media (max-width: 767.98px) {
  .nj-navbar__brand {
    height: var(--nj-navbar-size-height-small);
  }
}
.nj-navbar__logo {
  display: block;
  max-width: 5.4375rem;
  height: calc(var(--nj-navbar-size-height-normal) - var(--nj-semantic-size-spacing-64));
  max-height: 100%;
  fill: var(--nj-core-color-engie-blue);
}

@media (max-width: 767.98px) {
  .nj-navbar__logo {
    max-width: 4.125rem;
    height: calc(var(--nj-navbar-size-height-small) - var(--nj-semantic-size-spacing-32));
  }
}
.nj-navbar__logo--white {
  fill: var(--nj-semantic-color-icon-inverse-default);
}

.nj-navbar__nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin: 0 0 0 auto;
  list-style: none;
}

.nj-navbar__nav-item {
  box-sizing: content-box;
  height: var(--nj-navbar-size-height-normal);
  border-bottom: 1px solid var(--nj-navbar-item-line-color);
}

@media (max-width: 767.98px) {
  .nj-navbar__nav-item {
    height: calc(var(--nj-navbar-size-height-small) + 1px);
  }
}
.nj-navbar__nav-link {
  position: relative;
  display: flex;
  align-items: center;
  height: var(--nj-navbar-size-height-normal);
  margin: 0;
  font-size: var(--nj-semantic-font-size-text-md-desktop);
  font-weight: var(--nj-semantic-font-weight-base);
  color: var(--nj-semantic-color-text-neutral-primary-default);
  text-decoration: none;
  transition: 0.3s var(--nj-semantic-motion-easing-fast-out-slow-in);
  transition-property: color;
}

@media (max-width: 767.98px) {
  .nj-navbar__nav-link {
    height: var(--nj-navbar-size-height-small);
  }
}
.nj-navbar__nav-link::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.125rem;
  content: "";
  background: var(--nj-semantic-color-border-brand-strong-default);
  opacity: 0;
  transition: 0.3s var(--nj-semantic-motion-easing-fast-out-slow-in);
  transition-property: opacity;
}

@media (max-width: 991.98px) {
  .nj-navbar__nav-link::after {
    bottom: -2px;
  }
}
.nj-navbar__nav-link.active, .nj-navbar__nav-link:hover {
  color: var(--nj-semantic-color-text-neutral-primary-default);
  text-decoration: none;
}

.nj-navbar__nav-link.active::after, .nj-navbar__nav-link:hover::after {
  opacity: 1;
}

.nj-navbar__nav-link.disabled {
  pointer-events: none;
  cursor: default;
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-navbar__nav-link--icon::after {
  content: none;
}

.nj-navbar__toggler {
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}

.nj-navbar__toggler-icon.material-icons {
  display: block;
  color: var(--nj-semantic-color-icon-brand-primary-default);
}

.nj-navbar__search {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  padding: 0 var(--nj-semantic-size-spacing-32);
  margin: 0;
  background-color: var(--nj-semantic-color-background-neutral-primary-default);
}

.nj-navbar__search, .nj-navbar__search.nj-collapsing {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.1s var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-navbar__search.nj-collapsing, .nj-navbar__search.show {
  width: 100%;
}

.nj-navbar__search.show {
  opacity: 1;
  transition-property: opacity;
}

.nj-navbar__search-input {
  margin-right: var(--nj-semantic-size-spacing-24);
}

.nj-navbar__search-button {
  flex: 0 0 auto;
}

.nj-navbar--shadow {
  border-bottom: 1px solid var(--nj-semantic-color-border-neutral-subtle-default);
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse) {
  background: transparent;
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__nav-link {
  color: var(--nj-semantic-color-text-neutral-inverse-default);
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__nav-link::after {
  background: var(--nj-semantic-color-border-neutral-heavy-default);
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__logo {
  fill: var(--nj-semantic-color-icon-neutral-inverse-default);
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__toggler-icon {
  color: var(--nj-semantic-color-icon-neutral-inverse-default);
}

[data-theme=dark] .nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__nav-link, .nj-navbar--transparent:not(.nj-navbar--shown-collapse)[data-theme=dark] .nj-navbar__nav-link {
  color: var(--nj-semantic-color-text-neutral-primary-default);
}

[data-theme=dark] .nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__nav-link::after, .nj-navbar--transparent:not(.nj-navbar--shown-collapse)[data-theme=dark] .nj-navbar__nav-link::after {
  background: var(--nj-semantic-color-border-neutral-heavy-default);
}

[data-theme=dark] .nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__logo, .nj-navbar--transparent:not(.nj-navbar--shown-collapse)[data-theme=dark] .nj-navbar__logo {
  fill: var(--nj-semantic-color-icon-neutral-primary-default);
}

[data-theme=dark] .nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__toggler-icon, .nj-navbar--transparent:not(.nj-navbar--shown-collapse)[data-theme=dark] .nj-navbar__toggler-icon {
  color: var(--nj-semantic-color-icon-neutral-primary-default);
}

.nj-navbar--transparent .nj-navbar__logo, .nj-navbar--transparent .nj-navbar--shown-collapse .nj-navbar__logo {
  fill: var(--nj-core-color-engie-blue);
}

.nj-navbar--collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}

@media (max-width: 575.98px) {
  .nj-navbar--expand-sm > .container,
  .nj-navbar--expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .nj-navbar--expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .nj-navbar--expand-sm .nj-navbar__nav {
    flex-direction: row;
  }
  .nj-navbar--expand-sm .nj-navbar__nav-item {
    border: 0;
  }
  .nj-navbar--expand-sm .nj-navbar__nav-link {
    margin-right: var(--nj-semantic-size-spacing-32);
    margin-left: var(--nj-semantic-size-spacing-32);
  }
  .nj-navbar--expand-sm .nj-navbar__nav-link--icon {
    margin-right: var(--nj-semantic-size-spacing-16);
    margin-left: var(--nj-semantic-size-spacing-16);
  }
  .nj-navbar--expand-sm .nj-navbar__nav-link--icon i {
    pointer-events: none;
  }
  .nj-navbar--expand-sm > .container,
  .nj-navbar--expand-sm > .container-fluid {
    flex-wrap: nowrap;
  }
  .nj-navbar--expand-sm .nj-navbar--collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .nj-navbar--expand-sm .nj-navbar__toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .nj-navbar--expand-md > .container,
  .nj-navbar--expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .nj-navbar--expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .nj-navbar--expand-md .nj-navbar__nav {
    flex-direction: row;
  }
  .nj-navbar--expand-md .nj-navbar__nav-item {
    border: 0;
  }
  .nj-navbar--expand-md .nj-navbar__nav-link {
    margin-right: var(--nj-semantic-size-spacing-32);
    margin-left: var(--nj-semantic-size-spacing-32);
  }
  .nj-navbar--expand-md .nj-navbar__nav-link--icon {
    margin-right: var(--nj-semantic-size-spacing-16);
    margin-left: var(--nj-semantic-size-spacing-16);
  }
  .nj-navbar--expand-md .nj-navbar__nav-link--icon i {
    pointer-events: none;
  }
  .nj-navbar--expand-md > .container,
  .nj-navbar--expand-md > .container-fluid {
    flex-wrap: nowrap;
  }
  .nj-navbar--expand-md .nj-navbar--collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .nj-navbar--expand-md .nj-navbar__toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .nj-navbar--expand-lg > .container,
  .nj-navbar--expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .nj-navbar--expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .nj-navbar--expand-lg .nj-navbar__nav {
    flex-direction: row;
  }
  .nj-navbar--expand-lg .nj-navbar__nav-item {
    border: 0;
  }
  .nj-navbar--expand-lg .nj-navbar__nav-link {
    margin-right: var(--nj-semantic-size-spacing-32);
    margin-left: var(--nj-semantic-size-spacing-32);
  }
  .nj-navbar--expand-lg .nj-navbar__nav-link--icon {
    margin-right: var(--nj-semantic-size-spacing-16);
    margin-left: var(--nj-semantic-size-spacing-16);
  }
  .nj-navbar--expand-lg .nj-navbar__nav-link--icon i {
    pointer-events: none;
  }
  .nj-navbar--expand-lg > .container,
  .nj-navbar--expand-lg > .container-fluid {
    flex-wrap: nowrap;
  }
  .nj-navbar--expand-lg .nj-navbar--collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .nj-navbar--expand-lg .nj-navbar__toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .nj-navbar--expand-xl > .container,
  .nj-navbar--expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .nj-navbar--expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .nj-navbar--expand-xl .nj-navbar__nav {
    flex-direction: row;
  }
  .nj-navbar--expand-xl .nj-navbar__nav-item {
    border: 0;
  }
  .nj-navbar--expand-xl .nj-navbar__nav-link {
    margin-right: var(--nj-semantic-size-spacing-32);
    margin-left: var(--nj-semantic-size-spacing-32);
  }
  .nj-navbar--expand-xl .nj-navbar__nav-link--icon {
    margin-right: var(--nj-semantic-size-spacing-16);
    margin-left: var(--nj-semantic-size-spacing-16);
  }
  .nj-navbar--expand-xl .nj-navbar__nav-link--icon i {
    pointer-events: none;
  }
  .nj-navbar--expand-xl > .container,
  .nj-navbar--expand-xl > .container-fluid {
    flex-wrap: nowrap;
  }
  .nj-navbar--expand-xl .nj-navbar--collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .nj-navbar--expand-xl .nj-navbar__toggler {
    display: none;
  }
}
.nj-navbar--expand > .container,
.nj-navbar--expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.nj-navbar--expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.nj-navbar--expand .nj-navbar__nav {
  flex-direction: row;
}

.nj-navbar--expand .nj-navbar__nav-item {
  border: 0;
}

.nj-navbar--expand .nj-navbar__nav-link {
  margin-right: var(--nj-semantic-size-spacing-32);
  margin-left: var(--nj-semantic-size-spacing-32);
}

.nj-navbar--expand .nj-navbar__nav-link--icon {
  margin-right: var(--nj-semantic-size-spacing-16);
  margin-left: var(--nj-semantic-size-spacing-16);
}

.nj-navbar--expand .nj-navbar__nav-link--icon i {
  pointer-events: none;
}

.nj-navbar--expand > .container,
.nj-navbar--expand > .container-fluid {
  flex-wrap: nowrap;
}

.nj-navbar--expand .nj-navbar--collapse {
  display: flex !important;
  flex-basis: auto;
}

.nj-navbar--expand .nj-navbar__toggler {
  display: none;
}

.nj-pagination {
  --nj-pagination-gap: var(--nj-semantic-size-spacing-8);
  --nj-pagination-border-radius: var(--nj-semantic-size-border-radius-none);
  --nj-pagination-background-color: transparent;
  --nj-pagination-background-color-hovered: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
  --nj-pagination-background-color-focused: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
  --nj-pagination-background-color-pressed: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
  --nj-pagination-background-color-active: var(--nj-semantic-color-background-neutral-primary-translucent-selected);
  --nj-pagination-font-weight: var(--nj-semantic-font-weight-regular);
  --nj-pagination-border-scaling: scale3d(0, 0, 0);
  --nj-pagination-border-scaling-active: scale3d(1, 1, 1);
  box-sizing: border-box;
}

.nj-pagination *,
.nj-pagination *::before,
.nj-pagination *::after {
  box-sizing: border-box;
}

.nj-pagination {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  display: flex;
  gap: var(--nj-pagination-gap);
  align-items: center;
  padding-left: 0;
  list-style: none;
}

.nj-pagination__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--nj-pagination-border-radius);
}

.nj-pagination__item:not(.nj-pagination__item--disabled, .nj-pagination__item--active) .nj-pagination__link:hover {
  --nj-pagination-background-color: var(--nj-pagination-background-color-hovered);
}

.nj-pagination__item:not(.nj-pagination__item--disabled, .nj-pagination__item--active) .nj-pagination__link:focus-visible {
  --nj-pagination-background-color: var(--nj-pagination-background-color-focused);
}

.nj-pagination__item:not(.nj-pagination__item--disabled, .nj-pagination__item--active) .nj-pagination__link:focus-visible::before {
  opacity: 1;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
}

.nj-pagination__item:not(.nj-pagination__item--disabled, .nj-pagination__item--active) .nj-pagination__link:active {
  --nj-pagination-background-color: var(--nj-pagination-background-color-pressed);
}

.nj-pagination__item:not(.nj-pagination__item--disabled, .nj-pagination__item--active) .nj-pagination__link:hover, .nj-pagination__item:not(.nj-pagination__item--disabled, .nj-pagination__item--active) .nj-pagination__link:focus-visible, .nj-pagination__item:not(.nj-pagination__item--disabled, .nj-pagination__item--active) .nj-pagination__link:active {
  --nj-pagination-border-scaling: var(--nj-pagination-border-scaling-active);
}

.nj-pagination__item--disabled {
  pointer-events: none;
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-pagination__item--active {
  --nj-pagination-font-weight: var(--nj-semantic-font-weight-bold);
  --nj-pagination-background-color: var(--nj-pagination-background-color-active);
  --nj-pagination-border-scaling: var(--nj-pagination-border-scaling-active);
}

.nj-pagination__item--active .nj-pagination__link {
  cursor: default;
}

.nj-pagination__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-8);
  font-family: inherit;
  font-size: var(--nj-semantic-font-size-text-sm-desktop);
  font-weight: var(--nj-pagination-font-weight);
  color: var(--nj-semantic-color-text-neutral-primary-default);
  text-decoration: none;
  cursor: pointer;
  outline: none;
  background-color: var(--nj-pagination-background-color);
  border: none;
  transition: background 0.25s var(--nj-semantic-motion-easing-linear-out-slow-in);
}

.nj-pagination__link::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  box-sizing: content-box !important;
  width: 100%;
  height: 100%;
  padding: var(--nj-semantic-size-border-focus-ring-offset);
  pointer-events: none;
  content: "";
  border-radius: var(--nj-semantic-size-border-radius-none);
  box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
  opacity: 0;
  transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
  transition: opacity 0.2s, transform 0.2s;
  transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-pagination__link::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.125rem;
  content: "";
  background: var(--nj-semantic-color-border-brand-strong-default);
  transform: var(--nj-pagination-border-scaling);
  transform-origin: center center;
  transition: transform 0.25s var(--nj-semantic-motion-easing-linear-out-slow-in);
}

.nj-pagination__more {
  color: var(--nj-semantic-color-text-neutral-primary-default);
  fill: var(--nj-semantic-color-text-neutral-primary-default);
}

.nj-progress {
  box-sizing: border-box;
}

.nj-progress *,
.nj-progress *::before,
.nj-progress *::after {
  box-sizing: border-box;
}

.nj-progress {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  --nj-progress-bar-background-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);
  --nj-progress-bar-border-radius: var(--nj-semantic-size-border-radius-none);
  --nj-progress-bar-transition: none;
  --nj-progress-indicator-color: var(--nj-semantic-color-background-status-information-solid-default);
  --nj-progress-text-color: var(--nj-semantic-color-text-neutral-secondary-default);
  --nj-progress-text-size: var(--nj-semantic-font-size-text-md-desktop);
  --nj-progress-text-align: center;
  --nj-progress-gap: var(--nj-semantic-size-spacing-12);
  display: flex;
  flex-direction: column;
  gap: var(--nj-progress-gap);
}

.nj-progress.nj-progress--has-transition {
  --nj-progress-bar-transition: width 0.3s var(--nj-semantic-motion-easing-linear-out-slow-in);
}

.nj-progress.nj-progress--has-right-description {
  flex-direction: row;
  align-items: center;
}

.nj-progress.nj-progress--has-right-description .nj-progress__bar {
  flex-grow: 1;
}

.nj-progress .nj-progress__bar {
  height: 0.5rem;
  background-color: var(--nj-progress-bar-background-color);
  border-radius: var(--nj-progress-bar-border-radius);
}

.nj-progress .nj-progress__indicator {
  width: 0;
  height: 0.5rem;
  background-color: var(--nj-progress-indicator-color);
  border-radius: var(--nj-progress-bar-border-radius);
  transform-origin: left;
  transition: var(--nj-progress-bar-transition);
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-progress .nj-progress__indicator {
    --nj-progress-bar-transition: none;
  }
}
.nj-progress .nj-progress__description {
  font-size: var(--nj-progress-text-size);
  color: var(--nj-progress-text-color);
  text-align: var(--nj-progress-text-align);
}

.nj-progress-deprecated {
  --nj-progress-deprecated-background-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);
  --nj-progress-deprecated-completion-color: var(--nj-semantic-color-background-brand-solid-default);
  --nj-progress-deprecated-text-color: var(--nj-semantic-color-text-neutral-secondary-default);
  --nj-progress-deprecated-border-radius: var(--nj-semantic-size-border-radius-none);
  --nj-progress-deprecated-bar-transition: none;
  box-sizing: border-box;
}

.nj-progress-deprecated *,
.nj-progress-deprecated *::before,
.nj-progress-deprecated *::after {
  box-sizing: border-box;
}

.nj-progress-deprecated {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  position: relative;
  height: 0.5rem;
  background-color: var(--nj-progress-deprecated-background-color);
  border-radius: var(--nj-progress-deprecated-border-radius);
}

.nj-progress-deprecated--has-transition {
  --nj-progress-deprecated-bar-transition: width 0.3s var(--nj-semantic-motion-easing-linear-out-slow-in);
}

.nj-progress-deprecated__bar {
  width: 0;
  height: 0.5rem;
  background-color: var(--nj-progress-deprecated-completion-color);
  border-radius: var(--nj-progress-deprecated-border-radius);
  transform-origin: left;
  transition: var(--nj-progress-deprecated-bar-transition);
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-progress-deprecated__bar {
    --nj-progress-deprecated-bar-transition: none;
  }
}
.nj-progress-deprecated__text {
  width: 100%;
  margin-top: var(--nj-semantic-size-spacing-12);
  font-size: var(--nj-semantic-font-size-text-md-desktop);
  color: var(--nj-progress-deprecated-text-color);
  text-align: center;
}

.nj-radio-group {
  box-sizing: border-box;
}

.nj-radio-group *,
.nj-radio-group *::before,
.nj-radio-group *::after {
  box-sizing: border-box;
}

.nj-radio-group {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  display: flex;
  flex-direction: column;
  gap: var(--nj-semantic-size-spacing-8);
  align-items: flex-start;
  padding: 0;
  margin: 0;
  border: none;
}

.nj-radio-group--row {
  flex-direction: row;
  gap: var(--nj-semantic-size-spacing-24);
}

.nj-radio-group__legend {
  margin: 0 0 var(--nj-semantic-size-spacing-16) 0;
  font-size: inherit;
  font-weight: var(--nj-semantic-font-weight-bold);
}

.nj-radio-group__error-message {
  display: flex;
  gap: var(--nj-semantic-size-spacing-4);
  align-items: center;
  padding: 0;
  margin: var(--nj-semantic-size-spacing-2);
  font-size: var(--nj-semantic-font-size-text-sm-desktop);
  font-weight: var(--nj-semantic-font-weight-regular);
  color: var(--nj-semantic-color-text-status-danger-primary-default);
  --nj-material-icon-size: var(--nj-semantic-size-icon-sm);
  --nj-material-icon-color: var(--nj-semantic-color-icon-status-danger-primary-default);
}

.nj-radio-group__required {
  padding-left: var(--nj-semantic-size-spacing-2);
  color: var(--nj-semantic-color-text-status-danger-primary-default);
}

.nj-radio-group--has-error .nj-radio {
  --nj-radio-border-color: var(--nj-semantic-color-border-status-danger-strong-default);
  --nj-radio-check-background-color: var(--nj-semantic-color-background-status-danger-solid-default);
}

.nj-radio {
  --nj-radio-size: 1rem;
  --nj-radio-size-lg: 1.5rem;
  --nj-radio-size-xl: 2rem;
  --nj-radio-dot-size: 0.375rem;
  --nj-radio-dot-size-lg: 0.625rem;
  --nj-radio-dot-size-xl: 0.875rem;
  --nj-radio-gap: var(--nj-semantic-size-spacing-8);
  --nj-radio-line-height: var(--nj-radio-size);
  --nj-radio-border-color: var(--nj-semantic-color-border-neutral-strong-default);
  --nj-radio-check-background-color: var(--nj-semantic-color-background-brand-solid-default);
  --nj-radio-background-color: var(--nj-semantic-color-background-neutral-primary-translucent-default);
  --nj-radio-border-transition: border-color var(--nj-semantic-motion-easing-fast-out-slow-in) 0.2s;
  --nj-radio-dot-transition: transform var(--nj-semantic-motion-easing-fast-out-slow-in) 0.3s;
  box-sizing: border-box;
}

.nj-radio *,
.nj-radio *::before,
.nj-radio *::after {
  box-sizing: border-box;
}

.nj-radio {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  position: relative;
}

.nj-radio:not(:has(.nj-radio__error-message)) {
  display: inline-flex;
}

.nj-radio:has(label) {
  --nj-semantic-size-border-focus-ring-offset: 2px;
}

.nj-radio::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  box-sizing: content-box !important;
  width: 100%;
  height: 100%;
  padding: var(--nj-semantic-size-border-focus-ring-offset);
  pointer-events: none;
  content: "";
  border-radius: var(--nj-semantic-size-border-radius-none);
  box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
  opacity: 0;
  transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
  transition: opacity 0.2s, transform 0.2s;
  transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-radio:not([disabled], :disabled, .nj-radio--disabled):hover {
  --nj-radio-background-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
}

.nj-radio:not([disabled], :disabled, .nj-radio--disabled):has(input:focus-visible) {
  --nj-radio-background-color: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
}

.nj-radio:not([disabled], :disabled, .nj-radio--disabled):has(input:focus-visible)::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
}

.nj-radio:not([disabled], :disabled, .nj-radio--disabled):active {
  --nj-radio-background-color: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
}

.nj-radio--lg {
  --nj-radio-size: var(--nj-radio-size-lg);
  --nj-radio-dot-size: var(--nj-radio-dot-size-lg);
}

.nj-radio--xl {
  --nj-radio-size: var(--nj-radio-size-xl);
  --nj-radio-dot-size: var(--nj-radio-dot-size-xl);
}

.nj-radio--no-animation {
  --nj-radio-border-transition: none;
  --nj-radio-dot-transition: none;
}

.nj-radio label {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--nj-radio-gap);
  line-height: var(--nj-radio-line-height);
  color: var(--nj-semantic-color-text-neutral-primary-default);
  cursor: pointer;
}

.nj-radio input[type=radio] {
  position: relative;
  width: var(--nj-radio-size);
  height: var(--nj-radio-size);
  margin: 0;
  appearance: none;
  cursor: pointer;
  background: var(--nj-radio-background-color);
  border: 0.125rem solid var(--nj-radio-border-color);
  border-radius: 50%;
  transition: var(--nj-radio-border-transition);
}

.nj-radio input[type=radio]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  align-items: center;
  justify-content: center;
  width: var(--nj-radio-dot-size);
  height: var(--nj-radio-dot-size);
  content: "";
  background-color: var(--nj-radio-check-background-color);
  border-radius: 50%;
  transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
  transition: var(--nj-radio-dot-transition);
}

.nj-radio input[type=radio]:focus, .nj-radio input[type=radio]:focus-visible {
  outline: none;
}

.nj-radio-group:not(.nj-radio-group--has-error) .nj-radio input[type=radio]:checked {
  --nj-radio-border-color: var(--nj-semantic-color-border-brand-strong-default);
  --nj-radio-check-background-color: var(--nj-semantic-color-background-brand-solid-default);
}

.nj-radio input[type=radio]:checked::before {
  transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}

.nj-radio input[type=radio]:checked:hover {
  --nj-radio-background-color: var(--nj-semantic-color-background-brand-primary-translucent-hovered);
}

.nj-radio input[type=radio]:checked:active {
  --nj-radio-background-color: var(--nj-semantic-color-background-brand-primary-translucent-pressed);
}

.nj-radio:has(input:disabled) {
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-radio:has(input:disabled) label,
.nj-radio:has(input:disabled) input {
  cursor: not-allowed;
}

.nj-ray {
  margin: 0;
  border: none;
  border-top: 4px solid;
  border-image-source: var(--nj-semantic-color-background-additional-engie-ray-default);
  border-image-slice: 1;
}

.nj-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip-path: inset(100%);
}

.nj-sr-only-focusable:active, .nj-sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  white-space: normal;
  clip-path: none;
}

.nj-search {
  --nj-search-border-color: var(--nj-semantic-color-border-neutral-moderate-default);
  --nj-search-field-background: none;
  --nj-search-box-shadow: inset 0 -1px 0 0 var(--nj-search-border-color),
    inset 0 1px 0 0 var(--nj-search-border-color), inset -1px 0 0 0 var(--nj-search-border-color),
    inset 1px 0 0 0 var(--nj-search-border-color);
  box-sizing: border-box;
}

.nj-search *,
.nj-search *::before,
.nj-search *::after {
  box-sizing: border-box;
}

.nj-search {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  display: flex;
  width: 100%;
  background-color: var(--nj-semantic-color-background-neutral-primary-default);
}

.nj-search--sm .nj-search__field {
  padding-top: var(--nj-semantic-size-spacing-4);
  padding-bottom: var(--nj-semantic-size-spacing-4);
}

.nj-search--md .nj-search__field {
  padding-top: var(--nj-semantic-size-spacing-8);
  padding-bottom: var(--nj-semantic-size-spacing-8);
}

.nj-search--lg .nj-search__field {
  padding-top: var(--nj-semantic-size-spacing-12);
  padding-bottom: var(--nj-semantic-size-spacing-12);
}

.nj-search--xl .nj-search__field {
  padding-top: var(--nj-semantic-size-spacing-16);
  padding-bottom: var(--nj-semantic-size-spacing-16);
}

.nj-search__field-wrapper {
  position: relative;
  display: flex;
  flex-grow: 1;
}

.nj-search__field {
  width: 100%;
  padding: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-48);
  font-size: var(--nj-semantic-font-size-text-md-desktop);
  color: var(--nj-semantic-color-text-neutral-primary-default);
  appearance: none;
  outline: none;
  background-color: var(--nj-search-field-background);
  border: none;
  box-shadow: var(--nj-search-box-shadow);
  line-height: var(--nj-semantic-font-line-height-default);
}

.nj-search:has(.nj-search__button) .nj-search__field {
  --nj-search-box-shadow: inset 0 -1px 0 0 var(--nj-search-border-color),
    inset 0 1px 0 0 var(--nj-search-border-color), inset 1px 0 0 0 var(--nj-search-border-color);
}

.nj-search__field::-webkit-search-cancel-button {
  display: none;
}

.nj-search__field:enabled:focus {
  --nj-search-border-color: var(--nj-semantic-color-border-brand-strong-default);
  --nj-search-box-shadow: inset 0 -2px 0 0 var(--nj-search-border-color),
    inset 0 2px 0 0 var(--nj-search-border-color), inset -2px 0 0 0 var(--nj-search-border-color),
    inset 2px 0 0 0 var(--nj-search-border-color);
}

.nj-search:has(.nj-search__button) .nj-search__field:enabled:focus {
  --nj-search-box-shadow: inset 0 -2px 0 0 var(--nj-search-border-color),
    inset 0 2px 0 0 var(--nj-search-border-color), inset 2px 0 0 0 var(--nj-search-border-color);
}

.nj-search__field:enabled:hover {
  --nj-search-field-background: var(--nj-semantic-color-background-neutral-primary-hovered);
}

.nj-search__field:disabled {
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-search__icon {
  position: absolute;
  top: 50%;
  left: var(--nj-semantic-size-spacing-16);
  transform: translateY(-50%);
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-tertiary-default);
}

.nj-search__clear-button {
  position: absolute;
  top: 50%;
  right: var(--nj-semantic-size-spacing-16);
  transform: translateY(-50%);
}

.nj-search__clear-button--hidden {
  display: none;
}

.nj-search :has(input:disabled) .nj-search__icon,
.nj-search :has(input:disabled) .nj-search__clear-button {
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-segmented-control {
  --nj-sc-btn-selected-width: 0;
  --nj-sc-btn-selected-right: 100%;
  box-sizing: border-box;
}

.nj-segmented-control *,
.nj-segmented-control *::before,
.nj-segmented-control *::after {
  box-sizing: border-box;
}

.nj-segmented-control {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  height: var(--nj-sc-height);
  padding: var(--nj-sc-padding);
  background-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);
  border-radius: var(--nj-semantic-size-border-radius-none);
}

.nj-segmented-control::before {
  position: absolute;
  top: 50%;
  right: var(--nj-sc-btn-selected-right);
  width: var(--nj-sc-btn-selected-width);
  height: calc(100% - 2 * var(--nj-sc-padding));
  content: "";
  background: var(--nj-semantic-color-background-neutral-inverse-default);
  border-radius: var(--nj-semantic-size-border-radius-none);
  transform: translateY(-50%);
}

.nj-segmented-control.nj-segmented-control--lg {
  --nj-sc-height: 40px;
  --nj-sc-padding: var(--nj-semantic-size-spacing-4);
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-sm);
  line-height: var(--nj-semantic-line-height-text-sm);
}

.nj-segmented-control.nj-segmented-control--md, .nj-segmented-control {
  --nj-sc-height: 32px;
  --nj-sc-padding: var(--nj-semantic-size-spacing-4);
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-xs);
  line-height: var(--nj-semantic-line-height-text-xs);
}

.nj-segmented-control.nj-segmented-control--sm {
  --nj-sc-height: 24px;
  --nj-sc-padding: var(--nj-semantic-size-spacing-2);
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-xs);
  line-height: var(--nj-semantic-line-height-text-xs);
}

.nj-segmented-control-btn {
  --nj-sc-btn-bg: var(--nj-semantic-color-background-neutral-primary-translucent-default);
  --nj-sc-btn-color: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-sc-btn-icon-color: var(--nj-semantic-color-icon-neutral-primary-default);
  box-sizing: border-box;
}

.nj-segmented-control-btn *,
.nj-segmented-control-btn *::before,
.nj-segmented-control-btn *::after {
  box-sizing: border-box;
}

.nj-segmented-control-btn {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  all: unset;
  position: relative;
  display: inline-flex;
  gap: var(--nj-semantic-size-spacing-4);
  align-items: center;
  height: 100%;
  max-height: var(--nj-sc-height, 28px);
  padding: 0 var(--nj-semantic-size-spacing-12);
  color: var(--nj-sc-btn-color);
  cursor: pointer;
  outline: none;
  background-color: var(--nj-sc-btn-bg);
  border: none;
  border-radius: var(--nj-semantic-size-border-radius-none);
}

.nj-segmented-control-btn[aria-pressed=true] {
  --nj-sc-btn-bg: var(--nj-semantic-color-background-neutral-inverse-default);
  font-weight: var(--nj-semantic-font-weight-bold);
  cursor: auto;
}

.nj-segmented-control-btn.nj-segmented-control-btn--icon-only {
  padding: 0 var(--nj-semantic-size-spacing-8);
}

.nj-segmented-control-btn .nj-segmented-control-btn__icon {
  --nj-material-icon-size: var(--nj-semantic-size-icon-sm);
  --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-primary-default);
  width: var(--nj-semantic-size-icon-sm);
  height: var(--nj-semantic-size-icon-sm);
  fill: var(--nj-semantic-color-icon-neutral-primary-default);
}

.nj-segmented-control-btn:not(:disabled)::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  box-sizing: content-box !important;
  width: 100%;
  height: 100%;
  padding: var(--nj-semantic-size-border-focus-ring-offset);
  pointer-events: none;
  content: "";
  border-radius: var(--nj-semantic-size-border-radius-none);
  box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
  opacity: 0;
  transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
  transition: opacity 0.2s, transform 0.2s;
  transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-segmented-control-btn:not(:disabled):not([aria-pressed=true]):not(.nj-segmented-control-btn:active):hover, .nj-segmented-control-btn:not(:disabled):not([aria-pressed=true]):not(.nj-segmented-control-btn:active):focus-visible {
  --nj-sc-btn-bg: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
}

.nj-segmented-control-btn:not(:disabled):focus-visible {
  outline: none;
}

.nj-segmented-control-btn:not(:disabled):focus-visible::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
}

.nj-segmented-control-btn:not(:disabled):active {
  --nj-sc-btn-bg: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
}

.nj-segmented-control-btn:disabled {
  cursor: not-allowed;
  opacity: var(--nj-semantic-opacity-disabled);
}

select.nj-form-control {
  box-sizing: border-box;
}

select.nj-form-control *,
select.nj-form-control *::before,
select.nj-form-control *::after {
  box-sizing: border-box;
}

select.nj-form-control {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  margin-right: 1.5625rem;
  appearance: none;
}

select.nj-form-control:focus::-ms-value {
  color: var(--nj-deprecated-color-base-gray-600);
  background-color: #fff;
}

select.nj-form-control[size], select.nj-form-control[multiple] {
  height: auto;
}

select.nj-form-control ~ .material-icons {
  position: absolute;
  right: 0;
  bottom: 5px;
  z-index: 0;
  pointer-events: none;
}

:root {
  --nj-sidebar-logo-height: 40px;
  --nj-sidebar-width: fit-content;
  --nj-sidebar-collapsed-width: fit-content;
}

.nj-sidebar {
  display: flex;
  flex-direction: column;
  row-gap: var(--nj-semantic-size-spacing-8);
  width: var(--nj-sidebar-width);
  height: 100%;
  border-right: solid var(--nj-semantic-size-border-width) var(--nj-semantic-color-border-neutral-subtle-default);
}

.nj-sidebar .nj-sidebar__header {
  padding: var(--nj-semantic-size-spacing-16);
  padding-bottom: var(--nj-semantic-size-spacing-24);
  text-align: center;
}

.nj-sidebar .nj-sidebar__header-logo {
  height: var(--nj-sidebar-logo-height);
}

.nj-sidebar .nj-sidebar__spacer {
  flex: 1;
}

.nj-sidebar .nj-sidebar__divider:is(hr) {
  all: unset;
  border-top: var(--nj-semantic-size-border-width) var(--nj-semantic-color-border-neutral-subtle-default);
}

.nj-sidebar .nj-sidebar__divider:is(hr).nj-sidebar__divider--solid, .nj-sidebar .nj-sidebar__divider:is(hr) {
  border-top-style: solid;
}

.nj-sidebar .nj-sidebar__divider:is(hr).nj-sidebar__divider--dashed {
  border-top-style: dashed;
}

.nj-sidebar .nj-sidebar__divider:is(hr).nj-sidebar__divider--padded {
  margin: 0 var(--nj-semantic-size-spacing-24);
}

.nj-sidebar.nj-sidebar--collapsed {
  width: var(--nj-sidebar-collapsed-width);
}

.nj-sidebar.nj-sidebar--collapsed .nj-list__item:has(> .nj-list__item-wrapper) > .nj-list__item-wrapper {
  justify-content: center;
}

.nj-sidebar.nj-sidebar--collapsed .nj-list__item:not(:has(> .nj-list__item-wrapper)) {
  justify-content: center;
}

.nj-sidepanel {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: var(--nj-semantic-color-background-neutral-primary-default);
  border-left: var(--nj-semantic-size-border-width) solid var(--nj-semantic-color-border-neutral-subtle-default);
}

.nj-sidepanel__header {
  padding: var(--nj-semantic-size-spacing-16) var(--nj-semantic-size-spacing-24);
  border-bottom: var(--nj-semantic-size-border-width) solid var(--nj-semantic-color-border-neutral-subtle-default);
}

.nj-sidepanel__content {
  flex-grow: 1;
  padding: var(--nj-semantic-size-spacing-24);
  overflow: auto;
}

.nj-sidepanel__footer {
  padding: var(--nj-semantic-size-spacing-16) var(--nj-semantic-size-spacing-24);
  border-top: var(--nj-semantic-size-border-width) solid var(--nj-semantic-color-border-neutral-subtle-default);
}

.nj-sidepanel-header {
  display: flex;
  gap: var(--nj-semantic-size-spacing-48);
  justify-content: flex-end;
}

.nj-sidepanel-header__title {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--nj-semantic-font-size-text-md-desktop);
  font-weight: var(--nj-semantic-font-weight-bold);
  color: var(--nj-semantic-color-text-neutral-primary-default);
  white-space: nowrap;
}

.nj-sidepanel-header__actions {
  display: flex;
  gap: var(--nj-semantic-size-spacing-8);
}

.nj-skeleton-container {
  --nj-skeleton-container-gap: var(--nj-semantic-size-spacing-8);
  display: grid;
  gap: var(--nj-skeleton-container-gap);
}

.nj-skeleton-container[aria-hidden=true] {
  display: none;
}

.nj-skeleton {
  --nj-skeleton-background: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);
  --nj-skeleton-gradient: var(--nj-component-skeleton-color-background);
  --nj-skeleton-width: 100%;
  position: relative;
  display: inline-flex;
  width: var(--nj-skeleton-width);
  height: var(--nj-skeleton-height);
  overflow: hidden;
  background: var(--nj-skeleton-background);
}

@media (prefers-reduced-motion: no-preference) {
  .nj-skeleton::before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background: var(--nj-skeleton-gradient);
    animation: nj-skeleton-loading 1.7s var(--nj-semantic-motion-easing-fast-out-slow-in) infinite;
  }
}
.nj-skeleton .nj-skeleton__icon {
  color: var(--nj-semantic-color-icon-neutral-tertiary-default);
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-skeleton.nj-skeleton--area {
  --nj-skeleton-width: 320px;
  --nj-skeleton-height: 200px;
  align-items: center;
  justify-content: center;
}

.nj-skeleton.nj-skeleton--circle {
  --nj-skeleton-width: var(--nj-component-avatar-size-lg);
  --nj-skeleton-height: var(--nj-component-avatar-size-lg);
  border-radius: 50%;
}

.nj-skeleton.nj-skeleton--circle.nj-skeleton--sm {
  --nj-skeleton-width: var(--nj-component-avatar-size-sm);
  --nj-skeleton-height: var(--nj-component-avatar-size-sm);
}

.nj-skeleton.nj-skeleton--circle.nj-skeleton--md {
  --nj-skeleton-width: var(--nj-component-avatar-size-md);
  --nj-skeleton-height: var(--nj-component-avatar-size-md);
}

.nj-skeleton.nj-skeleton--circle.nj-skeleton--lg, .nj-skeleton.nj-skeleton--circle {
  --nj-skeleton-width: var(--nj-component-avatar-size-lg);
  --nj-skeleton-height: var(--nj-component-avatar-size-lg);
}

.nj-skeleton.nj-skeleton--circle.nj-skeleton--xl {
  --nj-skeleton-width: var(--nj-component-avatar-size-xl);
  --nj-skeleton-height: var(--nj-component-avatar-size-xl);
}

.nj-skeleton.nj-skeleton--circle.nj-skeleton--2xl {
  --nj-skeleton-width: var(--nj-component-avatar-size-2xl);
  --nj-skeleton-height: var(--nj-component-avatar-size-2xl);
}

.nj-skeleton.nj-skeleton--circle.nj-skeleton--3xl {
  --nj-skeleton-width: var(--nj-component-avatar-size-3xl);
  --nj-skeleton-height: var(--nj-component-avatar-size-3xl);
}

.nj-skeleton.nj-skeleton--rectangle {
  --nj-skeleton-height: var(--nj-semantic-font-size-text-md-desktop);
}

.nj-skeleton.nj-skeleton--rectangle.nj-skeleton--giga {
  --nj-skeleton-height: var(--nj-semantic-font-size-heading-xl-desktop);
}

.nj-skeleton.nj-skeleton--rectangle.nj-skeleton--mega {
  --nj-skeleton-height: var(--nj-semantic-font-size-heading-md-desktop);
}

.nj-skeleton.nj-skeleton--rectangle.nj-skeleton--kilo {
  --nj-skeleton-height: var(--nj-semantic-font-size-heading-sm-desktop);
}

.nj-skeleton.nj-skeleton--rectangle.nj-skeleton--hecto {
  --nj-skeleton-height: var(--nj-semantic-font-size-heading-xs-desktop);
}

.nj-skeleton.nj-skeleton--rectangle.nj-skeleton--deca {
  --nj-skeleton-height: var(--nj-semantic-font-size-text-lg-desktop);
}

.nj-skeleton.nj-skeleton--rectangle.nj-skeleton--base {
  --nj-skeleton-height: var(--nj-semantic-font-size-text-md-desktop);
}

.nj-skeleton.nj-skeleton--rectangle.nj-skeleton--deci {
  --nj-skeleton-height: var(--nj-semantic-font-size-text-sm-desktop);
}

.nj-skeleton.nj-skeleton--rectangle.nj-skeleton--centi {
  --nj-skeleton-height: var(--nj-semantic-font-size-text-xs-desktop);
}

.nj-skeleton.nj-skeleton {
  /**
   * Fixme: 54px and 76px font size has been removed. Wait until skeleton sizes change in design
   */
}

.nj-skeleton.nj-skeleton--rectangle.nj-skeleton--tera {
  --nj-skeleton-height: var(--nj-core-size-54);
}

.nj-skeleton.nj-skeleton--rectangle.nj-skeleton--peta {
  --nj-skeleton-height: var(--nj-core-size-76);
}

@keyframes nj-skeleton-loading {
  from {
    left: -100%;
  }
  to {
    left: 100%;
  }
}
.nj-tooltip {
  --nj-tooltip-text-color: var(--nj-semantic-color-text-neutral-inverse-default);
  --nj-tooltip-bg: var(--nj-semantic-color-background-neutral-spotlight-default);
  --nj-tooltip-arrow-width: 0.8rem;
  --nj-tooltip-arrow-height: 0.4rem;
  --nj-tooltip-max-width: 200px;
  box-sizing: border-box;
}

.nj-tooltip *,
.nj-tooltip *::before,
.nj-tooltip *::after {
  box-sizing: border-box;
}

.nj-tooltip {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  position: absolute;
  z-index: var(--nj-semantic-elevation-z-index-tooltip);
  display: inline-flex;
  margin: 0;
  font-size: var(--nj-semantic-font-size-text-sm-desktop);
  font-style: normal;
  text-align: start;
  text-transform: none;
  word-spacing: normal;
  letter-spacing: normal;
  line-break: auto;
  word-break: normal;
  overflow-wrap: break-word;
  white-space: normal;
  text-decoration: none;
  text-shadow: none;
}

.nj-tooltip--standalone {
  position: relative;
}

.nj-tooltip--inverse {
  --nj-tooltip-text-color: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-tooltip-bg: var(--nj-semantic-color-background-neutral-inverse-default);
}

.nj-tooltip.nj-tooltip--without-arrow .nj-tooltip__arrow {
  display: none;
}

.nj-tooltip.nj-tooltip--top, .nj-tooltip.nj-tooltip--auto[x-placement^=top] {
  padding: var(--nj-tooltip-arrow-height) 0;
}

.nj-tooltip.nj-tooltip--top .nj-tooltip__arrow, .nj-tooltip.nj-tooltip--auto[x-placement^=top] .nj-tooltip__arrow {
  bottom: 0;
}

.nj-tooltip.nj-tooltip--top .nj-tooltip__arrow--start, .nj-tooltip.nj-tooltip--auto[x-placement^=top] .nj-tooltip__arrow--start {
  left: var(--nj-semantic-size-spacing-4);
}

.nj-tooltip.nj-tooltip--top .nj-tooltip__arrow--center, .nj-tooltip.nj-tooltip--auto[x-placement^=top] .nj-tooltip__arrow--center {
  left: 50%;
  transform: translateX(-50%);
}

.nj-tooltip.nj-tooltip--top .nj-tooltip__arrow--end, .nj-tooltip.nj-tooltip--auto[x-placement^=top] .nj-tooltip__arrow--end {
  right: var(--nj-semantic-size-spacing-4);
}

.nj-tooltip.nj-tooltip--top .nj-tooltip__arrow::before, .nj-tooltip.nj-tooltip--auto[x-placement^=top] .nj-tooltip__arrow::before {
  top: 0;
  border-width: var(--nj-tooltip-arrow-height) calc(var(--nj-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--nj-tooltip-bg);
}

.nj-tooltip.nj-tooltip--right, .nj-tooltip.nj-tooltip--auto[x-placement^=right] {
  padding: 0 var(--nj-tooltip-arrow-height);
}

.nj-tooltip.nj-tooltip--right .nj-tooltip__arrow, .nj-tooltip.nj-tooltip--auto[x-placement^=right] .nj-tooltip__arrow {
  left: 0;
  width: var(--nj-tooltip-arrow-height);
  height: var(--nj-tooltip-arrow-width);
}

.nj-tooltip.nj-tooltip--right .nj-tooltip__arrow--start, .nj-tooltip.nj-tooltip--auto[x-placement^=right] .nj-tooltip__arrow--start {
  top: var(--nj-semantic-size-spacing-4);
}

.nj-tooltip.nj-tooltip--right .nj-tooltip__arrow--center, .nj-tooltip.nj-tooltip--auto[x-placement^=right] .nj-tooltip__arrow--center {
  top: 50%;
  transform: translateY(-50%);
}

.nj-tooltip.nj-tooltip--right .nj-tooltip__arrow--end, .nj-tooltip.nj-tooltip--auto[x-placement^=right] .nj-tooltip__arrow--end {
  bottom: var(--nj-semantic-size-spacing-4);
}

.nj-tooltip.nj-tooltip--right .nj-tooltip__arrow::before, .nj-tooltip.nj-tooltip--auto[x-placement^=right] .nj-tooltip__arrow::before {
  right: 0;
  border-width: calc(var(--nj-tooltip-arrow-width) * 0.5) var(--nj-tooltip-arrow-height) calc(var(--nj-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--nj-tooltip-bg);
}

.nj-tooltip.nj-tooltip--bottom, .nj-tooltip.nj-tooltip--auto[x-placement^=bottom] {
  padding: var(--nj-tooltip-arrow-height) 0;
}

.nj-tooltip.nj-tooltip--bottom .nj-tooltip__arrow, .nj-tooltip.nj-tooltip--auto[x-placement^=bottom] .nj-tooltip__arrow {
  top: 0;
}

.nj-tooltip.nj-tooltip--bottom .nj-tooltip__arrow--start, .nj-tooltip.nj-tooltip--auto[x-placement^=bottom] .nj-tooltip__arrow--start {
  left: var(--nj-semantic-size-spacing-4);
}

.nj-tooltip.nj-tooltip--bottom .nj-tooltip__arrow--center, .nj-tooltip.nj-tooltip--auto[x-placement^=bottom] .nj-tooltip__arrow--center {
  left: 50%;
  transform: translateX(-50%);
}

.nj-tooltip.nj-tooltip--bottom .nj-tooltip__arrow--end, .nj-tooltip.nj-tooltip--auto[x-placement^=bottom] .nj-tooltip__arrow--end {
  right: var(--nj-semantic-size-spacing-4);
}

.nj-tooltip.nj-tooltip--bottom .nj-tooltip__arrow::before, .nj-tooltip.nj-tooltip--auto[x-placement^=bottom] .nj-tooltip__arrow::before {
  bottom: 0;
  border-width: 0 calc(var(--nj-tooltip-arrow-width) * 0.5) var(--nj-tooltip-arrow-height);
  border-bottom-color: var(--nj-tooltip-bg);
}

.nj-tooltip.nj-tooltip--left, .nj-tooltip.nj-tooltip--auto[x-placement^=left] {
  padding: 0 var(--nj-tooltip-arrow-height);
}

.nj-tooltip.nj-tooltip--left .nj-tooltip__arrow, .nj-tooltip.nj-tooltip--auto[x-placement^=left] .nj-tooltip__arrow {
  right: 0;
  width: var(--nj-tooltip-arrow-height);
  height: var(--nj-tooltip-arrow-width);
}

.nj-tooltip.nj-tooltip--left .nj-tooltip__arrow--start, .nj-tooltip.nj-tooltip--auto[x-placement^=left] .nj-tooltip__arrow--start {
  top: var(--nj-semantic-size-spacing-4);
}

.nj-tooltip.nj-tooltip--left .nj-tooltip__arrow--center, .nj-tooltip.nj-tooltip--auto[x-placement^=left] .nj-tooltip__arrow--center {
  top: 50%;
  transform: translateY(-50%);
}

.nj-tooltip.nj-tooltip--left .nj-tooltip__arrow--end, .nj-tooltip.nj-tooltip--auto[x-placement^=left] .nj-tooltip__arrow--end {
  bottom: var(--nj-semantic-size-spacing-4);
}

.nj-tooltip.nj-tooltip--left .nj-tooltip__arrow::before, .nj-tooltip.nj-tooltip--auto[x-placement^=left] .nj-tooltip__arrow::before {
  left: 0;
  border-width: calc(var(--nj-tooltip-arrow-width) * 0.5) 0 calc(var(--nj-tooltip-arrow-width) * 0.5) var(--nj-tooltip-arrow-height);
  border-left-color: var(--nj-tooltip-bg);
}

.nj-tooltip__arrow {
  position: absolute;
  display: block;
  width: var(--nj-tooltip-arrow-width);
  height: var(--nj-tooltip-arrow-height);
}

.nj-tooltip__arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.nj-tooltip__inner {
  max-width: var(--nj-tooltip-max-width);
  padding: var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-12);
  color: var(--nj-tooltip-text-color);
  text-align: center;
  background-color: var(--nj-tooltip-bg);
  border-radius: var(--nj-semantic-size-border-radius-none);
}

.nj-slider {
  --nj-slider-track-position: 50% 100%;
  --nj-slider-thumb-bg: var(--nj-semantic-color-background-neutral-primary-default);
  --nj-slider-thumb-bg-hovered: var(--nj-semantic-color-background-neutral-primary-hovered);
  --nj-slider-thumb-bg-focused: var(--nj-semantic-color-background-neutral-primary-focused);
  --nj-slider-thumb-bg-pressed: var(--nj-semantic-color-background-neutral-primary-pressed);
  --nj-slider-thumb-border-color: var(--nj-semantic-color-border-brand-strong-default);
  --nj-slider-track-selected-bg: var(--nj-semantic-color-background-brand-solid-default);
  --nj-slider-track-bg: var(--nj-semantic-color-background-neutral-secondary-translucent-default);
  --nj-slider-track-width: 100%;
  --nj-slider-track-height: 4px;
  --nj-slider-track-border-radius: var(--nj-semantic-size-border-radius-none);
  --nj-slider-thumb-size: 16px;
  box-sizing: border-box;
}

.nj-slider *,
.nj-slider *::before,
.nj-slider *::after {
  box-sizing: border-box;
}

.nj-slider {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  position: relative;
  width: 100%;
}

.nj-slider--disabled {
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-slider__tooltip-anchor {
  position: absolute;
  bottom: 2px;
  left: var(--nj-slider-anchor-left);
  z-index: -1;
  width: 100px;
  height: 20px;
  transform: translateX(-50%);
}

.nj-slider input[type=range] {
  display: block;
  width: 100%;
  height: calc(var(--nj-slider-thumb-size) + var(--nj-slider-track-height) * 2);
  padding: 0;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
  background-color: transparent;
}

.nj-slider input[type=range]:focus-visible {
  outline: none;
}

.nj-slider input[type=range]:focus-visible::-webkit-slider-thumb {
  box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-offset) var(--nj-semantic-color-background-neutral-primary-default), 0 0 0 4px var(--nj-semantic-color-border-brand-strong-default);
}

.nj-slider input[type=range]:focus-visible::-moz-range-thumb {
  box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-offset) var(--nj-semantic-color-background-neutral-primary-default), 0 0 0 4px var(--nj-semantic-color-border-brand-strong-default);
}

.nj-slider input[type=range]::-webkit-slider-thumb {
  position: relative;
  width: var(--nj-slider-thumb-size);
  height: var(--nj-slider-thumb-size);
  margin-top: calc((var(--nj-slider-track-height) - var(--nj-slider-thumb-size)) / 2);
  /* stylelint-disable-next-line property-no-vendor-prefix */
  appearance: none;
  background-color: var(--nj-slider-thumb-bg);
  border: var(--nj-slider-thumb-border-color) solid 2px;
  border-radius: 100%;
  box-shadow: none;
}

.nj-slider input[type=range]::-webkit-slider-thumb:hover {
  background-color: var(--nj-slider-thumb-bg-hovered);
}

.nj-slider input[type=range]::-webkit-slider-thumb:active {
  background-color: var(--nj-slider-thumb-bg-pressed);
}

.nj-slider input[type=range]::-webkit-slider-runnable-track {
  width: var(--nj-slider-track-width);
  height: var(--nj-slider-track-height);
  color: transparent;
  cursor: pointer;
  background: linear-gradient(var(--nj-slider-track-selected-bg), var(--nj-slider-track-selected-bg)) no-repeat var(--nj-slider-track-bg);
  background-size: var(--nj-slider-track-position);
  border-color: transparent;
  border-radius: var(--nj-slider-track-border-radius);
}

.nj-slider input[type=range]::-moz-range-thumb {
  position: relative;
  width: var(--nj-slider-thumb-size);
  height: var(--nj-slider-thumb-size);
  margin-top: calc((var(--nj-slider-track-height) - var(--nj-slider-thumb-size)) / 2);
  /* stylelint-disable-next-line property-no-vendor-prefix */
  appearance: none;
  background-color: var(--nj-slider-thumb-bg);
  border: var(--nj-slider-thumb-border-color) solid 2px;
  border-radius: 100%;
  box-shadow: none;
}

.nj-slider input[type=range]::-moz-range-thumb:hover {
  background-color: var(--nj-slider-thumb-bg-hovered);
}

.nj-slider input[type=range]::-moz-range-thumb:active {
  background-color: var(--nj-slider-thumb-bg-pressed);
}

.nj-slider input[type=range]::-moz-range-track {
  width: var(--nj-slider-track-width);
  height: var(--nj-slider-track-height);
  color: transparent;
  cursor: pointer;
  background: linear-gradient(var(--nj-slider-track-selected-bg), var(--nj-slider-track-selected-bg)) no-repeat var(--nj-slider-track-bg);
  background-size: var(--nj-slider-track-position);
  border-color: transparent;
  border-radius: var(--nj-slider-track-border-radius);
}

.nj-slider input[type=range]::-moz-focus-outer {
  border: 0;
}

.nj-slider input[type=range]:disabled {
  pointer-events: none;
}

.nj-slider[data-tooltip=true] input[type=range] {
  margin-top: 38px;
}

.nj-slider .nj-tooltip {
  bottom: 24px;
}

.nj-slider .nj-tooltip .nj-tooltip__arrow {
  left: calc(50% - 0.4rem);
}

.nj-stamp {
  box-sizing: border-box;
}

.nj-stamp *,
.nj-stamp *::before,
.nj-stamp *::after {
  box-sizing: border-box;
}

.nj-stamp {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  width: 170px;
  height: 170px;
  border-radius: 50%;
}

.nj-sub-header {
  box-sizing: border-box;
}

.nj-sub-header *,
.nj-sub-header *::before,
.nj-sub-header *::after {
  box-sizing: border-box;
}

.nj-sub-header {
  display: block;
  background: var(--nj-semantic-color-background-neutral-primary-default);
  border-color: var(--nj-semantic-color-border-neutral-subtle-default);
  border-style: solid;
  border-width: 0 1px 1px;
}

.nj-sub-header .nj-sub-header__header {
  display: flex;
  gap: var(--nj-semantic-size-spacing-24);
  align-items: end;
  max-width: var(--nj-header-container-max-width, auto);
  padding-top: var(--nj-semantic-size-spacing-24);
  padding-right: var(--nj-semantic-size-spacing-32);
  padding-left: var(--nj-semantic-size-spacing-32);
  margin: 0 auto;
}

.nj-sub-header .nj-sub-header__content {
  display: flex;
  gap: var(--nj-semantic-size-spacing-32);
  max-width: var(--nj-header-container-max-width, auto);
  padding: var(--nj-semantic-size-spacing-32);
  margin: 0 auto;
}

.nj-sub-header .nj-sub-header__menu {
  all: unset;
  flex-grow: 1;
}

.nj-sub-header .nj-sub-header__menu > * {
  flex-grow: 1;
}

.nj-sub-header .nj-sub-header__footer {
  padding: var(--nj-semantic-size-spacing-24) var(--nj-semantic-size-spacing-32);
  color: var(--nj-semantic-color-text-neutral-secondary-default);
  background: var(--nj-semantic-color-background-neutral-secondary-default);
  border-top: 1px solid var(--nj-semantic-color-border-neutral-subtle-default);
}

.nj-sub-header .nj-sub-header__footer .nj-sub-header__footer-content {
  max-width: var(--nj-header-container-max-width, auto);
  margin: 0 auto;
}

.nj-sub-header:not(.nj-sub-header--single-column) .nj-sub-header__menu .nj-list__item .nj-list__item-leading, .nj-sub-header:not(.nj-sub-header--single-column) .nj-sub-header__menu .nj-list__navigation-item .nj-list__item-leading {
  padding: var(--nj-semantic-size-spacing-12);
  background: var(--nj-semantic-color-background-neutral-secondary-default);
  border-radius: var(--nj-semantic-size-border-radius-pill);
}

.nj-sub-header.nj-sub-header--columns .nj-sub-header__menu {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nj-semantic-size-spacing-32);
}

.nj-sub-header.nj-sub-header--rows:not(.nj-sub-header--columns, .nj-sub-header--single-column) .nj-sub-header__menu .nj-list, .nj-sub-header:not(.nj-sub-header--columns, .nj-sub-header--single-column) .nj-sub-header__menu .nj-list {
  display: grid;
  grid-template-columns: repeat(var(--nj-sub-header-rows-of, 4), 1fr);
  gap: var(--nj-semantic-size-spacing-16);
}

.nj-sub-header.nj-sub-header--single-column {
  width: fit-content;
  border-width: 1px;
}

.nj-sub-header.nj-sub-header--single-column .nj-sub-header__content {
  flex-direction: column;
  gap: var(--nj-semantic-size-spacing-16);
  padding: var(--nj-semantic-size-spacing-16) 0;
}

.nj-sub-header.nj-sub-header--single-column .nj-sub-header__see-all-link {
  padding: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-24);
}

.nj-sub-header.nj-sub-header--single-column .nj-sub-header__menu {
  flex-grow: 0;
}

.nj-tab {
  --nj-tab-color-line-tab: var(--nj-core-color-reference-neutral-alpha-300);
  --nj-tab-gap: var(--nj-semantic-size-spacing-24);
  box-sizing: border-box;
}

.nj-tab *,
.nj-tab *::before,
.nj-tab *::after {
  box-sizing: border-box;
}

.nj-tab {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
}

.nj-tab--compact {
  --nj-tab-gap: 0;
}

.nj-tab--spacious {
  --nj-tab-gap: var(--nj-semantic-size-spacing-48);
}

.nj-tab--stretched {
  --nj-tab-gap: 0;
}

.nj-tab--stretched .nj-tab__item {
  flex-grow: 1;
}

.nj-tab__items {
  display: inline-flex;
  flex: 1 0 auto;
  gap: var(--nj-tab-gap);
  justify-content: left;
  width: 100%;
  padding-left: 0;
  margin: 0;
  list-style: none;
  border-bottom: var(--nj-semantic-size-border-width) solid var(--nj-tab-color-line-tab);
}

.nj-tab__item {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  position: relative;
  display: inline-flex;
  gap: var(--nj-semantic-size-spacing-8);
  align-items: center;
  justify-content: center;
  padding: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-24);
  font-size: var(--nj-semantic-font-size-text-md-desktop);
  color: var(--nj-semantic-color-text-neutral-primary-default);
  cursor: pointer;
  outline: none;
  background-color: transparent;
  border: none;
  transition: background 0.25s var(--nj-semantic-motion-easing-linear-out-slow-in);
}

.nj-tab__item::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  box-sizing: content-box !important;
  width: 100%;
  height: 100%;
  padding: var(--nj-semantic-size-border-focus-ring-offset);
  pointer-events: none;
  content: "";
  border-radius: var(--nj-semantic-size-border-radius-none);
  box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
  opacity: 0;
  transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
  transition: opacity 0.2s, transform 0.2s;
  transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-tab__item::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 0.125rem;
  content: "";
  background: var(--nj-semantic-color-border-brand-strong-default);
  border-radius: var(--nj-semantic-size-border-radius-none);
  transform: scale3d(0, 0, 0);
  transform-origin: center center;
  transition: transform 0.25s var(--nj-semantic-motion-easing-linear-out-slow-in);
}

.nj-tab__item:not(.nj-tab__item:disabled):hover {
  background: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
}

.nj-tab__item:not(.nj-tab__item:disabled):focus-visible {
  background: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
}

.nj-tab__item:not(.nj-tab__item:disabled):focus-visible::before {
  opacity: 1;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
}

.nj-tab__item:not(.nj-tab__item:disabled):active {
  background: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
}

.nj-tab__item:not(.nj-tab__item:disabled):hover::after, .nj-tab__item:not(.nj-tab__item:disabled):focus-visible::after, .nj-tab__item:not(.nj-tab__item:disabled):active::after {
  transform: scale3d(1, 1, 1);
}

.nj-tab__item--active {
  font-weight: var(--nj-semantic-font-weight-bold);
  background: var(--nj-semantic-color-background-neutral-primary-translucent-default);
}

.nj-tab__item--active::after {
  transform: scale3d(1, 1, 1);
}

.nj-tab__item:disabled {
  pointer-events: none;
  cursor: default;
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-tab__content {
  display: none;
  color: var(--nj-semantic-color-text-neutral-primary-default);
}

.nj-tab__content--active {
  display: block;
}

.nj-tabs {
  display: flex;
  align-items: flex-end;
}

.nj-tabs.nj-tabs--xs .nj-navigation-tab .nj-navigation-tab__action {
  padding: var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-24);
}

.nj-tabs.nj-tabs--sm .nj-navigation-tab .nj-navigation-tab__action, .nj-tabs .nj-navigation-tab .nj-navigation-tab__action {
  padding: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-24);
}

.nj-tabs.nj-tabs--md .nj-navigation-tab .nj-navigation-tab__action {
  padding: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-24);
}

.nj-tabs.nj-tabs--lg .nj-navigation-tab .nj-navigation-tab__action {
  padding: var(--nj-semantic-size-spacing-24) var(--nj-semantic-size-spacing-24);
}

.nj-table {
  --nj-table-background-color: transparent;
  --nj-table-border-color: var(--nj-semantic-color-border-neutral-subtle-default);
  --nj-table-stripped-background-color: var(--nj-semantic-color-background-neutral-secondary-default);
  --nj-table-hoverable-background-color: var(--nj-semantic-color-background-neutral-tertiary-default);
  box-sizing: border-box;
}

.nj-table *,
.nj-table *::before,
.nj-table *::after {
  box-sizing: border-box;
}

.nj-table {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  width: 100%;
  margin-bottom: var(--nj-semantic-size-spacing-16);
  color: var(--nj-text-color-primary);
  border-collapse: collapse;
  background-color: var(--nj-table-background-color);
}

.nj-table caption {
  color: var(--nj-text-color-primary);
}

.nj-table th,
.nj-table td {
  padding: var(--nj-semantic-size-spacing-12);
  font-size: var(--nj-semantic-font-size-text-sm-desktop);
  font-weight: var(--nj-semantic-font-weight-regular);
  vertical-align: top;
  text-align: inherit;
  border-top: var(--nj-semantic-size-border-width) solid var(--nj-table-border-color);
}

.nj-table thead tr th {
  font-size: var(--nj-semantic-font-size-text-xs-desktop);
  vertical-align: bottom;
  text-transform: uppercase;
  border-top-width: 0;
  border-bottom-width: var(--nj-semantic-size-border-width);
}

.nj-table tbody + tbody {
  border-top: calc(2 * var(--nj-semantic-size-border-width)) solid var(--nj-table-border-color);
}

.nj-table--striped tbody tr:nth-of-type(odd) {
  background-color: var(--nj-table-stripped-background-color);
}

.nj-table--striped th,
.nj-table--striped td {
  border: 0;
}

.nj-table--hover tbody tr:hover {
  background-color: var(--nj-table-hoverable-background-color);
}

.nj-tag {
  --nj-tag-text-color: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-tag-text-color-hovered: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-tag-text-color-focused: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-tag-text-color-pressed: var(--nj-semantic-color-text-neutral-primary-default);
  box-sizing: border-box;
}

.nj-tag *,
.nj-tag *::before,
.nj-tag *::after {
  box-sizing: border-box;
}

.nj-tag {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  position: relative;
  display: inline-flex;
  gap: var(--nj-tag-gap);
  align-items: center;
  padding: var(--nj-tag-padding);
  font-weight: var(--nj-semantic-font-weight-regular);
  color: var(--nj-tag-text-color);
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  background-color: var(--nj-tag-background-color);
  border: solid 1px var(--nj-tag-border-color);
  border-radius: var(--nj-semantic-size-border-radius-none);
}

.nj-tag.nj-tag--xs {
  --nj-tag-padding: var(--nj-semantic-size-spacing-2) var(--nj-semantic-size-spacing-4);
  --nj-tag-gap: var(--nj-semantic-size-spacing-4);
  --nj-tag-icon-size: var(--nj-semantic-size-icon-sm);
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-xs);
  line-height: var(--nj-semantic-line-height-text-xs);
}

.nj-tag.nj-tag--sm {
  --nj-tag-padding: var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-4);
  --nj-tag-gap: var(--nj-semantic-size-spacing-4);
  --nj-tag-icon-size: var(--nj-semantic-size-icon-sm);
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-sm);
  line-height: var(--nj-semantic-line-height-text-sm);
}

.nj-tag.nj-tag--md, .nj-tag {
  --nj-tag-padding: var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-8);
  --nj-tag-gap: var(--nj-semantic-size-spacing-4);
  --nj-tag-icon-size: var(--nj-semantic-size-icon-sm);
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-md);
  line-height: var(--nj-semantic-line-height-text-md);
}

.nj-tag.nj-tag--lg {
  --nj-tag-padding: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-8);
  --nj-tag-gap: var(--nj-semantic-size-spacing-8);
  --nj-tag-icon-size: var(--nj-semantic-size-icon-md);
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-lg);
  line-height: var(--nj-semantic-line-height-text-lg);
}

.nj-tag.nj-tag--xl {
  --nj-tag-padding: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-12);
  --nj-tag-gap: var(--nj-semantic-size-spacing-8);
  --nj-tag-icon-size: var(--nj-semantic-size-icon-md);
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  font-size: var(--nj-semantic-font-size-text-lg);
  line-height: var(--nj-semantic-line-height-text-lg);
}

.nj-tag.nj-tag--brand {
  --nj-tag-icon-color: var(--nj-semantic-color-icon-brand-primary-default);
  --nj-tag-background-color: var(--nj-semantic-color-background-brand-tertiary-default);
  --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-brand-primary-hovered);
  --nj-tag-background-color-hovered: var(--nj-semantic-color-background-brand-tertiary-hovered);
  --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-brand-primary-focused);
  --nj-tag-background-color-focused: var(--nj-semantic-color-background-brand-tertiary-focused);
  --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-brand-primary-pressed);
  --nj-tag-background-color-pressed: var(--nj-semantic-color-background-brand-tertiary-pressed);
  --nj-tag-border-color: var(--nj-semantic-color-border-brand-moderate-default);
}

.nj-tag.nj-tag--blue {
  --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-blue-primary-default);
  --nj-tag-background-color: var(--nj-semantic-color-background-accent-blue-tertiary-default);
  --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-blue-primary-hovered);
  --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-blue-tertiary-hovered);
  --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-blue-primary-focused);
  --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-blue-tertiary-focused);
  --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-blue-primary-pressed);
  --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-blue-tertiary-pressed);
  --nj-tag-border-color: var(--nj-semantic-color-border-accent-blue-moderate-default);
}

.nj-tag.nj-tag--grey, .nj-tag {
  --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-grey-primary-default);
  --nj-tag-background-color: var(--nj-semantic-color-background-accent-grey-tertiary-default);
  --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-grey-primary-hovered);
  --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-grey-tertiary-hovered);
  --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-grey-primary-focused);
  --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-grey-tertiary-focused);
  --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-grey-primary-pressed);
  --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-grey-tertiary-pressed);
  --nj-tag-border-color: var(--nj-semantic-color-border-accent-grey-moderate-default);
}

.nj-tag.nj-tag--red {
  --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-red-primary-default);
  --nj-tag-background-color: var(--nj-semantic-color-background-accent-red-tertiary-default);
  --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-red-primary-hovered);
  --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-red-tertiary-hovered);
  --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-red-primary-focused);
  --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-red-tertiary-focused);
  --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-red-primary-pressed);
  --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-red-tertiary-pressed);
  --nj-tag-border-color: var(--nj-semantic-color-border-accent-red-moderate-default);
}

.nj-tag.nj-tag--green {
  --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-green-primary-default);
  --nj-tag-background-color: var(--nj-semantic-color-background-accent-green-tertiary-default);
  --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-green-primary-hovered);
  --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-green-tertiary-hovered);
  --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-green-primary-focused);
  --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-green-tertiary-focused);
  --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-green-primary-pressed);
  --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-green-tertiary-pressed);
  --nj-tag-border-color: var(--nj-semantic-color-border-accent-green-moderate-default);
}

.nj-tag.nj-tag--orange {
  --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-orange-primary-default);
  --nj-tag-background-color: var(--nj-semantic-color-background-accent-orange-tertiary-default);
  --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-orange-primary-hovered);
  --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-orange-tertiary-hovered);
  --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-orange-primary-focused);
  --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-orange-tertiary-focused);
  --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-orange-primary-pressed);
  --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-orange-tertiary-pressed);
  --nj-tag-border-color: var(--nj-semantic-color-border-accent-orange-moderate-default);
}

.nj-tag.nj-tag--purple {
  --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-purple-primary-default);
  --nj-tag-background-color: var(--nj-semantic-color-background-accent-purple-tertiary-default);
  --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-purple-primary-hovered);
  --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-purple-tertiary-hovered);
  --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-purple-primary-focused);
  --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-purple-tertiary-focused);
  --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-purple-primary-pressed);
  --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-purple-tertiary-pressed);
  --nj-tag-border-color: var(--nj-semantic-color-border-accent-purple-moderate-default);
}

.nj-tag.nj-tag--teal {
  --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-teal-primary-default);
  --nj-tag-background-color: var(--nj-semantic-color-background-accent-teal-tertiary-default);
  --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-teal-primary-hovered);
  --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-teal-tertiary-hovered);
  --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-teal-primary-focused);
  --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-teal-tertiary-focused);
  --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-teal-primary-pressed);
  --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-teal-tertiary-pressed);
  --nj-tag-border-color: var(--nj-semantic-color-border-accent-teal-moderate-default);
}

.nj-tag.nj-tag--ultramarine {
  --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-ultramarine-primary-default);
  --nj-tag-background-color: var(--nj-semantic-color-background-accent-ultramarine-tertiary-default);
  --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-ultramarine-primary-hovered);
  --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-ultramarine-tertiary-hovered);
  --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-ultramarine-primary-focused);
  --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-ultramarine-tertiary-focused);
  --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-ultramarine-primary-pressed);
  --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-ultramarine-tertiary-pressed);
  --nj-tag-border-color: var(--nj-semantic-color-border-accent-ultramarine-moderate-default);
}

.nj-tag.nj-tag--yellow {
  --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-yellow-primary-default);
  --nj-tag-background-color: var(--nj-semantic-color-background-accent-yellow-tertiary-default);
  --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-yellow-primary-hovered);
  --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-yellow-tertiary-hovered);
  --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-yellow-primary-focused);
  --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-yellow-tertiary-focused);
  --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-yellow-primary-pressed);
  --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-yellow-tertiary-pressed);
  --nj-tag-border-color: var(--nj-semantic-color-border-accent-yellow-moderate-default);
}

.nj-tag.nj-tag--pink {
  --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-pink-primary-default);
  --nj-tag-background-color: var(--nj-semantic-color-background-accent-pink-tertiary-default);
  --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-pink-primary-hovered);
  --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-pink-tertiary-hovered);
  --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-pink-primary-focused);
  --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-pink-tertiary-focused);
  --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-pink-primary-pressed);
  --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-pink-tertiary-pressed);
  --nj-tag-border-color: var(--nj-semantic-color-border-accent-pink-moderate-default);
}

.nj-tag.nj-tag--lime {
  --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-lime-primary-default);
  --nj-tag-background-color: var(--nj-semantic-color-background-accent-lime-tertiary-default);
  --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-lime-primary-hovered);
  --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-lime-tertiary-hovered);
  --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-lime-primary-focused);
  --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-lime-tertiary-focused);
  --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-lime-primary-pressed);
  --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-lime-tertiary-pressed);
  --nj-tag-border-color: var(--nj-semantic-color-border-accent-lime-moderate-default);
}

.nj-tag.nj-tag:disabled, .nj-tag.nj-tag--disabled, .nj-tag.nj-tag.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-tag.nj-tag:disabled:focus, .nj-tag.nj-tag--disabled:focus, .nj-tag.nj-tag.disabled:focus {
  outline: none;
}

.nj-tag:empty {
  display: none;
}

.nj-tag__icon, .nj-tag__icon.nj-icon-material {
  --nj-material-icon-color: var(--nj-tag-icon-color);
  --nj-material-icon-size: var(--nj-tag-icon-size);
  z-index: 2;
  order: -1;
  width: var(--nj-tag-icon-size);
  height: var(--nj-tag-icon-size);
  pointer-events: none;
  fill: var(--nj-tag-icon-color);
}

.nj-tag__text {
  margin-top: 0;
  margin-bottom: 0;
}

.nj-tag__action {
  z-index: 1;
  padding: 0;
  font: inherit;
  color: var(--nj-tag-text-color);
  text-decoration: none;
  cursor: pointer;
  outline: none;
  background: none;
  border: none;
}

.nj-tag__action:not(:disabled, .nj-tag__action.disabled, .nj-tag__action--disabled)::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  box-sizing: content-box !important;
  width: 100%;
  height: 100%;
  padding: var(--nj-semantic-size-border-focus-ring-offset);
  pointer-events: none;
  content: "";
  border-radius: var(--nj-semantic-size-border-radius-none);
  box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
  opacity: 0;
  transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
  transition: opacity 0.2s, transform 0.2s;
  transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-tag__action:not(:disabled, .nj-tag__action.disabled, .nj-tag__action--disabled)::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  background-color: var(--nj-tag-background-color);
}

.nj-tag__action:not(:disabled, .nj-tag__action.disabled, .nj-tag__action--disabled):hover {
  --nj-tag-text-color: var(--nj-tag-text-color-hovered);
}

.nj-tag__action:not(:disabled, .nj-tag__action.disabled, .nj-tag__action--disabled):hover::after {
  --nj-tag-background-color: var(--nj-tag-background-color-hovered);
}

.nj-tag__action:not(:disabled, .nj-tag__action.disabled, .nj-tag__action--disabled):hover ~ .nj-tag__icon {
  --nj-tag-icon-color: var(--nj-tag-icon-color-hovered);
}

.nj-tag__action:not(:disabled, .nj-tag__action.disabled, .nj-tag__action--disabled):focus-visible::before {
  opacity: 1;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
}

.nj-tag__action:not(:disabled, .nj-tag__action.disabled, .nj-tag__action--disabled):active {
  --nj-tag-text-color: var(--nj-tag-text-color-pressed);
}

.nj-tag__action:not(:disabled, .nj-tag__action.disabled, .nj-tag__action--disabled):active::after {
  --nj-tag-background-color: var(--nj-tag-background-color-pressed);
}

.nj-tag__action:not(:disabled, .nj-tag__action.disabled, .nj-tag__action--disabled):active ~ .nj-tag__icon {
  --nj-tag-icon-color: var(--nj-tag-icon-color-pressed);
}

.nj-tag__close {
  z-index: 1;
}

@keyframes gauge-progress {
  from {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
.nj-toast {
  --nj-toast-gauge-color: var(--nj-semantic-color-background-additional-engie-ray-default);
  --nj-toast-background-color: var(--nj-semantic-color-background-brand-spotlight-default);
  --nj-toast-icon-color: var(--nj-semantic-color-icon-neutral-inverse-default);
  --nj-toast-text-color: var(--nj-semantic-color-text-neutral-inverse-default);
  --nj-toast-min-width: 200px;
  --nj-toast-gauge-height: 4px;
  --nj-toast-box-shadow: var(--nj-semantic-elevation-shadow-8-dp);
  box-sizing: border-box;
}

.nj-toast *,
.nj-toast *::before,
.nj-toast *::after {
  box-sizing: border-box;
}

.nj-toast {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  position: relative;
  z-index: var(--nj-semantic-elevation-z-index-toast);
  display: flex;
  flex-flow: row nowrap;
  gap: var(--nj-semantic-size-spacing-16);
  align-items: center;
  justify-content: space-between;
  min-width: var(--nj-toast-min-width);
  padding: var(--nj-semantic-size-spacing-16);
  overflow: hidden;
  color: var(--nj-toast-text-color);
  background-color: var(--nj-toast-background-color);
  border-radius: var(--nj-semantic-size-border-radius-none);
  box-shadow: var(--nj-toast-box-shadow);
}

.nj-toast--inverse {
  --nj-toast-gauge-color: var(--nj-semantic-color-background-brand-solid-default);
  --nj-toast-background-color: var(--nj-semantic-color-background-neutral-primary-default);
  --nj-toast-icon-color: var(--nj-semantic-color-icon-brand-primary-default);
  --nj-toast-text-color: var(--nj-semantic-color-text-neutral-primary-default);
}

.nj-toast__gauge {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--nj-toast-gauge-height);
  background: var(--nj-toast-background-color);
}

.nj-toast__gauge-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--nj-toast-gauge-color);
  transform: scaleX(1);
  transform-origin: center left;
  animation: gauge-progress forwards;
  animation-duration: 5s;
  animation-timing-function: linear;
}

.nj-toast__body {
  display: flex;
  flex-flow: row nowrap;
  gap: var(--nj-semantic-size-spacing-16);
}

.nj-toast__icon {
  color: var(--nj-toast-icon-color);
  -webkit-user-select: none;
  user-select: none;
}

.nj-toast__content {
  display: flex;
  flex-direction: column;
  gap: var(--nj-semantic-size-spacing-8);
  align-items: flex-start;
  justify-content: center;
}

.nj-toast__title {
  margin: 0;
  font-weight: var(--nj-semantic-font-weight-bold);
}

.nj-toast__text {
  margin: 0;
}

.nj-toast__action {
  display: flex;
  align-self: flex-start;
}

.nj-toast__container {
  --nj-toast-container-pad: var(--nj-semantic-size-spacing-16);
  --nj-toast-container-gap: var(--nj-semantic-size-spacing-16);
  --nj-toast-container-width: 480px;
  box-sizing: border-box;
}

.nj-toast__container *,
.nj-toast__container *::before,
.nj-toast__container *::after {
  box-sizing: border-box;
}

.nj-toast__container {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: var(--nj-semantic-elevation-z-index-toast-container);
  display: flex;
  flex-flow: column nowrap;
  gap: var(--nj-toast-container-gap);
  width: var(--nj-toast-container-width);
  max-width: 100%;
  max-height: 100vh;
  padding: 0 var(--nj-toast-container-pad) var(--nj-toast-container-pad);
  overflow: auto;
  transform: translateX(-50%);
}

.nj-toast__container--full-width {
  --nj-toast-container-width: 100vw;
}

.nj-bullet {
  --nj-bullet-size: 1rem;
  --nj-bullet-border-color: var(--nj-semantic-color-border-neutral-inverse-default);
  box-sizing: border-box;
}

.nj-bullet *,
.nj-bullet *::before,
.nj-bullet *::after {
  box-sizing: border-box;
}

.nj-bullet {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  display: inline-flex;
  flex-shrink: 0;
  width: var(--nj-bullet-size);
  height: var(--nj-bullet-size);
  background-color: var(--nj-semantic-color-background-brand-solid-default);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--nj-bullet-border-color);
}

.nj-bullet--sm {
  --nj-bullet-size: 0.75rem;
}

.nj-bullet--brand {
  background-color: var(--nj-semantic-color-background-brand-solid-default);
}

.nj-bullet--blue {
  background-color: var(--nj-semantic-color-background-accent-blue-solid-default);
}

.nj-bullet--grey {
  background-color: var(--nj-semantic-color-background-accent-grey-solid-default);
}

.nj-bullet--red {
  background-color: var(--nj-semantic-color-background-accent-red-solid-default);
}

.nj-bullet--green {
  background-color: var(--nj-semantic-color-background-accent-green-solid-default);
}

.nj-bullet--orange {
  background-color: var(--nj-semantic-color-background-accent-orange-solid-default);
}

.nj-bullet--purple {
  background-color: var(--nj-semantic-color-background-accent-purple-solid-default);
}

.nj-bullet--teal {
  background-color: var(--nj-semantic-color-background-accent-teal-solid-default);
}

.nj-bullet--ultramarine {
  background-color: var(--nj-semantic-color-background-accent-ultramarine-solid-default);
}

.nj-bullet--yellow {
  background-color: var(--nj-semantic-color-background-accent-yellow-solid-default);
}

.nj-bullet--pink {
  background-color: var(--nj-semantic-color-background-accent-pink-solid-default);
}

.nj-bullet--lime {
  background-color: var(--nj-semantic-color-background-accent-lime-solid-default);
}

.nj-list-deprecated {
  --nj-list-deprecated-background-color: var(--nj-semantic-color-background-neutral-primary-translucent-default);
  --nj-list-deprecated-item-background-color: var(--nj-semantic-color-background-neutral-primary-translucent-default);
  --nj-list-deprecated-item-background-color-hovered: var(
    --nj-semantic-color-background-neutral-primary-translucent-hovered
  );
  --nj-list-deprecated-item-background-color-pressed: var(
    --nj-semantic-color-background-neutral-primary-translucent-selected
  );
  --nj-list-deprecated-text-color: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-list-deprecated-text-font-size: var(--nj-semantic-font-size-text-md-desktop);
  --nj-list-deprecated-icon-color: var(--nj-semantic-color-icon-neutral-secondary-default);
  --nj-list-deprecated-icon-color-pressed: var(--nj-semantic-color-icon-brand-primary-default);
  --nj-list-deprecated-item-gap: var(--nj-semantic-size-spacing-16);
  --nj-list-deprecated-item-padding: var(--nj-semantic-size-spacing-24) var(--nj-semantic-size-spacing-24)
    var(--nj-semantic-size-spacing-24) var(--nj-semantic-size-spacing-24);
  --nj-list-deprecated-separator-border-color: var(--nj-core-color-reference-neutral-alpha-300);
  --nj-list-deprecated-item-side-border-color: var(--nj-semantic-color-border-brand-strong-default);
  --nj-list-deprecated-item-transform: scale3d(1, 0, 1);
  --nj-list-deprecated-item-transform-hovered: scale3d(1, 1, 1);
  --nj-list-deprecated-item-border-left: 0;
  --nj-list-deprecated-item-border-right: auto;
  --nj-list-deprecated-gap: 0;
  --nj-list-deprecated-item-box-shadow: none;
  --nj-list-deprecated-item-box-shadow-visible: inset 0 0 0 var(--nj-semantic-size-border-focus-ring-width)
    var(--nj-semantic-color-border-brand-strong-default);
  box-sizing: border-box;
}

.nj-list-deprecated *,
.nj-list-deprecated *::before,
.nj-list-deprecated *::after {
  box-sizing: border-box;
}

.nj-list-deprecated {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: var(--nj-list-deprecated-gap);
  padding: 0;
  margin: 0;
  overflow: hidden;
  outline: none;
  background-color: var(--nj-list-deprecated-background-color);
}

.nj-list-deprecated--no-border .nj-list-deprecated__item {
  border-bottom: 0;
}

.nj-list-deprecated__item {
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid var(--nj-list-deprecated-separator-border-color);
  border-left: 0;
}

.nj-list-deprecated__item--clickable {
  position: relative;
  box-shadow: var(--nj-list-deprecated-item-box-shadow);
}

.nj-list-deprecated__item--clickable:hover, .nj-list-deprecated__item--clickable:focus-within, .nj-list-deprecated__item--clickable[aria-selected=true] {
  --nj-list-deprecated-item-transform: var(--nj-list-deprecated-item-transform-hovered);
}

.nj-list-deprecated__item--clickable > button, .nj-list-deprecated__item--clickable > a, .nj-list-deprecated__item--clickable[role=option] {
  outline: none;
}

.nj-list-deprecated__item--clickable.nj-list-deprecated__item--active > button, .nj-list-deprecated__item--clickable.nj-list-deprecated__item--active > a, .nj-list-deprecated__item--clickable.active > button, .nj-list-deprecated__item--clickable.active > a {
  font-weight: var(--nj-semantic-font-weight-bold);
}

.nj-list-deprecated__item::after {
  position: absolute;
  right: var(--nj-list-deprecated-item-border-right);
  bottom: 0;
  left: var(--nj-list-deprecated-item-border-left);
  width: 0.125rem;
  height: 100%;
  content: "";
  background: var(--nj-list-deprecated-item-side-border-color);
  border-radius: var(--nj-semantic-size-border-radius-none);
  transform: var(--nj-list-deprecated-item-transform);
  transform-origin: center center;
  transition: transform 0.3s var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-list-deprecated__item--right-border {
  --nj-list-deprecated-item-border-left: none;
  --nj-list-deprecated-item-border-right: 0;
}

.nj-list-deprecated__item--no-active-border::after {
  content: none;
}

.nj-list-deprecated__item mark {
  padding: 0;
  margin: 0;
  color: var(--nj-semantic-color-text-brand-primary-default);
  background: none;
}

.nj-list-deprecated__item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.nj-list-deprecated__item:hover, .nj-list-deprecated__item:focus, .nj-list-deprecated__item[aria-selected=true] {
  z-index: 1;
  text-decoration: none;
}

.nj-list-deprecated__item--disabled, .nj-list-deprecated__item.disabled, .nj-list-deprecated__item:disabled {
  pointer-events: none;
  opacity: var(--nj-semantic-opacity-disabled);
}

.nj-list-deprecated__item--active, .nj-list-deprecated__item.active {
  --nj-list-deprecated-item-background-color: var(--nj-semantic-color-background-neutral-primary-translucent-selected);
  --nj-list-deprecated-item-transform: var(--nj-list-deprecated-item-transform-hovered);
  --nj-list-deprecated-icon-color: var(--nj-list-deprecated-icon-color-pressed);
  position: relative;
  z-index: 2;
  font-weight: var(--nj-semantic-font-weight-bold);
}

.nj-list-deprecated__item--active, .nj-list-deprecated__item--active.nj-list-deprecated__item-icon, .nj-list-deprecated__item.active, .nj-list-deprecated__item.active.nj-list-deprecated__item-icon {
  transition: color 0.15s, background 0.15s, border-color 0.15s;
}

.nj-list-deprecated__item-icon {
  color: var(--nj-list-deprecated-icon-color);
}

.nj-list-deprecated__item-content {
  flex-grow: 1;
}

.nj-list-deprecated__item-right-content {
  flex-grow: 0;
  margin-left: auto;
}

.nj-list-deprecated--sm {
  --nj-list-deprecated-item-padding: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-24)
    var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-24);
}

.nj-list-deprecated--checkbox .nj-list-deprecated__item--active, .nj-list-deprecated--checkbox .nj-list-deprecated__item:active {
  font-weight: var(--nj-semantic-font-weight-regular);
}

.nj-list-deprecated--spaced-items {
  --nj-list-deprecated-gap: var(--nj-semantic-size-spacing-8);
}

.nj-list-deprecated__item--clickable > button, .nj-list-deprecated__item--clickable > a, .nj-list-deprecated__item--clickable[role=option], .nj-list-deprecated__item:not(.nj-list-deprecated__item--clickable) {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  gap: var(--nj-list-deprecated-item-gap);
  align-items: flex-start;
  padding: var(--nj-list-deprecated-item-padding);
  font-size: var(--nj-list-deprecated-text-font-size);
  line-height: 1.5rem;
  color: var(--nj-list-deprecated-text-color);
  text-decoration: none;
  background-color: var(--nj-list-deprecated-item-background-color);
  transition: color 0.15s, background 0.15s, border-color 0.15s;
  transition-timing-function: var(--nj-semantic-motion-easing-linear-out-slow-in);
}

.nj-list-deprecated__item--clickable > button, .nj-list-deprecated__item--clickable > a, .nj-list-deprecated__item--clickable[role=option], .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) .nj-list-deprecated__item {
  width: 100%;
  text-align: inherit;
  cursor: pointer;
  border: none;
}

.nj-list-deprecated__item--clickable > button:active, .nj-list-deprecated__item--clickable > a:active, .nj-list-deprecated__item--clickable[role=option]:active, .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) .nj-list-deprecated__item:active, .nj-list-deprecated__item--clickable > button.active, .nj-list-deprecated__item--clickable > a.active, .active.nj-list-deprecated__item--clickable[role=option], .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) .active.nj-list-deprecated__item, .nj-list-deprecated__item--clickable > button.nj-list-deprecated__item--active, .nj-list-deprecated__item--clickable > a.nj-list-deprecated__item--active, .nj-list-deprecated__item--active.nj-list-deprecated__item--clickable[role=option], .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) .nj-list-deprecated__item--active.nj-list-deprecated__item {
  --nj-list-deprecated-text-color: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-list-deprecated-item-background-color: var(--nj-list-deprecated-item-background-color-pressed);
  --nj-list-deprecated-item-transform: var(--nj-list-deprecated-item-transform-hovered);
}

.nj-list-deprecated__item--clickable > button:hover:not(:focus-visible):not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated__item--clickable > a:hover:not(:focus-visible):not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated__item--clickable[role=option]:hover:not(:focus-visible):not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) .nj-list-deprecated__item:hover:not(:focus-visible):not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated__item--clickable > button:focus:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated__item--clickable > a:focus:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated__item--clickable[role=option]:focus:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) .nj-list-deprecated__item:focus:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated__item--clickable > button.nj-list-deprecated__item--focus-visible:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated__item--clickable > a.nj-list-deprecated__item--focus-visible:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated__item--focus-visible.nj-list-deprecated__item--clickable[role=option]:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) .nj-list-deprecated__item--focus-visible.nj-list-deprecated__item:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated__item--clickable > button[aria-selected=true]:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated__item--clickable > a[aria-selected=true]:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), [aria-selected=true].nj-list-deprecated__item--clickable[role=option]:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) [aria-selected=true].nj-list-deprecated__item:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active) {
  --nj-list-deprecated-text-color: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-list-deprecated-item-background-color: var(--nj-list-deprecated-item-background-color-hovered);
  --nj-list-deprecated-item-transform: var(--nj-list-deprecated-item-transform-hovered);
  text-decoration: none;
}

.nj-list-deprecated__item--clickable > button[aria-selected=true]:active, .nj-list-deprecated__item--clickable > a[aria-selected=true]:active, [aria-selected=true].nj-list-deprecated__item--clickable[role=option]:active, .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) [aria-selected=true].nj-list-deprecated__item:active, .nj-list-deprecated__item--clickable > button[aria-selected=true].active, .nj-list-deprecated__item--clickable > a[aria-selected=true].active, [aria-selected=true].active.nj-list-deprecated__item--clickable[role=option], .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) [aria-selected=true].active.nj-list-deprecated__item, .nj-list-deprecated__item--clickable > button[aria-selected=true].nj-list-deprecated__item--active, .nj-list-deprecated__item--clickable > a[aria-selected=true].nj-list-deprecated__item--active, [aria-selected=true].nj-list-deprecated__item--active.nj-list-deprecated__item--clickable[role=option], .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) [aria-selected=true].nj-list-deprecated__item--active.nj-list-deprecated__item {
  --nj-list-deprecated-item-box-shadow: var(--nj-list-deprecated-item-box-shadow-visible);
}

.nj-list-deprecated--checkbox .nj-list-deprecated__item {
  width: 100%;
  text-align: inherit;
  cursor: pointer;
  border: none;
}

.nj-list-deprecated--checkbox .nj-list-deprecated__item:hover:not(:focus-visible), .nj-list-deprecated--checkbox .nj-list-deprecated__item:focus-visible {
  --nj-list-deprecated-text-color: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-list-deprecated-item-background-color: var(--nj-list-deprecated-item-background-color-hovered);
  text-decoration: none;
}

.nj-list-deprecated--checkbox .nj-list-deprecated__item:active, .nj-list-deprecated--checkbox .active.nj-list-deprecated__item, .nj-list-deprecated--checkbox .nj-list-deprecated__item--active.nj-list-deprecated__item {
  --nj-list-deprecated-text-color: var(--nj-semantic-color-text-neutral-primary-default);
  --nj-list-deprecated-item-background-color: var(--nj-list-deprecated-item-background-color-pressed);
  font-weight: var(--nj-semantic-font-weight-regular);
}

.nj-list-deprecated--checkbox .nj-list-deprecated__item:focus-visible[aria-selected=true]:active, .nj-list-deprecated--checkbox .nj-list-deprecated__item:focus-visible[aria-selected=true].active, .nj-list-deprecated--checkbox .nj-list-deprecated__item:focus-visible[aria-selected=true].nj-list-deprecated__item--active {
  --nj-list-deprecated-item-box-shadow: var(--nj-list-deprecated-item-box-shadow-visible);
}

:root {
  --nj-sidebar-deprecated-width: 300px;
  --nj-sidebar-deprecated-width-folded: 72px;
}

.nj-sidebar-deprecated {
  --nj-sidebar-deprecated-top: 0;
  --nj-sidebar-deprecated-height: 100%;
  --nj-sidebar-deprecated-list-gap: var(--nj-semantic-size-spacing-8);
  --nj-sidebar-deprecated-list-item-gap: var(--nj-semantic-size-spacing-16);
  --nj-sidebar-deprecated-transition-duration: 0.15s;
  --nj-sidebar-deprecated-transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
  --nj-sidebar-deprecated-nav-list-item-opacity: 1;
  box-sizing: border-box;
}

.nj-sidebar-deprecated *,
.nj-sidebar-deprecated *::before,
.nj-sidebar-deprecated *::after {
  box-sizing: border-box;
}

.nj-sidebar-deprecated {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  position: fixed;
  top: var(--nj-sidebar-deprecated-top);
  left: 0;
  z-index: calc(var(--nj-semantic-elevation-z-index-fixed) - 1);
  display: flex;
  flex-direction: column;
  width: var(--nj-sidebar-deprecated-width);
  height: var(--nj-sidebar-deprecated-height);
  overflow-x: hidden;
  background-color: var(--nj-semantic-color-background-neutral-primary-default);
  border-right: 1px solid var(--nj-semantic-color-border-neutral-subtle-default);
  transition: width var(--nj-sidebar-deprecated-transition-duration) var(--nj-sidebar-deprecated-transition-timing-function);
}

.nj-sidebar-deprecated--folded {
  --nj-sidebar-deprecated-width: var(--nj-sidebar-deprecated-width-folded);
  --nj-sidebar-deprecated-nav-list-item-opacity: 0;
}

.nj-sidebar-deprecated--folded .nj-sidebar-deprecated__fold-btn {
  transform: rotate(-180deg);
}

.nj-sidebar-deprecated--folded .nj-sidebar-deprecated__logo {
  display: none;
}

.nj-sidebar-deprecated--folded .nj-sidebar-deprecated__logo--folded {
  display: inline-block;
}

.nj-sidebar-deprecated--folded + .nj-sidebar-deprecated-content {
  margin-left: var(--nj-sidebar-deprecated-width-folded);
}

.nj-sidebar-deprecated--no-motion {
  --nj-sidebar-deprecated-transition-duration: 0;
}

@media (prefers-reduced-motion) {
  .nj-sidebar-deprecated {
    --nj-sidebar-deprecated-transition-duration: 0;
  }
}
.nj-sidebar-deprecated__brand {
  display: block;
  height: 42px;
  margin: var(--nj-semantic-size-spacing-16) auto;
  text-align: center;
}

.nj-sidebar-deprecated__logo {
  display: inline-block;
}

.nj-sidebar-deprecated__logo--folded {
  display: none;
}

.nj-sidebar-deprecated__collapse {
  flex-grow: 0;
  padding: var(--nj-semantic-size-spacing-8) 0;
  border-top: 1px solid var(--nj-semantic-color-border-neutral-subtle-default);
}

.nj-sidebar-deprecated .nj-list-deprecated__item-content,
.nj-sidebar-deprecated .nj-list-deprecated__item-right-content,
.nj-sidebar-deprecated .nj-list__item-content,
.nj-sidebar-deprecated .nj-list__item-trailing {
  opacity: var(--nj-sidebar-deprecated-nav-list-item-opacity);
  transition: opacity var(--nj-sidebar-deprecated-transition-duration) var(--nj-sidebar-deprecated-transition-timing-function);
}

.nj-sidebar-deprecated__navigation {
  gap: var(--nj-sidebar-deprecated-list-gap);
  margin-top: var(--nj-semantic-size-spacing-32);
  overflow-y: scroll;
}

.nj-sidebar-deprecated__navigation--footer {
  flex-grow: 0;
  padding-bottom: var(--nj-semantic-size-spacing-16);
  margin-top: auto;
}

.nj-sidebar-deprecated__divider {
  flex-shrink: 0;
  width: 85%;
  height: 2px;
  margin: var(--nj-semantic-size-spacing-16) auto;
  background: repeating-linear-gradient(90deg, var(--nj-semantic-color-border-neutral-subtle-default) 0, var(--nj-semantic-color-border-neutral-subtle-default) 4px, var(--nj-semantic-color-background-neutral-primary-translucent-default) 0, var(--nj-semantic-color-background-neutral-primary-translucent-default) 8px);
  border: none;
}

.nj-sidebar-deprecated-content {
  margin-left: var(--nj-sidebar-deprecated-width);
  transition: margin-left var(--nj-sidebar-deprecated-transition-duration) var(--nj-sidebar-deprecated-transition-timing-function);
}

.nj-sidebar-deprecated-content--nopush {
  margin-left: var(--nj-sidebar-deprecated-width-folded);
}

.nj-footer-deprecated {
  --nj-footer-deprecated-bg-color: var(--nj-semantic-color-background-neutral-secondary-default);
  --nj-footer-deprecated-logo-height: 48px;
  --nj-footer-deprecated-logo-height-sm: 32px;
  --nj-footer-deprecated-divider: 1px solid var(--nj-semantic-color-border-neutral-subtle-default);
  --nj-footer-deprecated-gap: var(--nj-semantic-size-spacing-24);
  --nj-footer-deprecated-menu-min-width: 14rem;
  box-sizing: border-box;
}

.nj-footer-deprecated *,
.nj-footer-deprecated *::before,
.nj-footer-deprecated *::after {
  box-sizing: border-box;
}

.nj-footer-deprecated {
  font-family: var(--nj-semantic-font-family-default), sans-serif;
  line-height: var(--nj-semantic-font-line-height-default);
  padding-top: var(--nj-footer-deprecated-gap);
  background-color: var(--nj-footer-deprecated-bg-color);
}

.nj-footer-deprecated > div {
  display: grid;
  gap: var(--nj-footer-deprecated-gap);
}

.nj-footer-deprecated::after {
  display: block;
  width: 100%;
  height: 3px;
  margin-top: var(--nj-footer-deprecated-gap);
  content: "";
  background: var(--nj-semantic-color-background-additional-engie-ray-default);
}

.nj-footer-deprecated__baseline {
  --nj-footer-deprecated-baseline-gap: var(--nj-semantic-size-spacing-64);
  display: flex;
  gap: var(--nj-footer-deprecated-baseline-gap);
  align-items: center;
  justify-content: center;
  padding: var(--nj-semantic-size-spacing-32) 0;
  font-size: var(--nj-semantic-font-size-heading-sm-desktop);
  font-weight: var(--nj-semantic-font-weight-bold);
  text-align: center;
}

.nj-footer-deprecated__baseline p {
  margin: 0;
}

@media (max-width: 991.98px) {
  .nj-footer-deprecated__baseline {
    --nj-footer-deprecated-baseline-gap: var(--nj-semantic-size-spacing-32);
    flex-wrap: wrap;
  }
}
.nj-footer-deprecated__logo {
  display: block;
  width: auto;
  height: var(--nj-footer-deprecated-logo-height);
}

@media (max-width: 991.98px) {
  .nj-footer-deprecated__logo {
    --nj-footer-deprecated-logo-height: var(--nj-footer-deprecated-logo-height-sm);
  }
}
.nj-footer-deprecated__menu {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--nj-footer-deprecated-menu-min-width), 1fr));
  gap: var(--nj-semantic-size-spacing-32);
  padding-top: var(--nj-footer-deprecated-gap);
  border-top: var(--nj-footer-deprecated-divider);
}

.nj-footer-deprecated__menu-section {
  display: grid;
  gap: var(--nj-semantic-size-spacing-24);
  align-content: start;
  align-items: start;
}

.nj-footer-deprecated__links-list-title {
  display: flex;
  margin: 0;
  font-size: var(--nj-semantic-font-size-text-md-desktop);
}

.nj-footer-deprecated__links-list {
  display: grid;
  gap: var(--nj-semantic-size-spacing-8);
  padding-left: 0;
  margin: 0;
  font-size: var(--nj-semantic-font-size-text-sm-desktop);
  list-style: none;
}

.nj-footer-deprecated__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-32);
  align-items: center;
  justify-content: center;
  padding: var(--nj-footer-deprecated-gap) 0 0;
  margin: 0;
  font-size: var(--nj-semantic-font-size-text-sm-desktop);
  list-style: none;
  border-top: var(--nj-footer-deprecated-divider);
}

.nj-footer-deprecated__social {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-24);
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

.nj-footer-deprecated__social-link {
  position: relative;
  display: block;
  width: auto;
  height: 32px;
  padding: 4px;
}

.nj-footer-deprecated__social-link:hover {
  background-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
}

.nj-footer-deprecated__social-link::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  box-sizing: content-box !important;
  width: 100%;
  height: 100%;
  padding: var(--nj-semantic-size-border-focus-ring-offset);
  pointer-events: none;
  content: "";
  border-radius: var(--nj-semantic-size-border-radius-none);
  box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
  opacity: 0;
  transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
  transition: opacity 0.2s, transform 0.2s;
  transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
}

.nj-footer-deprecated__social-link:focus-visible {
  outline: none;
}

.nj-footer-deprecated__social-link:focus-visible::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
}

.nj-footer-deprecated__social-icon {
  width: auto;
  height: 100%;
}
.nj-fab__actions {
  visibility: visible;
  position: relative;
  width: auto;
  height: auto;
  gap: var(--nj-semantic-size-spacing-16);
  padding: var(--nj-semantic-size-spacing-16);
}
.nj-fab__actions .nj-fab__item {
  position: relative;
}
.nj-fab__actions--top, .nj-fab__actions--bottom {
  flex-direction: column;
}
.nj-sidepanel-header__custom-title {
  flex-grow: 1;
}