:root {
  --nt-neutral-100: #fff;
  --nt-neutral-200: #f5f5f5;
  --nt-neutral-300: #e8e8e8;
  --nt-neutral-400: #d4d4d4;
  --nt-neutral-500: #b8b8b8;
  --nt-neutral-600: #8f8f8f;
  --nt-neutral-700: #6a6a6a;
  --nt-neutral-800: #4a4a4a;
  --nt-neutral-900: #2c2c2c;
  --nt-neutral-1000: #1a1a1a;
  --nt-green-100: #ecfdf3;
  --nt-green-200: #d1fadf;
  --nt-green-300: #a6f4c5;
  --nt-green-400: #6ce9a6;
  --nt-green-500: #2ecc71;
  --nt-green-600: #22b35f;
  --nt-green-700: #1a8f4d;
  --nt-green-800: #146b3b;
  --nt-green-900: #0f4f2c;
  --nt-green-1000: #0a331e;
  --nt-red-100: #fef3f2;
  --nt-red-200: #fee4e2;
  --nt-red-300: #fecdca;
  --nt-red-400: #fda29b;
  --nt-red-500: #e74c3c;
  --nt-red-600: #cf3e30;
  --nt-red-700: #a83227;
  --nt-red-800: #82261e;
  --nt-red-900: #5e1b16;
  --nt-red-1000: #3f120f;
  --nt-yellow-100: #fffbeb;
  --nt-yellow-200: #fff3c4;
  --nt-yellow-300: #ffe58a;
  --nt-yellow-400: #ffd24d;
  --nt-yellow-500: #f4b740;
  --nt-yellow-600: #d89b2d;
  --nt-yellow-700: #b77d1f;
  --nt-yellow-800: #946219;
  --nt-yellow-900: #6f4913;
  --nt-yellow-1000: #4d320d;
  --nt-orange-100: #fff4e8;
  --nt-orange-200: #ffe2c7;
  --nt-orange-300: #ffc38f;
  --nt-orange-400: #ffa85c;
  --nt-orange-500: #f28a2e;
  --nt-orange-600: #d9731f;
  --nt-orange-700: #b85d14;
  --nt-orange-800: #94480f;
  --nt-orange-900: #6f340a;
  --nt-orange-1000: #4d2206;
  --nt-blue-100: #eff4ff;
  --nt-blue-200: #d1e0ff;
  --nt-blue-300: #b2ccff;
  --nt-blue-400: #84adff;
  --nt-blue-500: #3b82f6;
  --nt-blue-600: #2563eb;
  --nt-blue-700: #1e4ed8;
  --nt-blue-800: #1a3fb5;
  --nt-blue-900: #142e8a;
  --nt-blue-1000: #0f1f5c;
  --nt-purple-100: #f4f3ff;
  --nt-purple-200: #e9d7fe;
  --nt-purple-300: #d6bbfb;
  --nt-purple-400: #b692f6;
  --nt-purple-500: #8b5cf6;
  --nt-purple-600: #7c3aed;
  --nt-purple-700: #6d28d9;
  --nt-purple-800: #5b21b6;
  --nt-purple-900: #4c1d95;
  --nt-purple-1000: #361468;
  --nt-pink-100: #ffeff7;
  --nt-pink-200: #ffd1e8;
  --nt-pink-300: #ffb2d8;
  --nt-pink-400: #ff84c1;
  --nt-pink-500: #f63b97;
  --nt-pink-600: #eb2587;
  --nt-pink-700: #d81e7a;
  --nt-pink-800: #b51a66;
  --nt-pink-900: #8a144e;
  --nt-pink-1000: #5c0f35;
  --nt-cyan-100: #ddf7fd;
  --nt-cyan-200: #acedfc;
  --nt-cyan-300: #70e1fa;
  --nt-cyan-400: #31d2f6;
  --nt-cyan-500: #08b6dd;
  --nt-cyan-600: #069bbc;
  --nt-cyan-700: #06829d;
  --nt-cyan-800: #036a81;
  --nt-cyan-900: #025264;
  --nt-cyan-1000: #013a46;
  --nt-bg-body: var(--nt-neutral-100);
  --nt-bg-body-glass-l1: #ffffffd9;
  --nt-bg-float: var(--nt-neutral-100);
  --nt-bg-float-glass-l1: #fffffff2;
  --nt-bg-float-glass-l2: #ffffffbf;
  --nt-bg-canvas: var(--nt-neutral-200);
  --nt-bg-tooltip: var(--nt-neutral-1000);
  --nt-bg-modal: var(--nt-neutral-100);
  --nt-bg-overlay: #0000000a;
  --nt-bg-overlay-hover: #0000000f;
  --nt-bg-overlay-active: #00000014;
  --nt-bg-overlay-disabled: #0000000f;
  --nt-bg-invert: var(--nt-neutral-900);
  --nt-bg-invert-hover: var(--nt-neutral-800);
  --nt-bg-invert-active: var(--nt-neutral-1000);
  --nt-bg-invert-disabled: var(--nt-bg-overlay-disabled);
  --nt-bg-highlight: var(--nt-blue-500);
  --nt-bg-highlight-hover: var(--nt-blue-600);
  --nt-bg-highlight-active: var(--nt-blue-600);
  --nt-bg-highlight-disabled: #3b82f629;
  --nt-bg-brand: var(--nt-cyan-400);
  --nt-bg-brand-hover: var(--nt-cyan-300);
  --nt-bg-brand-active: var(--nt-cyan-400);
  --nt-bg-brand-disabled: #04caf61a;
  --nt-bg-brand-overlay: #04caf61a;
  --nt-bg-brand-overlay-hover: #04caf626;
  --nt-bg-brand-overlay-active: #04caf640;
  --nt-bg-brand-overlay-disabled: var(--nt-bg-brand-disabled);
  --nt-text-default: #000000e5;
  --nt-text-secondary: #0000008c;
  --nt-text-tertiary: #0000004d;
  --nt-text-disabled: var(--nt-text-tertiary);
  --nt-text-onbrand: #fff;
  --nt-text-onbrand-secondary: #fffc;
  --nt-text-onbrand-tertiary: #fff6;
  --nt-text-highlight: var(--nt-blue-500);
  --nt-text-highlight-hover: var(--nt-blue-600);
  --nt-text-highlight-active: var(--nt-blue-600);
  --nt-text-brand: var(--nt-cyan-600);
  --nt-text-brand-hover: var(--nt-cyan-500);
  --nt-text-brand-active: var(--nt-cyan-600);
  --nt-text-brand-disabled: #069bbc7a;
  --nt-icon-default: var(--nt-text-default);
  --nt-icon-secondary: var(--nt-text-secondary);
  --nt-icon-tertiary: var(--nt-text-tertiary);
  --nt-icon-disabled: var(--nt-text-tertiary);
  --nt-icon-onbrand: var(--nt-text-onbrand);
  --nt-icon-onbrand-secondary: var(--nt-text-onbrand-secondary);
  --nt-icon-onbrand-tertiary: var(--nt-text-onbrand-tertiary);
  --nt-icon-highlight: var(--nt-text-highlight);
  --nt-icon-highlight-hover: var(--nt-text-highlight-hover);
  --nt-icon-highlight-active: var(--nt-text-highlight-active);
  --nt-icon-brand: var(--nt-text-brand);
  --nt-icon-brand-hover: var(--nt-text-brand-hover);
  --nt-icon-brand-active: var(--nt-text-brand-active);
  --nt-icon-brand-disabled: var(--nt-text-brand-disabled);
  --nt-border-neutral-l1: #00000012;
  --nt-border-neutral-l2: #0000001a;
  --nt-border-neutral-l3: #00000026;
  --nt-border-contrast: #2c2c2c;
  --nt-border-invert: #ffffff1a;
  --nt-border-invert-contrast: #fff;
  --nt-border-highlight: var(--nt-blue-500);
  --nt-border-highlight-strong: var(--nt-blue-600);
  --nt-border-brand: #08b6dd1f;
  --nt-border-brand-contrast: var(--nt-text-brand);
  --nt-border-brand-contrast-hover: var(--nt-text-brand-hover);
  --nt-border-brand-contrast-active: var(--nt-text-brand-active);
  --nt-accent-amber: #e9931c;
  --nt-accent-coral: #ff6f61;
  --nt-accent-rose: #e94486;
  --nt-accent-violet: #9b7cff;
  --nt-accent-blue: #4368e3;
  --nt-accent-cyan: #24b6e6;
  --nt-accent-teal: #24a99c;
  --nt-accent-lime: #8acb3a;
  --nt-accent-slate: #afb9cf;
  --nt-accent-amber-surface: #e9931c1a;
  --nt-accent-coral-surface: #ff6f611a;
  --nt-accent-rose-surface: #e944861a;
  --nt-accent-violet-surface: #9b7cff1a;
  --nt-accent-blue-surface: #4368e31a;
  --nt-accent-cyan-surface: #24b6e61a;
  --nt-accent-teal-surface: #24a99c1a;
  --nt-accent-lime-surface: #8acb3a1a;
  --nt-accent-slate-surface: #afb9cf1a;
  --nt-primary-default: var(--nt-blue-500);
  --nt-primary-hover: var(--nt-blue-600);
  --nt-primary-active: var(--nt-blue-600);
  --nt-primary-surface-l1: #3b82f61f;
  --nt-primary-surface-l2: #3b82f63d;
  --nt-primary-surface-l3: #3b82f65c;
  --nt-success-default: var(--nt-green-500);
  --nt-success-hover: var(--nt-green-600);
  --nt-success-active: var(--nt-green-700);
  --nt-success-surface-l1: #22b35f1f;
  --nt-success-surface-l2: #22b35f3d;
  --nt-success-surface-l3: #22b35f5c;
  --nt-danger-default: var(--nt-red-500);
  --nt-danger-hover: var(--nt-red-600);
  --nt-danger-active: var(--nt-red-600);
  --nt-danger-surface-l1: #e74c3c1f;
  --nt-danger-surface-l2: #e74c3c3d;
  --nt-danger-surface-l3: #e74c3c5c;
  --nt-warning-default: var(--nt-orange-500);
  --nt-warning-hover: var(--nt-orange-600);
  --nt-warning-active: var(--nt-orange-600);
  --nt-warning-surface-l1: #f28a2e1f;
  --nt-warning-surface-l2: #f28a2e3d;
  --nt-warning-surface-l3: #f28a2e5c;
  --nt-white: #fff;
  --nt-black: #000;
  --nt-invert: #000;
  --nt-inverse: #fff;
  --nt-modal-backdrop: #0006;
  --nt-modal-backdrop-strong: #000000d9;
  --nt-stroke-connector-default: #bfbfbf;
  --nt-tag-invert-bg: #ffffff14;
  --nt-hint-button-bg: var(--nt-bg-body);
  --nt-hint-button-border: var(--nt-neutral-500);
  --nt-reference-chip-bg: #ffffffe5;
  --nt-brand-surface-l1: #08b6dd1f;
  --nt-brand-surface-l2: #08b6dd3d;
  --nt-brand-surface-l3: #08b6dd5c;
  --nt-brand: var(--nt-cyan-500);
}
.dark {
  --nt-neutral-100: #e6e6e6;
  --nt-neutral-200: #cfcfcf;
  --nt-neutral-300: #b8b8b8;
  --nt-neutral-400: #9a9a9a;
  --nt-neutral-500: #7a7a7a;
  --nt-neutral-600: #5e5e5e;
  --nt-neutral-700: #3f3f3f;
  --nt-neutral-800: #2c2c2c;
  --nt-neutral-900: #1f1f1f;
  --nt-neutral-1000: #161616;
  --nt-green-100: #cffae3;
  --nt-green-200: #a6f4c5;
  --nt-green-300: #6ce9a6;
  --nt-green-400: #3adfa1;
  --nt-green-500: #2ecc71;
  --nt-green-600: #25b965;
  --nt-green-700: #1f9c56;
  --nt-green-800: #167a45;
  --nt-green-900: #115f36;
  --nt-green-1000: #0c4327;
  --nt-red-100: #ffdad7;
  --nt-red-200: #ffc2bc;
  --nt-red-300: #ffa49a;
  --nt-red-400: #ff8a7a;
  --nt-red-500: #e74c3c;
  --nt-red-600: #d64538;
  --nt-red-700: #b83a30;
  --nt-red-800: #912c25;
  --nt-red-900: #6f221d;
  --nt-red-1000: #4e1714;
  --nt-yellow-100: #fff0b8;
  --nt-yellow-200: #ffe08a;
  --nt-yellow-300: #ffd25c;
  --nt-yellow-400: #ffc43a;
  --nt-yellow-500: #f4b740;
  --nt-yellow-600: #e0a233;
  --nt-yellow-700: #c38928;
  --nt-yellow-800: #9e6d1e;
  --nt-yellow-900: #7a5417;
  --nt-yellow-1000: #573b10;
  --nt-orange-100: #ffd9b0;
  --nt-orange-200: #ffc38f;
  --nt-orange-300: #ffa85c;
  --nt-orange-400: #ff963d;
  --nt-orange-500: #f28a2e;
  --nt-orange-600: #e07623;
  --nt-orange-700: #c46218;
  --nt-orange-800: #9e4e10;
  --nt-orange-900: #7a3b0b;
  --nt-orange-1000: #552806;
  --nt-blue-100: #dce6ff;
  --nt-blue-200: #b2ccff;
  --nt-blue-300: #84adff;
  --nt-blue-400: #6c9cff;
  --nt-blue-500: #3b82f6;
  --nt-blue-600: #2f6fed;
  --nt-blue-700: #245edc;
  --nt-blue-800: #1e4bb8;
  --nt-blue-900: #17388f;
  --nt-blue-1000: #10245f;
  --nt-purple-100: #e9d7fe;
  --nt-purple-200: #d6bbfb;
  --nt-purple-300: #b692f6;
  --nt-purple-400: #9d7cff;
  --nt-purple-500: #8b5cf6;
  --nt-purple-600: #7a4eeb;
  --nt-purple-700: #683ed8;
  --nt-purple-800: #5630b6;
  --nt-purple-900: #43268f;
  --nt-purple-1000: #2e1b63;
  --nt-pink-100: #ffdced;
  --nt-pink-200: #ffb2d8;
  --nt-pink-300: #ff84c1;
  --nt-pink-400: #ff6cb5;
  --nt-pink-500: #f63b97;
  --nt-pink-600: #ed2f8d;
  --nt-pink-700: #dc247f;
  --nt-pink-800: #b81e6a;
  --nt-pink-900: #8f1752;
  --nt-pink-1000: #5f1037;
  --nt-cyan-100: #afeffd;
  --nt-cyan-200: #7ce5fd;
  --nt-cyan-300: #3fdafd;
  --nt-cyan-400: #04caf6;
  --nt-cyan-500: #08b6dd;
  --nt-cyan-600: #06abd0;
  --nt-cyan-700: #0692b1;
  --nt-cyan-800: #047b95;
  --nt-cyan-900: #026278;
  --nt-cyan-1000: #014a5a;
  --nt-bg-body: #121212;
  --nt-bg-body-glass-l1: #121212d9;
  --nt-bg-float: var(--nt-neutral-900);
  --nt-bg-float-glass-l1: #1f1f1ff2;
  --nt-bg-float-glass-l2: #1f1f1fbf;
  --nt-bg-canvas: #1a1a1a;
  --nt-bg-tooltip: var(--nt-black);
  --nt-bg-modal: var(--nt-neutral-1000);
  --nt-bg-overlay: #ffffff0d;
  --nt-bg-overlay-hover: #ffffff12;
  --nt-bg-overlay-active: #ffffff17;
  --nt-bg-overlay-disabled: #ffffff12;
  --nt-bg-invert: #fff;
  --nt-bg-invert-hover: #ffffffe5;
  --nt-bg-invert-active: #ffffffe5;
  --nt-bg-invert-disabled: var(--nt-bg-overlay-disabled);
  --nt-bg-highlight: var(--nt-blue-500);
  --nt-bg-highlight-hover: var(--nt-blue-600);
  --nt-bg-highlight-active: var(--nt-blue-600);
  --nt-bg-highlight-disabled: #3b82f629;
  --nt-bg-brand: var(--nt-cyan-300);
  --nt-bg-brand-hover: var(--nt-cyan-400);
  --nt-bg-brand-active: var(--nt-cyan-400);
  --nt-bg-brand-disabled: #31d2f61f;
  --nt-bg-brand-overlay: #31d2f626;
  --nt-bg-brand-overlay-hover: #31d2f633;
  --nt-bg-brand-overlay-active: #31d2f640;
  --nt-bg-brand-overlay-disabled: var(--nt-bg-brand-disabled);
  --nt-text-default: #fff;
  --nt-text-secondary: #fff9;
  --nt-text-tertiary: #ffffff4d;
  --nt-text-disabled: var(--nt-text-tertiary);
  --nt-text-onbrand: #000;
  --nt-text-onbrand-secondary: #000c;
  --nt-text-onbrand-tertiary: #0006;
  --nt-text-highlight: var(--nt-blue-300);
  --nt-text-highlight-hover: var(--nt-blue-400);
  --nt-text-highlight-active: var(--nt-blue-400);
  --nt-text-brand: var(--nt-cyan-400);
  --nt-text-brand-hover: var(--nt-cyan-300);
  --nt-text-brand-active: var(--nt-cyan-400);
  --nt-text-brand-disabled: #04caf666;
  --nt-icon-default: var(--nt-text-default);
  --nt-icon-secondary: var(--nt-text-secondary);
  --nt-icon-tertiary: var(--nt-text-tertiary);
  --nt-icon-disabled: var(--nt-text-tertiary);
  --nt-icon-onbrand: var(--nt-text-onbrand);
  --nt-icon-onbrand-secondary: var(--nt-text-onbrand-secondary);
  --nt-icon-onbrand-tertiary: var(--nt-text-onbrand-tertiary);
  --nt-icon-highlight: var(--nt-text-highlight);
  --nt-icon-highlight-hover: var(--nt-text-highlight-hover);
  --nt-icon-highlight-active: var(--nt-text-highlight-active);
  --nt-icon-brand: var(--nt-text-brand);
  --nt-icon-brand-hover: var(--nt-text-brand-hover);
  --nt-icon-brand-active: var(--nt-text-brand-active);
  --nt-icon-brand-disabled: var(--nt-text-brand-disabled);
  --nt-border-neutral-l1: #ffffff14;
  --nt-border-neutral-l2: #ffffff1f;
  --nt-border-neutral-l3: #ffffff29;
  --nt-border-contrast: #ffffffe5;
  --nt-border-invert: #0000001f;
  --nt-border-invert-contrast: #2c2c2c;
  --nt-border-highlight: var(--nt-blue-400);
  --nt-border-highlight-strong: var(--nt-blue-300);
  --nt-border-brand: #04caf61f;
  --nt-border-brand-contrast: var(--nt-text-brand);
  --nt-border-brand-contrast-hover: var(--nt-text-brand-hover);
  --nt-border-brand-contrast-active: var(--nt-text-brand-active);
  --nt-accent-amber: #f2a93a;
  --nt-accent-coral: #ff8a7a;
  --nt-accent-rose: #f06a9b;
  --nt-accent-violet: #bfa5ff;
  --nt-accent-blue: #7b8fff;
  --nt-accent-cyan: #4ccbff;
  --nt-accent-teal: #3bc7b8;
  --nt-accent-lime: #a3e05a;
  --nt-accent-slate: #c3cce0;
  --nt-accent-amber-surface: #f2a93a1a;
  --nt-accent-coral-surface: #ff8a7a1a;
  --nt-accent-rose-surface: #f06a9b1a;
  --nt-accent-violet-surface: #bfa5ff1a;
  --nt-accent-blue-surface: #7b8fff1a;
  --nt-accent-cyan-surface: #4ccbff1a;
  --nt-accent-teal-surface: #3bc7b81a;
  --nt-accent-lime-surface: #a3e05a1a;
  --nt-accent-slate-surface: #c3cce01a;
  --nt-primary-default: var(--nt-blue-500);
  --nt-primary-hover: var(--nt-blue-600);
  --nt-primary-active: var(--nt-blue-600);
  --nt-primary-surface-l1: #3b82f61f;
  --nt-primary-surface-l2: #3b82f63d;
  --nt-primary-surface-l3: #3b82f65c;
  --nt-success-default: var(--nt-green-500);
  --nt-success-hover: var(--nt-green-600);
  --nt-success-active: var(--nt-green-700);
  --nt-success-surface-l1: #25b9651f;
  --nt-success-surface-l2: #25b9653d;
  --nt-success-surface-l3: #25b9655c;
  --nt-danger-default: var(--nt-red-500);
  --nt-danger-hover: var(--nt-red-600);
  --nt-danger-active: var(--nt-red-600);
  --nt-danger-surface-l1: #e74c3c1f;
  --nt-danger-surface-l2: #e74c3c3d;
  --nt-danger-surface-l3: #e74c3c5c;
  --nt-warning-default: var(--nt-orange-500);
  --nt-warning-hover: var(--nt-orange-600);
  --nt-warning-active: var(--nt-orange-600);
  --nt-warning-surface-l1: #f28a2e1f;
  --nt-warning-surface-l2: #f28a2e3d;
  --nt-warning-surface-l3: #f28a2e5c;
  --nt-white: #fff;
  --nt-black: #000;
  --nt-invert: #fff;
  --nt-inverse: #000;
  --nt-modal-backdrop: #0009;
  --nt-modal-backdrop-strong: #000000d9;
  --nt-stroke-connector-default: #5c5c5c;
  --nt-tag-invert-bg: #00000014;
  --nt-hint-button-bg: var(--nt-neutral-900);
  --nt-hint-button-border: #0000001a;
  --nt-reference-chip-bg: #ffffff0d;
  --nt-brand-surface-l1: #08b6dd1f;
  --nt-brand-surface-l2: #08b6dd3d;
  --nt-brand-surface-l3: #08b6dd5c;
  --nt-brand: var(--nt-cyan-500);
}